@unofficialbox/box-open-elements 0.4.0 → 0.5.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/README.md +37 -12
- package/dist/components/actions/button-group.d.ts +2 -2
- package/dist/components/actions/button-group.js +3 -9
- package/dist/components/actions/button.d.ts +2 -2
- package/dist/components/actions/button.js +3 -9
- package/dist/components/actions/icon-button.d.ts +2 -2
- package/dist/components/actions/icon-button.js +3 -9
- package/dist/components/actions/link-button.d.ts +2 -2
- package/dist/components/actions/link-button.js +3 -9
- package/dist/components/actions/menu-item.d.ts +2 -2
- package/dist/components/actions/menu-item.js +3 -9
- package/dist/components/actions/menu.d.ts +2 -2
- package/dist/components/actions/menu.js +3 -9
- package/dist/components/actions/segmented-control.d.ts +2 -2
- package/dist/components/actions/segmented-control.js +3 -9
- package/dist/components/collections/card.d.ts +2 -2
- package/dist/components/collections/card.js +3 -9
- package/dist/components/collections/carousel.d.ts +2 -2
- package/dist/components/collections/carousel.js +3 -9
- package/dist/components/collections/datalist-item.d.ts +2 -2
- package/dist/components/collections/datalist-item.js +3 -9
- package/dist/components/collections/draggable-list.d.ts +2 -2
- package/dist/components/collections/draggable-list.js +3 -9
- package/dist/components/collections/grid-view.d.ts +2 -2
- package/dist/components/collections/grid-view.js +3 -9
- package/dist/components/collections/pagination.d.ts +2 -2
- package/dist/components/collections/pagination.js +3 -9
- package/dist/components/collections/table.d.ts +2 -2
- package/dist/components/collections/table.js +3 -9
- package/dist/components/collections/thumbnail-card.d.ts +2 -2
- package/dist/components/collections/thumbnail-card.js +3 -9
- package/dist/components/collections/tree-grid.d.ts +2 -2
- package/dist/components/collections/tree-grid.js +3 -9
- package/dist/components/collections/tree.d.ts +2 -2
- package/dist/components/collections/tree.js +3 -9
- package/dist/components/feedback/alert.d.ts +2 -2
- package/dist/components/feedback/alert.js +3 -9
- package/dist/components/feedback/badge.d.ts +2 -2
- package/dist/components/feedback/badge.js +3 -9
- package/dist/components/feedback/badgeable.d.ts +2 -2
- package/dist/components/feedback/badgeable.js +3 -9
- package/dist/components/feedback/chip.d.ts +2 -2
- package/dist/components/feedback/chip.js +3 -9
- package/dist/components/feedback/empty-state.d.ts +2 -2
- package/dist/components/feedback/empty-state.js +3 -9
- package/dist/components/feedback/error-mask.d.ts +2 -2
- package/dist/components/feedback/error-mask.js +3 -9
- package/dist/components/feedback/help-text.d.ts +2 -2
- package/dist/components/feedback/help-text.js +3 -9
- package/dist/components/feedback/nudge.d.ts +2 -2
- package/dist/components/feedback/nudge.js +3 -9
- package/dist/components/feedback/progress-bar.d.ts +2 -2
- package/dist/components/feedback/progress-bar.js +3 -9
- package/dist/components/feedback/progress-ring.d.ts +2 -2
- package/dist/components/feedback/progress-ring.js +3 -9
- package/dist/components/feedback/progress-steps.d.ts +2 -2
- package/dist/components/feedback/progress-steps.js +3 -9
- package/dist/components/feedback/skeleton.d.ts +2 -2
- package/dist/components/feedback/skeleton.js +3 -9
- package/dist/components/feedback/spinner.d.ts +2 -2
- package/dist/components/feedback/spinner.js +3 -9
- package/dist/components/feedback/toast.d.ts +2 -2
- package/dist/components/feedback/toast.js +3 -9
- package/dist/components/files/drop-zone.d.ts +2 -2
- package/dist/components/files/drop-zone.js +3 -9
- package/dist/components/forms/calendar.d.ts +2 -2
- package/dist/components/forms/calendar.js +3 -9
- package/dist/components/forms/category-selector.d.ts +2 -2
- package/dist/components/forms/category-selector.js +3 -9
- package/dist/components/forms/checkbox-group.d.ts +2 -2
- package/dist/components/forms/checkbox-group.js +3 -9
- package/dist/components/forms/checkbox.d.ts +2 -2
- package/dist/components/forms/checkbox.js +3 -9
- package/dist/components/forms/color-picker.d.ts +2 -2
- package/dist/components/forms/color-picker.js +3 -9
- package/dist/components/forms/combobox.d.ts +2 -2
- package/dist/components/forms/combobox.js +3 -9
- package/dist/components/forms/date-field.d.ts +2 -2
- package/dist/components/forms/date-field.js +3 -9
- package/dist/components/forms/dropdown.d.ts +2 -2
- package/dist/components/forms/dropdown.js +3 -9
- package/dist/components/forms/dual-listbox.d.ts +2 -2
- package/dist/components/forms/dual-listbox.js +3 -9
- package/dist/components/forms/fieldset.d.ts +2 -2
- package/dist/components/forms/fieldset.js +3 -9
- package/dist/components/forms/multi-select.d.ts +2 -2
- package/dist/components/forms/multi-select.js +3 -9
- package/dist/components/forms/number-input.d.ts +2 -2
- package/dist/components/forms/number-input.js +3 -9
- package/dist/components/forms/pill-cloud.d.ts +2 -2
- package/dist/components/forms/pill-cloud.js +3 -9
- package/dist/components/forms/pill-selector-dropdown.d.ts +2 -2
- package/dist/components/forms/pill-selector-dropdown.js +3 -9
- package/dist/components/forms/radio-group.d.ts +2 -2
- package/dist/components/forms/radio-group.js +3 -9
- package/dist/components/forms/range-slider.d.ts +2 -2
- package/dist/components/forms/range-slider.js +3 -9
- package/dist/components/forms/rating.d.ts +2 -2
- package/dist/components/forms/rating.js +3 -9
- package/dist/components/forms/rich-text-input.d.ts +2 -2
- package/dist/components/forms/rich-text-input.js +3 -9
- package/dist/components/forms/search-field.d.ts +2 -2
- package/dist/components/forms/search-field.js +3 -9
- package/dist/components/forms/select.d.ts +2 -2
- package/dist/components/forms/select.js +3 -9
- package/dist/components/forms/slider.d.ts +2 -2
- package/dist/components/forms/slider.js +3 -9
- package/dist/components/forms/spin-button.d.ts +2 -2
- package/dist/components/forms/spin-button.js +3 -9
- package/dist/components/forms/switch.d.ts +2 -2
- package/dist/components/forms/switch.js +3 -9
- package/dist/components/forms/tag-input.d.ts +2 -2
- package/dist/components/forms/tag-input.js +3 -9
- package/dist/components/forms/text-area.d.ts +2 -2
- package/dist/components/forms/text-area.js +3 -9
- package/dist/components/forms/text-field.d.ts +2 -2
- package/dist/components/forms/text-field.js +3 -9
- package/dist/components/forms/time-field.d.ts +2 -2
- package/dist/components/forms/time-field.js +4 -10
- package/dist/components/identity/avatar.d.ts +2 -2
- package/dist/components/identity/avatar.js +3 -9
- package/dist/components/identity/contact-datalist-item.d.ts +2 -2
- package/dist/components/identity/contact-datalist-item.js +3 -9
- package/dist/components/identity/persona.d.ts +2 -2
- package/dist/components/identity/persona.js +3 -9
- package/dist/components/layout/app-shell.d.ts +2 -2
- package/dist/components/layout/app-shell.js +3 -9
- package/dist/components/layout/divider.d.ts +2 -2
- package/dist/components/layout/divider.js +3 -9
- package/dist/components/layout/nav-sidebar.d.ts +2 -2
- package/dist/components/layout/nav-sidebar.js +3 -9
- package/dist/components/layout/section.d.ts +2 -2
- package/dist/components/layout/section.js +3 -9
- package/dist/components/layout/sidebar-toggle-button.d.ts +2 -2
- package/dist/components/layout/sidebar-toggle-button.js +3 -9
- package/dist/components/layout/split-view.d.ts +2 -2
- package/dist/components/layout/split-view.js +3 -9
- package/dist/components/navigation/accordion.d.ts +2 -2
- package/dist/components/navigation/accordion.js +3 -9
- package/dist/components/navigation/breadcrumb.d.ts +2 -2
- package/dist/components/navigation/breadcrumb.js +3 -9
- package/dist/components/navigation/tabs.d.ts +2 -2
- package/dist/components/navigation/tabs.js +3 -9
- package/dist/components/overlays/context-menu.d.ts +2 -2
- package/dist/components/overlays/context-menu.js +3 -9
- package/dist/components/overlays/dialog.d.ts +2 -2
- package/dist/components/overlays/dialog.js +3 -9
- package/dist/components/overlays/drawer.d.ts +2 -2
- package/dist/components/overlays/drawer.js +3 -9
- package/dist/components/overlays/guide-tooltip.d.ts +2 -2
- package/dist/components/overlays/guide-tooltip.js +3 -9
- package/dist/components/overlays/popover.d.ts +2 -2
- package/dist/components/overlays/popover.js +3 -9
- package/dist/components/overlays/tooltip.d.ts +2 -2
- package/dist/components/overlays/tooltip.js +3 -9
- package/dist/components/visuals/illustration.d.ts +2 -2
- package/dist/components/visuals/illustration.js +3 -9
- package/dist/core/element.d.ts +5 -1
- package/dist/core/element.js +29 -1
- package/dist/entries/access-stats.d.ts +1 -0
- package/dist/entries/access-stats.js +1 -0
- package/dist/entries/accordion.d.ts +1 -0
- package/dist/entries/accordion.js +1 -0
- package/dist/entries/alert.d.ts +1 -0
- package/dist/entries/alert.js +1 -0
- package/dist/entries/annotation-inspector.d.ts +1 -0
- package/dist/entries/annotation-inspector.js +1 -0
- package/dist/entries/annotation-thread.d.ts +1 -0
- package/dist/entries/annotation-thread.js +1 -0
- package/dist/entries/annotation-toolbar.d.ts +1 -0
- package/dist/entries/annotation-toolbar.js +1 -0
- package/dist/entries/app-shell.d.ts +1 -0
- package/dist/entries/app-shell.js +1 -0
- package/dist/entries/avatar.d.ts +1 -0
- package/dist/entries/avatar.js +1 -0
- package/dist/entries/badge.d.ts +1 -0
- package/dist/entries/badge.js +1 -0
- package/dist/entries/badgeable.d.ts +1 -0
- package/dist/entries/badgeable.js +1 -0
- package/dist/entries/bar-chart.d.ts +1 -0
- package/dist/entries/bar-chart.js +1 -0
- package/dist/entries/breadcrumb.d.ts +1 -0
- package/dist/entries/breadcrumb.js +1 -0
- package/dist/entries/bulk-action-bar.d.ts +1 -0
- package/dist/entries/bulk-action-bar.js +1 -0
- package/dist/entries/button-group.d.ts +1 -0
- package/dist/entries/button-group.js +1 -0
- package/dist/entries/button.d.ts +1 -0
- package/dist/entries/button.js +1 -0
- package/dist/entries/calendar.d.ts +1 -0
- package/dist/entries/calendar.js +1 -0
- package/dist/entries/card.d.ts +1 -0
- package/dist/entries/card.js +1 -0
- package/dist/entries/carousel.d.ts +1 -0
- package/dist/entries/carousel.js +1 -0
- package/dist/entries/category-selector.d.ts +1 -0
- package/dist/entries/category-selector.js +1 -0
- package/dist/entries/chart-panel.d.ts +1 -0
- package/dist/entries/chart-panel.js +1 -0
- package/dist/entries/checkbox-group.d.ts +1 -0
- package/dist/entries/checkbox-group.js +1 -0
- package/dist/entries/checkbox.d.ts +1 -0
- package/dist/entries/checkbox.js +1 -0
- package/dist/entries/chip.d.ts +1 -0
- package/dist/entries/chip.js +1 -0
- package/dist/entries/collaborator-avatars.d.ts +1 -0
- package/dist/entries/collaborator-avatars.js +1 -0
- package/dist/entries/color-picker.d.ts +1 -0
- package/dist/entries/color-picker.js +1 -0
- package/dist/entries/combobox.d.ts +1 -0
- package/dist/entries/combobox.js +1 -0
- package/dist/entries/contact-datalist-item.d.ts +1 -0
- package/dist/entries/contact-datalist-item.js +1 -0
- package/dist/entries/content-explorer.d.ts +1 -0
- package/dist/entries/content-explorer.js +1 -0
- package/dist/entries/context-menu.d.ts +1 -0
- package/dist/entries/context-menu.js +1 -0
- package/dist/entries/datalist-item.d.ts +1 -0
- package/dist/entries/datalist-item.js +1 -0
- package/dist/entries/date-field.d.ts +1 -0
- package/dist/entries/date-field.js +1 -0
- package/dist/entries/dialog.d.ts +1 -0
- package/dist/entries/dialog.js +1 -0
- package/dist/entries/divider.d.ts +1 -0
- package/dist/entries/divider.js +1 -0
- package/dist/entries/donut-chart.d.ts +1 -0
- package/dist/entries/donut-chart.js +1 -0
- package/dist/entries/draggable-list.d.ts +1 -0
- package/dist/entries/draggable-list.js +1 -0
- package/dist/entries/drawer.d.ts +1 -0
- package/dist/entries/drawer.js +1 -0
- package/dist/entries/drop-zone.d.ts +1 -0
- package/dist/entries/drop-zone.js +1 -0
- package/dist/entries/dropdown.d.ts +1 -0
- package/dist/entries/dropdown.js +1 -0
- package/dist/entries/dual-listbox.d.ts +1 -0
- package/dist/entries/dual-listbox.js +1 -0
- package/dist/entries/empty-state.d.ts +1 -0
- package/dist/entries/empty-state.js +1 -0
- package/dist/entries/error-mask.d.ts +1 -0
- package/dist/entries/error-mask.js +1 -0
- package/dist/entries/explorer-action-menu.d.ts +1 -0
- package/dist/entries/explorer-action-menu.js +1 -0
- package/dist/entries/explorer-breadcrumbs.d.ts +1 -0
- package/dist/entries/explorer-breadcrumbs.js +1 -0
- package/dist/entries/explorer-items.d.ts +1 -0
- package/dist/entries/explorer-items.js +1 -0
- package/dist/entries/explorer-list.d.ts +1 -0
- package/dist/entries/explorer-list.js +1 -0
- package/dist/entries/explorer-table.d.ts +1 -0
- package/dist/entries/explorer-table.js +1 -0
- package/dist/entries/explorer-toolbar.d.ts +1 -0
- package/dist/entries/explorer-toolbar.js +1 -0
- package/dist/entries/fieldset.d.ts +1 -0
- package/dist/entries/fieldset.js +1 -0
- package/dist/entries/file-request-builder.d.ts +1 -0
- package/dist/entries/file-request-builder.js +1 -0
- package/dist/entries/filter-bar.d.ts +1 -0
- package/dist/entries/filter-bar.js +1 -0
- package/dist/entries/governance-panel.d.ts +1 -0
- package/dist/entries/governance-panel.js +1 -0
- package/dist/entries/grid-view.d.ts +1 -0
- package/dist/entries/grid-view.js +1 -0
- package/dist/entries/guide-tooltip.d.ts +1 -0
- package/dist/entries/guide-tooltip.js +1 -0
- package/dist/entries/help-text.d.ts +1 -0
- package/dist/entries/help-text.js +1 -0
- package/dist/entries/icon-button.d.ts +1 -0
- package/dist/entries/icon-button.js +1 -0
- package/dist/entries/illustration.d.ts +1 -0
- package/dist/entries/illustration.js +1 -0
- package/dist/entries/invite-collaborators-modal.d.ts +1 -0
- package/dist/entries/invite-collaborators-modal.js +1 -0
- package/dist/entries/item-details-panel.d.ts +1 -0
- package/dist/entries/item-details-panel.js +1 -0
- package/dist/entries/item-form.d.ts +1 -0
- package/dist/entries/item-form.js +1 -0
- package/dist/entries/line-chart.d.ts +1 -0
- package/dist/entries/line-chart.js +1 -0
- package/dist/entries/link-button.d.ts +1 -0
- package/dist/entries/link-button.js +1 -0
- package/dist/entries/menu-item.d.ts +1 -0
- package/dist/entries/menu-item.js +1 -0
- package/dist/entries/menu.d.ts +1 -0
- package/dist/entries/menu.js +1 -0
- package/dist/entries/metadata-filter-builder.d.ts +1 -0
- package/dist/entries/metadata-filter-builder.js +1 -0
- package/dist/entries/metadata-inspector.d.ts +1 -0
- package/dist/entries/metadata-inspector.js +1 -0
- package/dist/entries/metric-card.d.ts +1 -0
- package/dist/entries/metric-card.js +1 -0
- package/dist/entries/multi-select.d.ts +1 -0
- package/dist/entries/multi-select.js +1 -0
- package/dist/entries/nav-sidebar.d.ts +1 -0
- package/dist/entries/nav-sidebar.js +1 -0
- package/dist/entries/nudge.d.ts +1 -0
- package/dist/entries/nudge.js +1 -0
- package/dist/entries/number-input.d.ts +1 -0
- package/dist/entries/number-input.js +1 -0
- package/dist/entries/pagination.d.ts +1 -0
- package/dist/entries/pagination.js +1 -0
- package/dist/entries/permission-matrix.d.ts +1 -0
- package/dist/entries/permission-matrix.js +1 -0
- package/dist/entries/persona.d.ts +1 -0
- package/dist/entries/persona.js +1 -0
- package/dist/entries/pill-cloud.d.ts +1 -0
- package/dist/entries/pill-cloud.js +1 -0
- package/dist/entries/pill-selector-dropdown.d.ts +1 -0
- package/dist/entries/pill-selector-dropdown.js +1 -0
- package/dist/entries/popover.d.ts +1 -0
- package/dist/entries/popover.js +1 -0
- package/dist/entries/presence.d.ts +1 -0
- package/dist/entries/presence.js +1 -0
- package/dist/entries/preview-header.d.ts +1 -0
- package/dist/entries/preview-header.js +1 -0
- package/dist/entries/preview.d.ts +1 -0
- package/dist/entries/preview.js +1 -0
- package/dist/entries/progress-bar.d.ts +1 -0
- package/dist/entries/progress-bar.js +1 -0
- package/dist/entries/progress-ring.d.ts +1 -0
- package/dist/entries/progress-ring.js +1 -0
- package/dist/entries/progress-steps.d.ts +1 -0
- package/dist/entries/progress-steps.js +1 -0
- package/dist/entries/radio-group.d.ts +1 -0
- package/dist/entries/radio-group.js +1 -0
- package/dist/entries/range-slider.d.ts +1 -0
- package/dist/entries/range-slider.js +1 -0
- package/dist/entries/rating.d.ts +1 -0
- package/dist/entries/rating.js +1 -0
- package/dist/entries/review-queue-item.d.ts +1 -0
- package/dist/entries/review-queue-item.js +1 -0
- package/dist/entries/rich-text-input.d.ts +1 -0
- package/dist/entries/rich-text-input.js +1 -0
- package/dist/entries/saved-view-picker.d.ts +1 -0
- package/dist/entries/saved-view-picker.js +1 -0
- package/dist/entries/search-field.d.ts +1 -0
- package/dist/entries/search-field.js +1 -0
- package/dist/entries/search-results-header.d.ts +1 -0
- package/dist/entries/search-results-header.js +1 -0
- package/dist/entries/section.d.ts +1 -0
- package/dist/entries/section.js +1 -0
- package/dist/entries/segmented-control.d.ts +1 -0
- package/dist/entries/segmented-control.js +1 -0
- package/dist/entries/select.d.ts +1 -0
- package/dist/entries/select.js +1 -0
- package/dist/entries/share-panel.d.ts +1 -0
- package/dist/entries/share-panel.js +1 -0
- package/dist/entries/sidebar-toggle-button.d.ts +1 -0
- package/dist/entries/sidebar-toggle-button.js +1 -0
- package/dist/entries/skeleton.d.ts +1 -0
- package/dist/entries/skeleton.js +1 -0
- package/dist/entries/slider.d.ts +1 -0
- package/dist/entries/slider.js +1 -0
- package/dist/entries/spin-button.d.ts +1 -0
- package/dist/entries/spin-button.js +1 -0
- package/dist/entries/spinner.d.ts +1 -0
- package/dist/entries/spinner.js +1 -0
- package/dist/entries/split-view.d.ts +1 -0
- package/dist/entries/split-view.js +1 -0
- package/dist/entries/switch.d.ts +1 -0
- package/dist/entries/switch.js +1 -0
- package/dist/entries/table.d.ts +1 -0
- package/dist/entries/table.js +1 -0
- package/dist/entries/tabs.d.ts +1 -0
- package/dist/entries/tabs.js +1 -0
- package/dist/entries/tag-input.d.ts +1 -0
- package/dist/entries/tag-input.js +1 -0
- package/dist/entries/task-assignment-panel.d.ts +1 -0
- package/dist/entries/task-assignment-panel.js +1 -0
- package/dist/entries/text-area.d.ts +1 -0
- package/dist/entries/text-area.js +1 -0
- package/dist/entries/text-field.d.ts +1 -0
- package/dist/entries/text-field.js +1 -0
- package/dist/entries/thumbnail-card.d.ts +1 -0
- package/dist/entries/thumbnail-card.js +1 -0
- package/dist/entries/time-field.d.ts +1 -0
- package/dist/entries/time-field.js +1 -0
- package/dist/entries/toast.d.ts +1 -0
- package/dist/entries/toast.js +1 -0
- package/dist/entries/tooltip.d.ts +1 -0
- package/dist/entries/tooltip.js +1 -0
- package/dist/entries/tree-grid.d.ts +1 -0
- package/dist/entries/tree-grid.js +1 -0
- package/dist/entries/tree.d.ts +1 -0
- package/dist/entries/tree.js +1 -0
- package/dist/entries/unified-share-modal.d.ts +1 -0
- package/dist/entries/unified-share-modal.js +1 -0
- package/dist/foundations/geometry/tokens.d.ts +46 -45
- package/dist/foundations/geometry/tokens.js +46 -45
- package/dist/foundations/motion/tokens.d.ts +10 -10
- package/dist/foundations/motion/tokens.js +10 -10
- package/dist/foundations/profiles/built-ins.d.ts +4 -0
- package/dist/foundations/profiles/built-ins.js +131 -0
- package/dist/foundations/profiles/controller.d.ts +4 -0
- package/dist/foundations/profiles/controller.js +107 -0
- package/dist/foundations/profiles/index.d.ts +4 -0
- package/dist/foundations/profiles/index.js +3 -0
- package/dist/foundations/profiles/registry.d.ts +72 -0
- package/dist/foundations/profiles/registry.js +119 -0
- package/dist/foundations/profiles/types.d.ts +94 -0
- package/dist/foundations/profiles/types.js +1 -0
- package/dist/foundations/theming/controller.d.ts +37 -0
- package/dist/foundations/theming/controller.js +176 -0
- package/dist/foundations/theming/index.d.ts +2 -0
- package/dist/foundations/theming/index.js +1 -0
- package/dist/foundations/tokens/box-dark.d.ts +3 -3
- package/dist/foundations/tokens/box-defaults.d.ts +3 -3
- package/dist/foundations/tokens/index.d.ts +2 -2
- package/dist/foundations/tokens/index.js +1 -1
- package/dist/foundations/tokens/registry.d.ts +37 -7
- package/dist/foundations/tokens/registry.js +55 -5
- package/dist/foundations/tokens/types.d.ts +38 -1
- package/dist/index.d.ts +6 -2
- package/dist/index.js +3 -1
- package/dist/patterns/content-explorer/adapters/action-menu.d.ts +2 -2
- package/dist/patterns/content-explorer/adapters/action-menu.js +3 -9
- package/dist/patterns/content-explorer/adapters/breadcrumbs.d.ts +2 -2
- package/dist/patterns/content-explorer/adapters/breadcrumbs.js +3 -9
- package/dist/patterns/content-explorer/adapters/items.d.ts +3 -3
- package/dist/patterns/content-explorer/adapters/items.js +4 -10
- package/dist/patterns/content-explorer/adapters/list.d.ts +2 -2
- package/dist/patterns/content-explorer/adapters/list.js +3 -9
- package/dist/patterns/content-explorer/adapters/table.d.ts +2 -2
- package/dist/patterns/content-explorer/adapters/table.js +3 -9
- package/dist/patterns/content-explorer/adapters/toolbar.d.ts +2 -2
- package/dist/patterns/content-explorer/adapters/toolbar.js +7 -13
- package/dist/patterns/content-explorer/content-explorer.d.ts +15 -15
- package/dist/patterns/content-explorer/content-explorer.js +5 -11
- package/dist/patterns/file-request/file-request-builder.d.ts +2 -2
- package/dist/patterns/file-request/file-request-builder.js +3 -9
- package/dist/patterns/governance/governance-panel.d.ts +2 -2
- package/dist/patterns/governance/governance-panel.js +3 -6
- package/dist/patterns/insights/bar-chart.d.ts +2 -2
- package/dist/patterns/insights/bar-chart.js +3 -6
- package/dist/patterns/insights/chart-panel.d.ts +2 -2
- package/dist/patterns/insights/chart-panel.js +3 -6
- package/dist/patterns/insights/donut-chart.d.ts +2 -2
- package/dist/patterns/insights/donut-chart.js +3 -6
- package/dist/patterns/insights/line-chart.d.ts +2 -2
- package/dist/patterns/insights/line-chart.js +3 -6
- package/dist/patterns/insights/metric-card.d.ts +2 -2
- package/dist/patterns/insights/metric-card.js +3 -6
- package/dist/patterns/item/bulk-action-bar.d.ts +2 -2
- package/dist/patterns/item/bulk-action-bar.js +3 -6
- package/dist/patterns/item/item-details-panel.d.ts +2 -2
- package/dist/patterns/item/item-details-panel.js +3 -9
- package/dist/patterns/item/item-form.d.ts +2 -2
- package/dist/patterns/item/item-form.js +3 -9
- package/dist/patterns/item/preview-header.d.ts +2 -2
- package/dist/patterns/item/preview-header.js +3 -9
- package/dist/patterns/metadata/metadata-filter-builder.d.ts +2 -2
- package/dist/patterns/metadata/metadata-filter-builder.js +3 -9
- package/dist/patterns/metadata/metadata-inspector.d.ts +2 -2
- package/dist/patterns/metadata/metadata-inspector.js +3 -9
- package/dist/patterns/preview/annotation-inspector.d.ts +2 -2
- package/dist/patterns/preview/annotation-inspector.js +3 -9
- package/dist/patterns/preview/annotation-thread.d.ts +2 -2
- package/dist/patterns/preview/annotation-thread.js +3 -9
- package/dist/patterns/preview/annotation-toolbar.d.ts +2 -2
- package/dist/patterns/preview/annotation-toolbar.js +3 -9
- package/dist/patterns/preview/preview-element.d.ts +2 -2
- package/dist/patterns/preview/preview-element.js +3 -9
- package/dist/patterns/search/filter-bar.d.ts +2 -2
- package/dist/patterns/search/filter-bar.js +3 -9
- package/dist/patterns/search/saved-view-picker.d.ts +2 -2
- package/dist/patterns/search/saved-view-picker.js +3 -9
- package/dist/patterns/search/search-results-header.d.ts +2 -2
- package/dist/patterns/search/search-results-header.js +3 -9
- package/dist/patterns/share/access-stats.d.ts +2 -2
- package/dist/patterns/share/access-stats.js +3 -9
- package/dist/patterns/share/collaborator-avatars.d.ts +2 -2
- package/dist/patterns/share/collaborator-avatars.js +3 -9
- package/dist/patterns/share/invite-collaborators-modal.d.ts +2 -2
- package/dist/patterns/share/invite-collaborators-modal.js +3 -9
- package/dist/patterns/share/permission-matrix.d.ts +2 -2
- package/dist/patterns/share/permission-matrix.js +3 -9
- package/dist/patterns/share/presence.d.ts +2 -2
- package/dist/patterns/share/presence.js +3 -9
- package/dist/patterns/share/share-panel.d.ts +2 -2
- package/dist/patterns/share/share-panel.js +3 -9
- package/dist/patterns/share/unified-share-modal.d.ts +2 -2
- package/dist/patterns/share/unified-share-modal.js +3 -9
- package/dist/patterns/task/review-queue-item.d.ts +2 -2
- package/dist/patterns/task/review-queue-item.js +3 -6
- package/dist/patterns/task/task-assignment-panel.d.ts +2 -2
- package/dist/patterns/task/task-assignment-panel.js +3 -6
- package/package.json +5 -1
|
@@ -135,7 +135,8 @@ const navSidebarStyles = `
|
|
|
135
135
|
* `[data-nav-label]` span. Host exposes `--boe-nav-label-display` (`none` when
|
|
136
136
|
* collapsed) so light-DOM CSS can hide labels without piercing the shadow tree.
|
|
137
137
|
*/
|
|
138
|
-
export class
|
|
138
|
+
export class NavSidebar extends BaseElement {
|
|
139
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
139
140
|
static get observedAttributes() {
|
|
140
141
|
return ["collapsed", "label"];
|
|
141
142
|
}
|
|
@@ -180,11 +181,4 @@ export class BoxNavSidebarElement extends BaseElement {
|
|
|
180
181
|
this.sidebarEl.setAttribute("aria-label", this.label);
|
|
181
182
|
}
|
|
182
183
|
}
|
|
183
|
-
|
|
184
|
-
const existingElement = customElements.get(tagName);
|
|
185
|
-
if (existingElement) {
|
|
186
|
-
return existingElement;
|
|
187
|
-
}
|
|
188
|
-
customElements.define(tagName, BoxNavSidebarElement);
|
|
189
|
-
return BoxNavSidebarElement;
|
|
190
|
-
};
|
|
184
|
+
NavSidebar.register();
|
|
@@ -5,7 +5,8 @@ import { BaseElement } from "../../core/index.js";
|
|
|
5
5
|
* content. The `<section>` is labelled by its heading via `aria-labelledby` so
|
|
6
6
|
* it is announced as a named region. Layout-only — it owns no behavior.
|
|
7
7
|
*/
|
|
8
|
-
export declare class
|
|
8
|
+
export declare class Section extends BaseElement {
|
|
9
|
+
static readonly tagName: string;
|
|
9
10
|
static get observedAttributes(): string[];
|
|
10
11
|
private headerMainEl;
|
|
11
12
|
get heading(): string;
|
|
@@ -17,4 +18,3 @@ export declare class BoxSectionElement extends BaseElement {
|
|
|
17
18
|
protected renderTemplate(): void;
|
|
18
19
|
protected update(): void;
|
|
19
20
|
}
|
|
20
|
-
export declare const defineBoxSectionElement: (tagName?: string) => typeof BoxSectionElement;
|
|
@@ -72,7 +72,8 @@ const sectionStyles = `
|
|
|
72
72
|
* content. The `<section>` is labelled by its heading via `aria-labelledby` so
|
|
73
73
|
* it is announced as a named region. Layout-only — it owns no behavior.
|
|
74
74
|
*/
|
|
75
|
-
export class
|
|
75
|
+
export class Section extends BaseElement {
|
|
76
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
76
77
|
static get observedAttributes() {
|
|
77
78
|
return ["description", "eyebrow", "heading"];
|
|
78
79
|
}
|
|
@@ -133,11 +134,4 @@ export class BoxSectionElement extends BaseElement {
|
|
|
133
134
|
`;
|
|
134
135
|
}
|
|
135
136
|
}
|
|
136
|
-
|
|
137
|
-
const existingElement = customElements.get(tagName);
|
|
138
|
-
if (existingElement) {
|
|
139
|
-
return existingElement;
|
|
140
|
-
}
|
|
141
|
-
customElements.define(tagName, BoxSectionElement);
|
|
142
|
-
return BoxSectionElement;
|
|
143
|
-
};
|
|
137
|
+
Section.register();
|
|
@@ -6,7 +6,8 @@ import { BaseElement } from "../../core/index.js";
|
|
|
6
6
|
* property. `controls` reflects to `aria-controls` so assistive tech can tie the
|
|
7
7
|
* button to the region it operates.
|
|
8
8
|
*/
|
|
9
|
-
export declare class
|
|
9
|
+
export declare class SidebarToggleButton extends BaseElement {
|
|
10
|
+
static readonly tagName: string;
|
|
10
11
|
static get observedAttributes(): string[];
|
|
11
12
|
private buttonEl;
|
|
12
13
|
/** Which side the companion sidebar sits on: `left` (default) or `right`. */
|
|
@@ -26,4 +27,3 @@ export declare class BoxSidebarToggleButtonElement extends BaseElement {
|
|
|
26
27
|
protected setupListeners(): void;
|
|
27
28
|
protected update(): void;
|
|
28
29
|
}
|
|
29
|
-
export declare const defineBoxSidebarToggleButtonElement: (tagName?: string) => typeof BoxSidebarToggleButtonElement;
|
|
@@ -58,7 +58,8 @@ const sidebarToggleButtonStyles = `
|
|
|
58
58
|
* property. `controls` reflects to `aria-controls` so assistive tech can tie the
|
|
59
59
|
* button to the region it operates.
|
|
60
60
|
*/
|
|
61
|
-
export class
|
|
61
|
+
export class SidebarToggleButton extends BaseElement {
|
|
62
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
62
63
|
static get observedAttributes() {
|
|
63
64
|
return ["controls", "disabled", "expanded", "label", "direction"];
|
|
64
65
|
}
|
|
@@ -146,11 +147,4 @@ export class BoxSidebarToggleButtonElement extends BaseElement {
|
|
|
146
147
|
this.buttonEl.disabled = this.disabled;
|
|
147
148
|
}
|
|
148
149
|
}
|
|
149
|
-
|
|
150
|
-
const existingElement = customElements.get(tagName);
|
|
151
|
-
if (existingElement) {
|
|
152
|
-
return existingElement;
|
|
153
|
-
}
|
|
154
|
-
customElements.define(tagName, BoxSidebarToggleButtonElement);
|
|
155
|
-
return BoxSidebarToggleButtonElement;
|
|
156
|
-
};
|
|
150
|
+
SidebarToggleButton.register();
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BaseElement } from "../../core/index.js";
|
|
2
|
-
export declare class
|
|
2
|
+
export declare class SplitView extends BaseElement {
|
|
3
|
+
static readonly tagName: string;
|
|
3
4
|
static get observedAttributes(): string[];
|
|
4
5
|
private isResizing;
|
|
5
6
|
private splitViewEl;
|
|
@@ -16,4 +17,3 @@ export declare class BoxSplitViewElement extends BaseElement {
|
|
|
16
17
|
protected setupListeners(): void;
|
|
17
18
|
protected update(): void;
|
|
18
19
|
}
|
|
19
|
-
export declare const defineBoxSplitViewElement: (tagName?: string) => typeof BoxSplitViewElement;
|
|
@@ -34,7 +34,8 @@ const splitViewStyles = `
|
|
|
34
34
|
background: color-mix(in srgb, var(--boe-token-stroke-stroke, #e8e8e8) 82%, transparent);
|
|
35
35
|
}
|
|
36
36
|
`;
|
|
37
|
-
export class
|
|
37
|
+
export class SplitView extends BaseElement {
|
|
38
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
38
39
|
static get observedAttributes() {
|
|
39
40
|
return ["label", "ratio", "resizable"];
|
|
40
41
|
}
|
|
@@ -147,11 +148,4 @@ export class BoxSplitViewElement extends BaseElement {
|
|
|
147
148
|
this.separatorEl.hidden = !resizable;
|
|
148
149
|
}
|
|
149
150
|
}
|
|
150
|
-
|
|
151
|
-
const existingElement = customElements.get(tagName);
|
|
152
|
-
if (existingElement) {
|
|
153
|
-
return existingElement;
|
|
154
|
-
}
|
|
155
|
-
customElements.define(tagName, BoxSplitViewElement);
|
|
156
|
-
return BoxSplitViewElement;
|
|
157
|
-
};
|
|
151
|
+
SplitView.register();
|
|
@@ -4,7 +4,8 @@ type BoxAccordionItem = {
|
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
6
|
};
|
|
7
|
-
export declare class
|
|
7
|
+
export declare class Accordion extends BaseElement {
|
|
8
|
+
static readonly tagName: string;
|
|
8
9
|
static get observedAttributes(): string[];
|
|
9
10
|
/** Flat variant with no outer card border/background. */
|
|
10
11
|
get borderless(): boolean;
|
|
@@ -24,5 +25,4 @@ export declare class BoxAccordionElement extends BaseElement {
|
|
|
24
25
|
protected setupListeners(): void;
|
|
25
26
|
protected update(): void;
|
|
26
27
|
}
|
|
27
|
-
export declare const defineBoxAccordionElement: (tagName?: string) => typeof BoxAccordionElement;
|
|
28
28
|
export {};
|
|
@@ -94,7 +94,8 @@ const accordionStyles = `
|
|
|
94
94
|
|
|
95
95
|
${boeNeutralInteractiveStyles('[part="trigger"]')}
|
|
96
96
|
`;
|
|
97
|
-
export class
|
|
97
|
+
export class Accordion extends BaseElement {
|
|
98
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
98
99
|
static get observedAttributes() {
|
|
99
100
|
return ["items", "label", "value", "borderless"];
|
|
100
101
|
}
|
|
@@ -258,11 +259,4 @@ export class BoxAccordionElement extends BaseElement {
|
|
|
258
259
|
});
|
|
259
260
|
}
|
|
260
261
|
}
|
|
261
|
-
|
|
262
|
-
const existingElement = customElements.get(tagName);
|
|
263
|
-
if (existingElement) {
|
|
264
|
-
return existingElement;
|
|
265
|
-
}
|
|
266
|
-
customElements.define(tagName, BoxAccordionElement);
|
|
267
|
-
return BoxAccordionElement;
|
|
268
|
-
};
|
|
262
|
+
Accordion.register();
|
|
@@ -11,7 +11,8 @@ export interface BreadcrumbItem {
|
|
|
11
11
|
* `Breadcrumb`. When the trail is longer than `max-items` the middle crumbs
|
|
12
12
|
* collapse into an ellipsis, always keeping the first crumb and the last two.
|
|
13
13
|
*/
|
|
14
|
-
export declare class
|
|
14
|
+
export declare class Breadcrumb extends BaseElement {
|
|
15
|
+
static readonly tagName: string;
|
|
15
16
|
static get observedAttributes(): string[];
|
|
16
17
|
private listEl;
|
|
17
18
|
get items(): BreadcrumbItem[];
|
|
@@ -27,4 +28,3 @@ export declare class BoxBreadcrumbElement extends BaseElement {
|
|
|
27
28
|
protected setupListeners(): void;
|
|
28
29
|
protected update(): void;
|
|
29
30
|
}
|
|
30
|
-
export declare const defineBoxBreadcrumbElement: (tagName?: string) => typeof BoxBreadcrumbElement;
|
|
@@ -82,7 +82,8 @@ const ELLIPSIS = Symbol("ellipsis");
|
|
|
82
82
|
* `Breadcrumb`. When the trail is longer than `max-items` the middle crumbs
|
|
83
83
|
* collapse into an ellipsis, always keeping the first crumb and the last two.
|
|
84
84
|
*/
|
|
85
|
-
export class
|
|
85
|
+
export class Breadcrumb extends BaseElement {
|
|
86
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
86
87
|
static get observedAttributes() {
|
|
87
88
|
return ["items", "label", "max-items"];
|
|
88
89
|
}
|
|
@@ -180,11 +181,4 @@ export class BoxBreadcrumbElement extends BaseElement {
|
|
|
180
181
|
.join("");
|
|
181
182
|
}
|
|
182
183
|
}
|
|
183
|
-
|
|
184
|
-
const existingElement = customElements.get(tagName);
|
|
185
|
-
if (existingElement) {
|
|
186
|
-
return existingElement;
|
|
187
|
-
}
|
|
188
|
-
customElements.define(tagName, BoxBreadcrumbElement);
|
|
189
|
-
return BoxBreadcrumbElement;
|
|
190
|
-
};
|
|
184
|
+
Breadcrumb.register();
|
|
@@ -3,7 +3,8 @@ type BoxTabOption = {
|
|
|
3
3
|
label: string;
|
|
4
4
|
value: string;
|
|
5
5
|
};
|
|
6
|
-
export declare class
|
|
6
|
+
export declare class Tabs extends BaseElement {
|
|
7
|
+
static readonly tagName: string;
|
|
7
8
|
static get observedAttributes(): string[];
|
|
8
9
|
private valueInternal;
|
|
9
10
|
private lastOptionsJson;
|
|
@@ -27,5 +28,4 @@ export declare class BoxTabsElement extends BaseElement {
|
|
|
27
28
|
protected setupListeners(): void;
|
|
28
29
|
protected update(): void;
|
|
29
30
|
}
|
|
30
|
-
export declare const defineBoxTabsElement: (tagName?: string) => typeof BoxTabsElement;
|
|
31
31
|
export {};
|
|
@@ -105,7 +105,8 @@ const tabsStyles = `
|
|
|
105
105
|
border-radius: ${boeRadius.med};
|
|
106
106
|
}
|
|
107
107
|
`;
|
|
108
|
-
export class
|
|
108
|
+
export class Tabs extends BaseElement {
|
|
109
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
109
110
|
static get observedAttributes() {
|
|
110
111
|
return ["label", "layout", "options", "value"];
|
|
111
112
|
}
|
|
@@ -327,11 +328,4 @@ export class BoxTabsElement extends BaseElement {
|
|
|
327
328
|
});
|
|
328
329
|
}
|
|
329
330
|
}
|
|
330
|
-
|
|
331
|
-
const existingElement = customElements.get(tagName);
|
|
332
|
-
if (existingElement) {
|
|
333
|
-
return existingElement;
|
|
334
|
-
}
|
|
335
|
-
customElements.define(tagName, BoxTabsElement);
|
|
336
|
-
return BoxTabsElement;
|
|
337
|
-
};
|
|
331
|
+
Tabs.register();
|
|
@@ -12,7 +12,8 @@ export interface ContextMenuItem {
|
|
|
12
12
|
* menu at the pointer, positioned with `foundations/overlay` so it stays in the
|
|
13
13
|
* viewport. Full keyboard menu: arrows, Home/End, Enter/Space, Escape.
|
|
14
14
|
*/
|
|
15
|
-
export declare class
|
|
15
|
+
export declare class ContextMenu extends BaseElement {
|
|
16
|
+
static readonly tagName: string;
|
|
16
17
|
static get observedAttributes(): string[];
|
|
17
18
|
private openValue;
|
|
18
19
|
private targetEl;
|
|
@@ -39,4 +40,3 @@ export declare class BoxContextMenuElement extends BaseElement {
|
|
|
39
40
|
private unbindDocument;
|
|
40
41
|
protected update(): void;
|
|
41
42
|
}
|
|
42
|
-
export declare const defineBoxContextMenuElement: (tagName?: string) => typeof BoxContextMenuElement;
|
|
@@ -82,7 +82,8 @@ const contextMenuStyles = `
|
|
|
82
82
|
* menu at the pointer, positioned with `foundations/overlay` so it stays in the
|
|
83
83
|
* viewport. Full keyboard menu: arrows, Home/End, Enter/Space, Escape.
|
|
84
84
|
*/
|
|
85
|
-
export class
|
|
85
|
+
export class ContextMenu extends BaseElement {
|
|
86
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
86
87
|
static get observedAttributes() {
|
|
87
88
|
return ["items", "disabled"];
|
|
88
89
|
}
|
|
@@ -250,11 +251,4 @@ export class BoxContextMenuElement extends BaseElement {
|
|
|
250
251
|
this.renderItems();
|
|
251
252
|
}
|
|
252
253
|
}
|
|
253
|
-
|
|
254
|
-
const existingElement = customElements.get(tagName);
|
|
255
|
-
if (existingElement) {
|
|
256
|
-
return existingElement;
|
|
257
|
-
}
|
|
258
|
-
customElements.define(tagName, BoxContextMenuElement);
|
|
259
|
-
return BoxContextMenuElement;
|
|
260
|
-
};
|
|
254
|
+
ContextMenu.register();
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BaseElement } from "../../core/index.js";
|
|
2
|
-
export declare class
|
|
2
|
+
export declare class Dialog extends BaseElement {
|
|
3
|
+
static readonly tagName: string;
|
|
3
4
|
static get observedAttributes(): string[];
|
|
4
5
|
private openValue;
|
|
5
6
|
private wasOpen;
|
|
@@ -31,4 +32,3 @@ export declare class BoxDialogElement extends BaseElement {
|
|
|
31
32
|
protected setupListeners(): void;
|
|
32
33
|
protected update(): void;
|
|
33
34
|
}
|
|
34
|
-
export declare const defineBoxDialogElement: (tagName?: string) => typeof BoxDialogElement;
|
|
@@ -104,7 +104,8 @@ const dialogStyles = `
|
|
|
104
104
|
${boeNeutralInteractiveStyles('[part="cancel"]')}
|
|
105
105
|
${boeBrandInteractiveStyles('[part="confirm"]')}
|
|
106
106
|
`;
|
|
107
|
-
export class
|
|
107
|
+
export class Dialog extends BaseElement {
|
|
108
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
108
109
|
static get observedAttributes() {
|
|
109
110
|
return ["confirm-label", "description", "heading", "open", "size"];
|
|
110
111
|
}
|
|
@@ -300,11 +301,4 @@ export class BoxDialogElement extends BaseElement {
|
|
|
300
301
|
}
|
|
301
302
|
}
|
|
302
303
|
}
|
|
303
|
-
|
|
304
|
-
const existingElement = customElements.get(tagName);
|
|
305
|
-
if (existingElement) {
|
|
306
|
-
return existingElement;
|
|
307
|
-
}
|
|
308
|
-
customElements.define(tagName, BoxDialogElement);
|
|
309
|
-
return BoxDialogElement;
|
|
310
|
-
};
|
|
304
|
+
Dialog.register();
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BaseElement } from "../../core/index.js";
|
|
2
|
-
export declare class
|
|
2
|
+
export declare class Drawer extends BaseElement {
|
|
3
|
+
static readonly tagName: string;
|
|
3
4
|
static get observedAttributes(): string[];
|
|
4
5
|
private openValue;
|
|
5
6
|
private wasOpen;
|
|
@@ -29,4 +30,3 @@ export declare class BoxDrawerElement extends BaseElement {
|
|
|
29
30
|
protected setupListeners(): void;
|
|
30
31
|
protected update(): void;
|
|
31
32
|
}
|
|
32
|
-
export declare const defineBoxDrawerElement: (tagName?: string) => typeof BoxDrawerElement;
|
|
@@ -108,7 +108,8 @@ const drawerStyles = `
|
|
|
108
108
|
overflow: auto;
|
|
109
109
|
}
|
|
110
110
|
`;
|
|
111
|
-
export class
|
|
111
|
+
export class Drawer extends BaseElement {
|
|
112
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
112
113
|
static get observedAttributes() {
|
|
113
114
|
return ["description", "heading", "open", "position"];
|
|
114
115
|
}
|
|
@@ -313,11 +314,4 @@ export class BoxDrawerElement extends BaseElement {
|
|
|
313
314
|
}
|
|
314
315
|
}
|
|
315
316
|
}
|
|
316
|
-
|
|
317
|
-
const existingElement = customElements.get(tagName);
|
|
318
|
-
if (existingElement) {
|
|
319
|
-
return existingElement;
|
|
320
|
-
}
|
|
321
|
-
customElements.define(tagName, BoxDrawerElement);
|
|
322
|
-
return BoxDrawerElement;
|
|
323
|
-
};
|
|
317
|
+
Drawer.register();
|
|
@@ -8,7 +8,8 @@ import { BaseElement } from "../../core/index.js";
|
|
|
8
8
|
* so the host can advance the tour (moving `for`/`step`). Positioned as a
|
|
9
9
|
* viewport-fixed overlay via `foundations/overlay`.
|
|
10
10
|
*/
|
|
11
|
-
export declare class
|
|
11
|
+
export declare class GuideTooltip extends BaseElement {
|
|
12
|
+
static readonly tagName: string;
|
|
12
13
|
static get observedAttributes(): string[];
|
|
13
14
|
private openValue;
|
|
14
15
|
private positionCleanup;
|
|
@@ -48,4 +49,3 @@ export declare class BoxGuideTooltipElement extends BaseElement {
|
|
|
48
49
|
protected setupListeners(): void;
|
|
49
50
|
protected update(): void;
|
|
50
51
|
}
|
|
51
|
-
export declare const defineBoxGuideTooltipElement: (tagName?: string) => typeof BoxGuideTooltipElement;
|
|
@@ -155,7 +155,8 @@ const guideTooltipStyles = `
|
|
|
155
155
|
* so the host can advance the tour (moving `for`/`step`). Positioned as a
|
|
156
156
|
* viewport-fixed overlay via `foundations/overlay`.
|
|
157
157
|
*/
|
|
158
|
-
export class
|
|
158
|
+
export class GuideTooltip extends BaseElement {
|
|
159
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
159
160
|
static get observedAttributes() {
|
|
160
161
|
return [
|
|
161
162
|
"open",
|
|
@@ -351,11 +352,4 @@ export class BoxGuideTooltipElement extends BaseElement {
|
|
|
351
352
|
}
|
|
352
353
|
}
|
|
353
354
|
}
|
|
354
|
-
|
|
355
|
-
const existingElement = customElements.get(tagName);
|
|
356
|
-
if (existingElement) {
|
|
357
|
-
return existingElement;
|
|
358
|
-
}
|
|
359
|
-
customElements.define(tagName, BoxGuideTooltipElement);
|
|
360
|
-
return BoxGuideTooltipElement;
|
|
361
|
-
};
|
|
355
|
+
GuideTooltip.register();
|
|
@@ -4,7 +4,8 @@ import { BaseElement } from "../../core/index.js";
|
|
|
4
4
|
* alignment, plus the legacy names (`start` = left, `end` = right).
|
|
5
5
|
*/
|
|
6
6
|
export type PopoverPlacement = "top" | "bottom" | "left" | "right" | "start" | "end" | "top-start" | "top-center" | "top-end" | "bottom-start" | "bottom-center" | "bottom-end" | "left-start" | "left-center" | "left-end" | "right-start" | "right-center" | "right-end";
|
|
7
|
-
export declare class
|
|
7
|
+
export declare class Popover extends BaseElement {
|
|
8
|
+
static readonly tagName: string;
|
|
8
9
|
static get observedAttributes(): string[];
|
|
9
10
|
private openValue;
|
|
10
11
|
private wasOpen;
|
|
@@ -40,4 +41,3 @@ export declare class BoxPopoverElement extends BaseElement {
|
|
|
40
41
|
private startPositioning;
|
|
41
42
|
private stopPositioning;
|
|
42
43
|
}
|
|
43
|
-
export declare const defineBoxPopoverElement: (tagName?: string) => typeof BoxPopoverElement;
|
|
@@ -71,7 +71,8 @@ const popoverStyles = `
|
|
|
71
71
|
display: none;
|
|
72
72
|
}
|
|
73
73
|
`;
|
|
74
|
-
export class
|
|
74
|
+
export class Popover extends BaseElement {
|
|
75
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
75
76
|
static get observedAttributes() {
|
|
76
77
|
return ["disabled", "label", "open", "placement"];
|
|
77
78
|
}
|
|
@@ -322,11 +323,4 @@ export class BoxPopoverElement extends BaseElement {
|
|
|
322
323
|
this.surfaceEl.style.margin = "";
|
|
323
324
|
}
|
|
324
325
|
}
|
|
325
|
-
|
|
326
|
-
const existingElement = customElements.get(tagName);
|
|
327
|
-
if (existingElement) {
|
|
328
|
-
return existingElement;
|
|
329
|
-
}
|
|
330
|
-
customElements.define(tagName, BoxPopoverElement);
|
|
331
|
-
return BoxPopoverElement;
|
|
332
|
-
};
|
|
326
|
+
Popover.register();
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { BaseElement } from "../../core/index.js";
|
|
2
2
|
export type TooltipTheme = "default" | "error" | "callout";
|
|
3
|
-
export declare class
|
|
3
|
+
export declare class Tooltip extends BaseElement {
|
|
4
|
+
static readonly tagName: string;
|
|
4
5
|
static get observedAttributes(): string[];
|
|
5
6
|
private positionCleanup;
|
|
6
7
|
private openValue;
|
|
@@ -33,4 +34,3 @@ export declare class BoxTooltipElement extends BaseElement {
|
|
|
33
34
|
private stopTracking;
|
|
34
35
|
disconnectedCallback(): void;
|
|
35
36
|
}
|
|
36
|
-
export declare const defineBoxTooltipElement: (tagName?: string) => typeof BoxTooltipElement;
|
|
@@ -80,7 +80,8 @@ const tooltipStyles = `
|
|
|
80
80
|
display: none;
|
|
81
81
|
}
|
|
82
82
|
`;
|
|
83
|
-
export class
|
|
83
|
+
export class Tooltip extends BaseElement {
|
|
84
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
84
85
|
static get observedAttributes() {
|
|
85
86
|
return ["label", "open", "trigger-label", "placement", "theme"];
|
|
86
87
|
}
|
|
@@ -257,11 +258,4 @@ export class BoxTooltipElement extends BaseElement {
|
|
|
257
258
|
super.disconnectedCallback?.();
|
|
258
259
|
}
|
|
259
260
|
}
|
|
260
|
-
|
|
261
|
-
const existingElement = customElements.get(tagName);
|
|
262
|
-
if (existingElement) {
|
|
263
|
-
return existingElement;
|
|
264
|
-
}
|
|
265
|
-
customElements.define(tagName, BoxTooltipElement);
|
|
266
|
-
return BoxTooltipElement;
|
|
267
|
-
};
|
|
261
|
+
Tooltip.register();
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BaseElement } from "../../core/index.js";
|
|
2
|
-
export declare class
|
|
2
|
+
export declare class Illustration extends BaseElement {
|
|
3
|
+
static readonly tagName: string;
|
|
3
4
|
private readonly handleDesignSystemChange;
|
|
4
5
|
static get observedAttributes(): string[];
|
|
5
6
|
private figureEl;
|
|
@@ -23,4 +24,3 @@ export declare class BoxIllustrationElement extends BaseElement {
|
|
|
23
24
|
protected renderTemplate(): void;
|
|
24
25
|
protected update(): void;
|
|
25
26
|
}
|
|
26
|
-
export declare const defineBoxIllustrationElement: (tagName?: string) => typeof BoxIllustrationElement;
|
|
@@ -188,7 +188,8 @@ const illustrationStyles = `
|
|
|
188
188
|
display: none;
|
|
189
189
|
}
|
|
190
190
|
`;
|
|
191
|
-
export class
|
|
191
|
+
export class Illustration extends BaseElement {
|
|
192
|
+
static tagName = DEFAULT_TAG_NAME;
|
|
192
193
|
handleDesignSystemChange = () => {
|
|
193
194
|
this.update();
|
|
194
195
|
};
|
|
@@ -309,11 +310,4 @@ export class BoxIllustrationElement extends BaseElement {
|
|
|
309
310
|
}
|
|
310
311
|
}
|
|
311
312
|
}
|
|
312
|
-
|
|
313
|
-
const existingElement = customElements.get(tagName);
|
|
314
|
-
if (existingElement) {
|
|
315
|
-
return existingElement;
|
|
316
|
-
}
|
|
317
|
-
customElements.define(tagName, BoxIllustrationElement);
|
|
318
|
-
return BoxIllustrationElement;
|
|
319
|
-
};
|
|
313
|
+
Illustration.register();
|
package/dist/core/element.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
declare const HTMLElementBase: typeof HTMLElement;
|
|
2
|
+
export declare abstract class BaseElement extends HTMLElementBase {
|
|
3
|
+
static readonly tagName: string;
|
|
4
|
+
static register<T extends typeof BaseElement>(this: T, tagName?: string): T;
|
|
2
5
|
protected isRendered: boolean;
|
|
3
6
|
constructor();
|
|
4
7
|
connectedCallback(): void;
|
|
@@ -20,3 +23,4 @@ export declare abstract class BaseElement extends HTMLElement {
|
|
|
20
23
|
*/
|
|
21
24
|
protected abstract update(): void;
|
|
22
25
|
}
|
|
26
|
+
export {};
|
package/dist/core/element.js
CHANGED
|
@@ -1,4 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
const HTMLElementBase = (typeof globalThis.HTMLElement === "undefined" ? class {
|
|
2
|
+
} : globalThis.HTMLElement);
|
|
3
|
+
/**
|
|
4
|
+
* Registers a custom element when a browser registry is available.
|
|
5
|
+
*
|
|
6
|
+
* Component modules call this at import time. The browser guard keeps those
|
|
7
|
+
* modules safe to evaluate during SSR, while the existing-definition check
|
|
8
|
+
* makes repeated root and per-component imports idempotent.
|
|
9
|
+
*/
|
|
10
|
+
const registerCustomElement = (tagName, constructor) => {
|
|
11
|
+
const registry = globalThis.customElements;
|
|
12
|
+
if (!registry) {
|
|
13
|
+
return constructor;
|
|
14
|
+
}
|
|
15
|
+
const existing = registry.get(tagName);
|
|
16
|
+
if (existing) {
|
|
17
|
+
return existing;
|
|
18
|
+
}
|
|
19
|
+
registry.define(tagName, constructor);
|
|
20
|
+
return constructor;
|
|
21
|
+
};
|
|
22
|
+
export class BaseElement extends HTMLElementBase {
|
|
23
|
+
static tagName = "";
|
|
24
|
+
static register(tagName = this.tagName) {
|
|
25
|
+
if (!tagName) {
|
|
26
|
+
throw new TypeError("Custom element classes must declare a tagName.");
|
|
27
|
+
}
|
|
28
|
+
return registerCustomElement(tagName, this);
|
|
29
|
+
}
|
|
2
30
|
isRendered = false;
|
|
3
31
|
constructor() {
|
|
4
32
|
super();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/share/access-stats.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/share/access-stats.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/navigation/accordion.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/navigation/accordion.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/feedback/alert.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/feedback/alert.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/preview/annotation-inspector.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/preview/annotation-inspector.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/preview/annotation-thread.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/preview/annotation-thread.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/preview/annotation-toolbar.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/preview/annotation-toolbar.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/layout/app-shell.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/layout/app-shell.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/identity/avatar.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/identity/avatar.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/feedback/badge.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/feedback/badge.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/feedback/badgeable.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/feedback/badgeable.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/insights/bar-chart.js";
|