@camunda/design-system 0.1.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/LICENSE +178 -0
- package/NOTICE +4 -0
- package/README.md +133 -0
- package/dist/carbon-compat/actionable-notification.d.ts +3 -0
- package/dist/carbon-compat/actionable-notification.d.ts.map +1 -0
- package/dist/carbon-compat/actionable-notification.js +3 -0
- package/dist/carbon-compat/actionable-notification.js.map +1 -0
- package/dist/carbon-compat/breadcrumb-skeleton.d.ts +5 -0
- package/dist/carbon-compat/breadcrumb-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/breadcrumb-skeleton.js +13 -0
- package/dist/carbon-compat/breadcrumb-skeleton.js.map +1 -0
- package/dist/carbon-compat/breadcrumb.d.ts +8 -0
- package/dist/carbon-compat/breadcrumb.d.ts.map +1 -0
- package/dist/carbon-compat/breadcrumb.js +17 -0
- package/dist/carbon-compat/breadcrumb.js.map +1 -0
- package/dist/carbon-compat/button.d.ts +6 -0
- package/dist/carbon-compat/button.d.ts.map +1 -0
- package/dist/carbon-compat/button.js +29 -0
- package/dist/carbon-compat/button.js.map +1 -0
- package/dist/carbon-compat/c3-cluster-tag.d.ts +33 -0
- package/dist/carbon-compat/c3-cluster-tag.d.ts.map +1 -0
- package/dist/carbon-compat/c3-cluster-tag.js +51 -0
- package/dist/carbon-compat/c3-cluster-tag.js.map +1 -0
- package/dist/carbon-compat/c3-data-table.d.ts +161 -0
- package/dist/carbon-compat/c3-data-table.d.ts.map +1 -0
- package/dist/carbon-compat/c3-data-table.js +297 -0
- package/dist/carbon-compat/c3-data-table.js.map +1 -0
- package/dist/carbon-compat/c3-responsive-stack.d.ts +19 -0
- package/dist/carbon-compat/c3-responsive-stack.d.ts.map +1 -0
- package/dist/carbon-compat/c3-responsive-stack.js +22 -0
- package/dist/carbon-compat/c3-responsive-stack.js.map +1 -0
- package/dist/carbon-compat/callout.d.ts +2 -0
- package/dist/carbon-compat/callout.d.ts.map +1 -0
- package/dist/carbon-compat/callout.js +3 -0
- package/dist/carbon-compat/callout.js.map +1 -0
- package/dist/carbon-compat/checkbox-skeleton.d.ts +5 -0
- package/dist/carbon-compat/checkbox-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/checkbox-skeleton.js +13 -0
- package/dist/carbon-compat/checkbox-skeleton.js.map +1 -0
- package/dist/carbon-compat/checkbox.d.ts +6 -0
- package/dist/carbon-compat/checkbox.d.ts.map +1 -0
- package/dist/carbon-compat/checkbox.js +23 -0
- package/dist/carbon-compat/checkbox.js.map +1 -0
- package/dist/carbon-compat/code-snippet.d.ts +29 -0
- package/dist/carbon-compat/code-snippet.d.ts.map +1 -0
- package/dist/carbon-compat/code-snippet.js +55 -0
- package/dist/carbon-compat/code-snippet.js.map +1 -0
- package/dist/carbon-compat/column.d.ts +3 -0
- package/dist/carbon-compat/column.d.ts.map +1 -0
- package/dist/carbon-compat/column.js +3 -0
- package/dist/carbon-compat/column.js.map +1 -0
- package/dist/carbon-compat/combo-box.d.ts +6 -0
- package/dist/carbon-compat/combo-box.d.ts.map +1 -0
- package/dist/carbon-compat/combo-box.js +108 -0
- package/dist/carbon-compat/combo-box.js.map +1 -0
- package/dist/carbon-compat/contained-list.d.ts +3 -0
- package/dist/carbon-compat/contained-list.d.ts.map +1 -0
- package/dist/carbon-compat/contained-list.js +3 -0
- package/dist/carbon-compat/contained-list.js.map +1 -0
- package/dist/carbon-compat/content-switcher.d.ts +31 -0
- package/dist/carbon-compat/content-switcher.d.ts.map +1 -0
- package/dist/carbon-compat/content-switcher.js +50 -0
- package/dist/carbon-compat/content-switcher.js.map +1 -0
- package/dist/carbon-compat/data-table-skeleton.d.ts +21 -0
- package/dist/carbon-compat/data-table-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/data-table-skeleton.js +25 -0
- package/dist/carbon-compat/data-table-skeleton.js.map +1 -0
- package/dist/carbon-compat/data-table.d.ts +61 -0
- package/dist/carbon-compat/data-table.d.ts.map +1 -0
- package/dist/carbon-compat/data-table.js +54 -0
- package/dist/carbon-compat/data-table.js.map +1 -0
- package/dist/carbon-compat/date-picker.d.ts +3 -0
- package/dist/carbon-compat/date-picker.d.ts.map +1 -0
- package/dist/carbon-compat/date-picker.js +3 -0
- package/dist/carbon-compat/date-picker.js.map +1 -0
- package/dist/carbon-compat/dropdown.d.ts +6 -0
- package/dist/carbon-compat/dropdown.d.ts.map +1 -0
- package/dist/carbon-compat/dropdown.js +57 -0
- package/dist/carbon-compat/dropdown.js.map +1 -0
- package/dist/carbon-compat/grid.d.ts +3 -0
- package/dist/carbon-compat/grid.d.ts.map +1 -0
- package/dist/carbon-compat/grid.js +3 -0
- package/dist/carbon-compat/grid.js.map +1 -0
- package/dist/carbon-compat/header.d.ts +2 -0
- package/dist/carbon-compat/header.d.ts.map +1 -0
- package/dist/carbon-compat/header.js +3 -0
- package/dist/carbon-compat/header.js.map +1 -0
- package/dist/carbon-compat/heading.d.ts +2 -0
- package/dist/carbon-compat/heading.d.ts.map +1 -0
- package/dist/carbon-compat/heading.js +3 -0
- package/dist/carbon-compat/heading.js.map +1 -0
- package/dist/carbon-compat/icon-button.d.ts +6 -0
- package/dist/carbon-compat/icon-button.d.ts.map +1 -0
- package/dist/carbon-compat/icon-button.js +34 -0
- package/dist/carbon-compat/icon-button.js.map +1 -0
- package/dist/carbon-compat/index.d.ts +65 -0
- package/dist/carbon-compat/index.d.ts.map +1 -0
- package/dist/carbon-compat/index.js +79 -0
- package/dist/carbon-compat/index.js.map +1 -0
- package/dist/carbon-compat/inline-loading.d.ts +3 -0
- package/dist/carbon-compat/inline-loading.d.ts.map +1 -0
- package/dist/carbon-compat/inline-loading.js +3 -0
- package/dist/carbon-compat/inline-loading.js.map +1 -0
- package/dist/carbon-compat/inline-notification.d.ts +3 -0
- package/dist/carbon-compat/inline-notification.d.ts.map +1 -0
- package/dist/carbon-compat/inline-notification.js +3 -0
- package/dist/carbon-compat/inline-notification.js.map +1 -0
- package/dist/carbon-compat/layer.d.ts +3 -0
- package/dist/carbon-compat/layer.d.ts.map +1 -0
- package/dist/carbon-compat/layer.js +3 -0
- package/dist/carbon-compat/layer.js.map +1 -0
- package/dist/carbon-compat/link.d.ts +19 -0
- package/dist/carbon-compat/link.d.ts.map +1 -0
- package/dist/carbon-compat/link.js +27 -0
- package/dist/carbon-compat/link.js.map +1 -0
- package/dist/carbon-compat/loading.d.ts +21 -0
- package/dist/carbon-compat/loading.d.ts.map +1 -0
- package/dist/carbon-compat/loading.js +30 -0
- package/dist/carbon-compat/loading.js.map +1 -0
- package/dist/carbon-compat/menu-button.d.ts +8 -0
- package/dist/carbon-compat/menu-button.d.ts.map +1 -0
- package/dist/carbon-compat/menu-button.js +43 -0
- package/dist/carbon-compat/menu-button.js.map +1 -0
- package/dist/carbon-compat/modal.d.ts +19 -0
- package/dist/carbon-compat/modal.d.ts.map +1 -0
- package/dist/carbon-compat/modal.js +59 -0
- package/dist/carbon-compat/modal.js.map +1 -0
- package/dist/carbon-compat/multi-select.d.ts +3 -0
- package/dist/carbon-compat/multi-select.d.ts.map +1 -0
- package/dist/carbon-compat/multi-select.js +3 -0
- package/dist/carbon-compat/multi-select.js.map +1 -0
- package/dist/carbon-compat/ordered-list.d.ts +3 -0
- package/dist/carbon-compat/ordered-list.d.ts.map +1 -0
- package/dist/carbon-compat/ordered-list.js +5 -0
- package/dist/carbon-compat/ordered-list.js.map +1 -0
- package/dist/carbon-compat/overflow-menu.d.ts +23 -0
- package/dist/carbon-compat/overflow-menu.d.ts.map +1 -0
- package/dist/carbon-compat/overflow-menu.js +32 -0
- package/dist/carbon-compat/overflow-menu.js.map +1 -0
- package/dist/carbon-compat/pagination.d.ts +3 -0
- package/dist/carbon-compat/pagination.d.ts.map +1 -0
- package/dist/carbon-compat/pagination.js +3 -0
- package/dist/carbon-compat/pagination.js.map +1 -0
- package/dist/carbon-compat/password-input.d.ts +3 -0
- package/dist/carbon-compat/password-input.d.ts.map +1 -0
- package/dist/carbon-compat/password-input.js +3 -0
- package/dist/carbon-compat/password-input.js.map +1 -0
- package/dist/carbon-compat/popover.d.ts +8 -0
- package/dist/carbon-compat/popover.d.ts.map +1 -0
- package/dist/carbon-compat/popover.js +44 -0
- package/dist/carbon-compat/popover.js.map +1 -0
- package/dist/carbon-compat/progress-bar.d.ts +19 -0
- package/dist/carbon-compat/progress-bar.d.ts.map +1 -0
- package/dist/carbon-compat/progress-bar.js +26 -0
- package/dist/carbon-compat/progress-bar.js.map +1 -0
- package/dist/carbon-compat/radio-button.d.ts +8 -0
- package/dist/carbon-compat/radio-button.d.ts.map +1 -0
- package/dist/carbon-compat/radio-button.js +26 -0
- package/dist/carbon-compat/radio-button.js.map +1 -0
- package/dist/carbon-compat/search.d.ts +5 -0
- package/dist/carbon-compat/search.d.ts.map +1 -0
- package/dist/carbon-compat/search.js +42 -0
- package/dist/carbon-compat/search.js.map +1 -0
- package/dist/carbon-compat/section.d.ts +3 -0
- package/dist/carbon-compat/section.d.ts.map +1 -0
- package/dist/carbon-compat/section.js +3 -0
- package/dist/carbon-compat/section.js.map +1 -0
- package/dist/carbon-compat/select-skeleton.d.ts +5 -0
- package/dist/carbon-compat/select-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/select-skeleton.js +7 -0
- package/dist/carbon-compat/select-skeleton.js.map +1 -0
- package/dist/carbon-compat/select.d.ts +8 -0
- package/dist/carbon-compat/select.d.ts.map +1 -0
- package/dist/carbon-compat/select.js +23 -0
- package/dist/carbon-compat/select.js.map +1 -0
- package/dist/carbon-compat/skeleton-icon.d.ts +3 -0
- package/dist/carbon-compat/skeleton-icon.d.ts.map +1 -0
- package/dist/carbon-compat/skeleton-icon.js +3 -0
- package/dist/carbon-compat/skeleton-icon.js.map +1 -0
- package/dist/carbon-compat/skeleton-text.d.ts +20 -0
- package/dist/carbon-compat/skeleton-text.d.ts.map +1 -0
- package/dist/carbon-compat/skeleton-text.js +35 -0
- package/dist/carbon-compat/skeleton-text.js.map +1 -0
- package/dist/carbon-compat/stack.d.ts +20 -0
- package/dist/carbon-compat/stack.d.ts.map +1 -0
- package/dist/carbon-compat/stack.js +57 -0
- package/dist/carbon-compat/stack.js.map +1 -0
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts +10 -0
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js +17 -0
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/breadcrumb.stories.d.ts +6 -0
- package/dist/carbon-compat/stories/breadcrumb.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/breadcrumb.stories.js +11 -0
- package/dist/carbon-compat/stories/breadcrumb.stories.js.map +1 -0
- package/dist/carbon-compat/stories/button.stories.d.ts +13 -0
- package/dist/carbon-compat/stories/button.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/button.stories.js +45 -0
- package/dist/carbon-compat/stories/button.stories.js.map +1 -0
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.js +12 -0
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.js.map +1 -0
- package/dist/carbon-compat/stories/c3-data-table.stories.d.ts +32 -0
- package/dist/carbon-compat/stories/c3-data-table.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/c3-data-table.stories.js +244 -0
- package/dist/carbon-compat/stories/c3-data-table.stories.js.map +1 -0
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.js +28 -0
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.js.map +1 -0
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.js +13 -0
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/checkbox.stories.d.ts +10 -0
- package/dist/carbon-compat/stories/checkbox.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/checkbox.stories.js +20 -0
- package/dist/carbon-compat/stories/checkbox.stories.js.map +1 -0
- package/dist/carbon-compat/stories/code-snippet.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/code-snippet.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/code-snippet.stories.js +30 -0
- package/dist/carbon-compat/stories/code-snippet.stories.js.map +1 -0
- package/dist/carbon-compat/stories/combo-box.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/combo-box.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/combo-box.stories.js +38 -0
- package/dist/carbon-compat/stories/combo-box.stories.js.map +1 -0
- package/dist/carbon-compat/stories/content-switcher.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/content-switcher.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/content-switcher.stories.js +15 -0
- package/dist/carbon-compat/stories/content-switcher.stories.js.map +1 -0
- package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/data-table-skeleton.stories.js +37 -0
- package/dist/carbon-compat/stories/data-table-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/data-table.stories.d.ts +16 -0
- package/dist/carbon-compat/stories/data-table.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/data-table.stories.js +103 -0
- package/dist/carbon-compat/stories/data-table.stories.js.map +1 -0
- package/dist/carbon-compat/stories/dropdown.stories.d.ts +7 -0
- package/dist/carbon-compat/stories/dropdown.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/dropdown.stories.js +23 -0
- package/dist/carbon-compat/stories/dropdown.stories.js.map +1 -0
- package/dist/carbon-compat/stories/icon-button.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/icon-button.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/icon-button.stories.js +29 -0
- package/dist/carbon-compat/stories/icon-button.stories.js.map +1 -0
- package/dist/carbon-compat/stories/link.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/link.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/link.stories.js +24 -0
- package/dist/carbon-compat/stories/link.stories.js.map +1 -0
- package/dist/carbon-compat/stories/loading.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/loading.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/loading.stories.js +22 -0
- package/dist/carbon-compat/stories/loading.stories.js.map +1 -0
- package/dist/carbon-compat/stories/menu-button.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/menu-button.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/menu-button.stories.js +22 -0
- package/dist/carbon-compat/stories/menu-button.stories.js.map +1 -0
- package/dist/carbon-compat/stories/modal.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/modal.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/modal.stories.js +28 -0
- package/dist/carbon-compat/stories/modal.stories.js.map +1 -0
- package/dist/carbon-compat/stories/overflow-menu.stories.d.ts +6 -0
- package/dist/carbon-compat/stories/overflow-menu.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/overflow-menu.stories.js +11 -0
- package/dist/carbon-compat/stories/overflow-menu.stories.js.map +1 -0
- package/dist/carbon-compat/stories/popover.stories.d.ts +6 -0
- package/dist/carbon-compat/stories/popover.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/popover.stories.js +16 -0
- package/dist/carbon-compat/stories/popover.stories.js.map +1 -0
- package/dist/carbon-compat/stories/progress-bar.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/progress-bar.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/progress-bar.stories.js +23 -0
- package/dist/carbon-compat/stories/progress-bar.stories.js.map +1 -0
- package/dist/carbon-compat/stories/radio-button.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/radio-button.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/radio-button.stories.js +25 -0
- package/dist/carbon-compat/stories/radio-button.stories.js.map +1 -0
- package/dist/carbon-compat/stories/search.stories.d.ts +12 -0
- package/dist/carbon-compat/stories/search.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/search.stories.js +31 -0
- package/dist/carbon-compat/stories/search.stories.js.map +1 -0
- package/dist/carbon-compat/stories/select-skeleton.stories.d.ts +8 -0
- package/dist/carbon-compat/stories/select-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/select-skeleton.stories.js +13 -0
- package/dist/carbon-compat/stories/select-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/select.stories.d.ts +7 -0
- package/dist/carbon-compat/stories/select.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/select.stories.js +18 -0
- package/dist/carbon-compat/stories/select.stories.js.map +1 -0
- package/dist/carbon-compat/stories/skeleton-text.stories.d.ts +10 -0
- package/dist/carbon-compat/stories/skeleton-text.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/skeleton-text.stories.js +26 -0
- package/dist/carbon-compat/stories/skeleton-text.stories.js.map +1 -0
- package/dist/carbon-compat/stories/stack.stories.d.ts +17 -0
- package/dist/carbon-compat/stories/stack.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/stack.stories.js +41 -0
- package/dist/carbon-compat/stories/stack.stories.js.map +1 -0
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.js +14 -0
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.js.map +1 -0
- package/dist/carbon-compat/stories/table.stories.d.ts +6 -0
- package/dist/carbon-compat/stories/table.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/table.stories.js +16 -0
- package/dist/carbon-compat/stories/table.stories.js.map +1 -0
- package/dist/carbon-compat/stories/tabs.stories.d.ts +7 -0
- package/dist/carbon-compat/stories/tabs.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/tabs.stories.js +14 -0
- package/dist/carbon-compat/stories/tabs.stories.js.map +1 -0
- package/dist/carbon-compat/stories/tag.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/tag.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/tag.stories.js +46 -0
- package/dist/carbon-compat/stories/tag.stories.js.map +1 -0
- package/dist/carbon-compat/stories/text-area.stories.d.ts +10 -0
- package/dist/carbon-compat/stories/text-area.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/text-area.stories.js +27 -0
- package/dist/carbon-compat/stories/text-area.stories.js.map +1 -0
- package/dist/carbon-compat/stories/text-input.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/text-input.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/text-input.stories.js +30 -0
- package/dist/carbon-compat/stories/text-input.stories.js.map +1 -0
- package/dist/carbon-compat/stories/tile.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/tile.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/tile.stories.js +22 -0
- package/dist/carbon-compat/stories/tile.stories.js.map +1 -0
- package/dist/carbon-compat/stories/toggle.stories.d.ts +11 -0
- package/dist/carbon-compat/stories/toggle.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/toggle.stories.js +23 -0
- package/dist/carbon-compat/stories/toggle.stories.js.map +1 -0
- package/dist/carbon-compat/stories/tooltip.stories.d.ts +7 -0
- package/dist/carbon-compat/stories/tooltip.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/tooltip.stories.js +15 -0
- package/dist/carbon-compat/stories/tooltip.stories.js.map +1 -0
- package/dist/carbon-compat/stories/unordered-list.stories.d.ts +9 -0
- package/dist/carbon-compat/stories/unordered-list.stories.d.ts.map +1 -0
- package/dist/carbon-compat/stories/unordered-list.stories.js +22 -0
- package/dist/carbon-compat/stories/unordered-list.stories.js.map +1 -0
- package/dist/carbon-compat/structured-list-skeleton.d.ts +5 -0
- package/dist/carbon-compat/structured-list-skeleton.d.ts.map +1 -0
- package/dist/carbon-compat/structured-list-skeleton.js +7 -0
- package/dist/carbon-compat/structured-list-skeleton.js.map +1 -0
- package/dist/carbon-compat/structured-list.d.ts +2 -0
- package/dist/carbon-compat/structured-list.d.ts.map +1 -0
- package/dist/carbon-compat/structured-list.js +3 -0
- package/dist/carbon-compat/structured-list.js.map +1 -0
- package/dist/carbon-compat/switch.d.ts +19 -0
- package/dist/carbon-compat/switch.d.ts.map +1 -0
- package/dist/carbon-compat/switch.js +19 -0
- package/dist/carbon-compat/switch.js.map +1 -0
- package/dist/carbon-compat/table-batch-actions.d.ts +26 -0
- package/dist/carbon-compat/table-batch-actions.d.ts.map +1 -0
- package/dist/carbon-compat/table-batch-actions.js +19 -0
- package/dist/carbon-compat/table-batch-actions.js.map +1 -0
- package/dist/carbon-compat/table-container.d.ts +11 -0
- package/dist/carbon-compat/table-container.d.ts.map +1 -0
- package/dist/carbon-compat/table-container.js +7 -0
- package/dist/carbon-compat/table-container.js.map +1 -0
- package/dist/carbon-compat/table-expand.d.ts +33 -0
- package/dist/carbon-compat/table-expand.d.ts.map +1 -0
- package/dist/carbon-compat/table-expand.js +23 -0
- package/dist/carbon-compat/table-expand.js.map +1 -0
- package/dist/carbon-compat/table-select.d.ts +39 -0
- package/dist/carbon-compat/table-select.d.ts.map +1 -0
- package/dist/carbon-compat/table-select.js +20 -0
- package/dist/carbon-compat/table-select.js.map +1 -0
- package/dist/carbon-compat/table-toolbar.d.ts +57 -0
- package/dist/carbon-compat/table-toolbar.d.ts.map +1 -0
- package/dist/carbon-compat/table-toolbar.js +31 -0
- package/dist/carbon-compat/table-toolbar.js.map +1 -0
- package/dist/carbon-compat/table.d.ts +24 -0
- package/dist/carbon-compat/table.d.ts.map +1 -0
- package/dist/carbon-compat/table.js +34 -0
- package/dist/carbon-compat/table.js.map +1 -0
- package/dist/carbon-compat/tabs.d.ts +14 -0
- package/dist/carbon-compat/tabs.d.ts.map +1 -0
- package/dist/carbon-compat/tabs.js +58 -0
- package/dist/carbon-compat/tabs.js.map +1 -0
- package/dist/carbon-compat/tag.d.ts +6 -0
- package/dist/carbon-compat/tag.d.ts.map +1 -0
- package/dist/carbon-compat/tag.js +26 -0
- package/dist/carbon-compat/tag.js.map +1 -0
- package/dist/carbon-compat/text-area.d.ts +6 -0
- package/dist/carbon-compat/text-area.d.ts.map +1 -0
- package/dist/carbon-compat/text-area.js +15 -0
- package/dist/carbon-compat/text-area.js.map +1 -0
- package/dist/carbon-compat/text-input.d.ts +6 -0
- package/dist/carbon-compat/text-input.d.ts.map +1 -0
- package/dist/carbon-compat/text-input.js +11 -0
- package/dist/carbon-compat/text-input.js.map +1 -0
- package/dist/carbon-compat/tile.d.ts +8 -0
- package/dist/carbon-compat/tile.d.ts.map +1 -0
- package/dist/carbon-compat/tile.js +26 -0
- package/dist/carbon-compat/tile.js.map +1 -0
- package/dist/carbon-compat/toast-notification.d.ts +3 -0
- package/dist/carbon-compat/toast-notification.d.ts.map +1 -0
- package/dist/carbon-compat/toast-notification.js +3 -0
- package/dist/carbon-compat/toast-notification.js.map +1 -0
- package/dist/carbon-compat/toggle.d.ts +6 -0
- package/dist/carbon-compat/toggle.d.ts.map +1 -0
- package/dist/carbon-compat/toggle.js +15 -0
- package/dist/carbon-compat/toggle.js.map +1 -0
- package/dist/carbon-compat/tooltip.d.ts +6 -0
- package/dist/carbon-compat/tooltip.d.ts.map +1 -0
- package/dist/carbon-compat/tooltip.js +12 -0
- package/dist/carbon-compat/tooltip.js.map +1 -0
- package/dist/carbon-compat/tree-view.d.ts +3 -0
- package/dist/carbon-compat/tree-view.d.ts.map +1 -0
- package/dist/carbon-compat/tree-view.js +3 -0
- package/dist/carbon-compat/tree-view.js.map +1 -0
- package/dist/carbon-compat/unordered-list.d.ts +23 -0
- package/dist/carbon-compat/unordered-list.d.ts.map +1 -0
- package/dist/carbon-compat/unordered-list.js +26 -0
- package/dist/carbon-compat/unordered-list.js.map +1 -0
- package/dist/files/geist-sans-latin-400-normal.woff +0 -0
- package/dist/files/geist-sans-latin-400-normal.woff2 +0 -0
- package/dist/files/geist-sans-latin-500-normal.woff +0 -0
- package/dist/files/geist-sans-latin-500-normal.woff2 +0 -0
- package/dist/files/geist-sans-latin-600-normal.woff +0 -0
- package/dist/files/geist-sans-latin-600-normal.woff2 +0 -0
- package/dist/files/geist-sans-latin-700-normal.woff +0 -0
- package/dist/files/geist-sans-latin-700-normal.woff2 +0 -0
- package/dist/src/components/ui/alert-dialog.d.ts +15 -0
- package/dist/src/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/src/components/ui/alert-dialog.js +42 -0
- package/dist/src/components/ui/alert-dialog.js.map +1 -0
- package/dist/src/components/ui/app-header.d.ts +23 -0
- package/dist/src/components/ui/app-header.d.ts.map +1 -0
- package/dist/src/components/ui/app-header.js +14 -0
- package/dist/src/components/ui/app-header.js.map +1 -0
- package/dist/src/components/ui/app-sidebar.d.ts +85 -0
- package/dist/src/components/ui/app-sidebar.d.ts.map +1 -0
- package/dist/src/components/ui/app-sidebar.js +196 -0
- package/dist/src/components/ui/app-sidebar.js.map +1 -0
- package/dist/src/components/ui/badge.d.ts +10 -0
- package/dist/src/components/ui/badge.d.ts.map +1 -0
- package/dist/src/components/ui/badge.js +26 -0
- package/dist/src/components/ui/badge.js.map +1 -0
- package/dist/src/components/ui/breadcrumb.d.ts +12 -0
- package/dist/src/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/src/components/ui/breadcrumb.js +38 -0
- package/dist/src/components/ui/breadcrumb.js.map +1 -0
- package/dist/src/components/ui/button.d.ts +12 -0
- package/dist/src/components/ui/button.d.ts.map +1 -0
- package/dist/src/components/ui/button.js +43 -0
- package/dist/src/components/ui/button.js.map +1 -0
- package/dist/src/components/ui/c4-provider.d.ts +13 -0
- package/dist/src/components/ui/c4-provider.d.ts.map +1 -0
- package/dist/src/components/ui/c4-provider.js +13 -0
- package/dist/src/components/ui/c4-provider.js.map +1 -0
- package/dist/src/components/ui/card.d.ts +12 -0
- package/dist/src/components/ui/card.d.ts.map +1 -0
- package/dist/src/components/ui/card.js +26 -0
- package/dist/src/components/ui/card.js.map +1 -0
- package/dist/src/components/ui/checkbox.d.ts +5 -0
- package/dist/src/components/ui/checkbox.d.ts.map +1 -0
- package/dist/src/components/ui/checkbox.js +10 -0
- package/dist/src/components/ui/checkbox.js.map +1 -0
- package/dist/src/components/ui/collapsible.d.ts +7 -0
- package/dist/src/components/ui/collapsible.d.ts.map +1 -0
- package/dist/src/components/ui/collapsible.js +15 -0
- package/dist/src/components/ui/collapsible.js.map +1 -0
- package/dist/src/components/ui/command.d.ts +14 -0
- package/dist/src/components/ui/command.d.ts.map +1 -0
- package/dist/src/components/ui/command.js +33 -0
- package/dist/src/components/ui/command.js.map +1 -0
- package/dist/src/components/ui/data-table.d.ts +123 -0
- package/dist/src/components/ui/data-table.d.ts.map +1 -0
- package/dist/src/components/ui/data-table.js +245 -0
- package/dist/src/components/ui/data-table.js.map +1 -0
- package/dist/src/components/ui/dialog.d.ts +18 -0
- package/dist/src/components/ui/dialog.d.ts.map +1 -0
- package/dist/src/components/ui/dialog.js +40 -0
- package/dist/src/components/ui/dialog.js.map +1 -0
- package/dist/src/components/ui/dropdown.d.ts +26 -0
- package/dist/src/components/ui/dropdown.d.ts.map +1 -0
- package/dist/src/components/ui/dropdown.js +54 -0
- package/dist/src/components/ui/dropdown.js.map +1 -0
- package/dist/src/components/ui/input.d.ts +4 -0
- package/dist/src/components/ui/input.d.ts.map +1 -0
- package/dist/src/components/ui/input.js +8 -0
- package/dist/src/components/ui/input.js.map +1 -0
- package/dist/src/components/ui/label.d.ts +5 -0
- package/dist/src/components/ui/label.d.ts.map +1 -0
- package/dist/src/components/ui/label.js +10 -0
- package/dist/src/components/ui/label.js.map +1 -0
- package/dist/src/components/ui/nav-breadcrumb.d.ts +49 -0
- package/dist/src/components/ui/nav-breadcrumb.d.ts.map +1 -0
- package/dist/src/components/ui/nav-breadcrumb.js +61 -0
- package/dist/src/components/ui/nav-breadcrumb.js.map +1 -0
- package/dist/src/components/ui/popover.d.ts +11 -0
- package/dist/src/components/ui/popover.d.ts.map +1 -0
- package/dist/src/components/ui/popover.js +28 -0
- package/dist/src/components/ui/popover.js.map +1 -0
- package/dist/src/components/ui/progress.d.ts +5 -0
- package/dist/src/components/ui/progress.d.ts.map +1 -0
- package/dist/src/components/ui/progress.js +11 -0
- package/dist/src/components/ui/progress.js.map +1 -0
- package/dist/src/components/ui/radio-group.d.ts +6 -0
- package/dist/src/components/ui/radio-group.d.ts.map +1 -0
- package/dist/src/components/ui/radio-group.js +14 -0
- package/dist/src/components/ui/radio-group.js.map +1 -0
- package/dist/src/components/ui/scroll-area.d.ts +6 -0
- package/dist/src/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/src/components/ui/scroll-area.js +15 -0
- package/dist/src/components/ui/scroll-area.js.map +1 -0
- package/dist/src/components/ui/select.d.ts +16 -0
- package/dist/src/components/ui/select.d.ts.map +1 -0
- package/dist/src/components/ui/select.js +41 -0
- package/dist/src/components/ui/select.js.map +1 -0
- package/dist/src/components/ui/separator.d.ts +5 -0
- package/dist/src/components/ui/separator.d.ts.map +1 -0
- package/dist/src/components/ui/separator.js +9 -0
- package/dist/src/components/ui/separator.js.map +1 -0
- package/dist/src/components/ui/sheet.d.ts +20 -0
- package/dist/src/components/ui/sheet.d.ts.map +1 -0
- package/dist/src/components/ui/sheet.js +56 -0
- package/dist/src/components/ui/sheet.js.map +1 -0
- package/dist/src/components/ui/sidebar-provider.d.ts +41 -0
- package/dist/src/components/ui/sidebar-provider.d.ts.map +1 -0
- package/dist/src/components/ui/sidebar-provider.js +75 -0
- package/dist/src/components/ui/sidebar-provider.js.map +1 -0
- package/dist/src/components/ui/stepper.d.ts +20 -0
- package/dist/src/components/ui/stepper.d.ts.map +1 -0
- package/dist/src/components/ui/stepper.js +49 -0
- package/dist/src/components/ui/stepper.js.map +1 -0
- package/dist/src/components/ui/switch.d.ts +5 -0
- package/dist/src/components/ui/switch.d.ts.map +1 -0
- package/dist/src/components/ui/switch.js +24 -0
- package/dist/src/components/ui/switch.js.map +1 -0
- package/dist/src/components/ui/table.d.ts +15 -0
- package/dist/src/components/ui/table.d.ts.map +1 -0
- package/dist/src/components/ui/table.js +47 -0
- package/dist/src/components/ui/table.js.map +1 -0
- package/dist/src/components/ui/tabs.d.ts +12 -0
- package/dist/src/components/ui/tabs.d.ts.map +1 -0
- package/dist/src/components/ui/tabs.js +30 -0
- package/dist/src/components/ui/tabs.js.map +1 -0
- package/dist/src/components/ui/textarea.d.ts +4 -0
- package/dist/src/components/ui/textarea.d.ts.map +1 -0
- package/dist/src/components/ui/textarea.js +8 -0
- package/dist/src/components/ui/textarea.js.map +1 -0
- package/dist/src/components/ui/toggle-group.d.ts +8 -0
- package/dist/src/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/src/components/ui/toggle-group.js +28 -0
- package/dist/src/components/ui/toggle-group.js.map +1 -0
- package/dist/src/components/ui/toggle.d.ts +10 -0
- package/dist/src/components/ui/toggle.d.ts.map +1 -0
- package/dist/src/components/ui/toggle.js +28 -0
- package/dist/src/components/ui/toggle.js.map +1 -0
- package/dist/src/components/ui/tooltip.d.ts +8 -0
- package/dist/src/components/ui/tooltip.d.ts.map +1 -0
- package/dist/src/components/ui/tooltip.js +31 -0
- package/dist/src/components/ui/tooltip.js.map +1 -0
- package/dist/src/components/ui/tree-view.d.ts +62 -0
- package/dist/src/components/ui/tree-view.d.ts.map +1 -0
- package/dist/src/components/ui/tree-view.js +436 -0
- package/dist/src/components/ui/tree-view.js.map +1 -0
- package/dist/src/hooks/use-is-mobile.d.ts +7 -0
- package/dist/src/hooks/use-is-mobile.d.ts.map +1 -0
- package/dist/src/hooks/use-is-mobile.js +31 -0
- package/dist/src/hooks/use-is-mobile.js.map +1 -0
- package/dist/src/hooks/use-media-query.d.ts +11 -0
- package/dist/src/hooks/use-media-query.d.ts.map +1 -0
- package/dist/src/hooks/use-media-query.js +22 -0
- package/dist/src/hooks/use-media-query.js.map +1 -0
- package/dist/src/index.d.ts +40 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +38 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/lib/utils.d.ts +13 -0
- package/dist/src/lib/utils.d.ts.map +1 -0
- package/dist/src/lib/utils.js +39 -0
- package/dist/src/lib/utils.js.map +1 -0
- package/dist/src/specs/schema.d.ts +105 -0
- package/dist/src/specs/schema.d.ts.map +1 -0
- package/dist/src/specs/schema.js +15 -0
- package/dist/src/specs/schema.js.map +1 -0
- package/dist/styles.css +4315 -0
- package/package.json +138 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MenuButton, MenuItem } from "../menu-button";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/MenuButton",
|
|
5
|
+
component: MenuButton,
|
|
6
|
+
argTypes: {
|
|
7
|
+
kind: {
|
|
8
|
+
control: "inline-radio",
|
|
9
|
+
options: ["primary", "tertiary", "ghost"],
|
|
10
|
+
},
|
|
11
|
+
disabled: { control: "boolean" },
|
|
12
|
+
},
|
|
13
|
+
args: { label: "Actions", kind: "primary" },
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
export const Default = {
|
|
17
|
+
render: (args) => (_jsxs(MenuButton, { ...args, children: [_jsx(MenuItem, { label: "Edit" }), _jsx(MenuItem, { label: "Duplicate" }), _jsx(MenuItem, { label: "Delete", kind: "danger" })] })),
|
|
18
|
+
};
|
|
19
|
+
export const Ghost = {
|
|
20
|
+
render: () => (_jsxs(MenuButton, { kind: "ghost", label: "More actions", children: [_jsx(MenuItem, { label: "Export" }), _jsx(MenuItem, { label: "Archive" })] })),
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=menu-button.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/menu-button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;SAC1C;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CAC5C,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,UAAU,OAAK,IAAI,aAClB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,GAAG,EACzB,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAG,EAC9B,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG,IAC9B,CACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,cAAc,aAC3C,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC3B,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG,IACjB,CACd;CACF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const Danger: Story;
|
|
7
|
+
export declare const Passive: Story;
|
|
8
|
+
//# sourceMappingURL=modal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Modal } from "../modal";
|
|
4
|
+
import { Button } from "../button";
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Carbon Compat/Modal",
|
|
7
|
+
component: Modal,
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export const Default = {
|
|
11
|
+
render: () => {
|
|
12
|
+
const [open, setOpen] = React.useState(false);
|
|
13
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "primary", onClick: () => setOpen(true), children: "Open modal" }), _jsx(Modal, { open: open, modalHeading: "Delete process", modalLabel: "Confirmation", primaryButtonText: "Delete", secondaryButtonText: "Cancel", onRequestClose: () => setOpen(false), onRequestSubmit: () => setOpen(false), onSecondarySubmit: () => setOpen(false), children: "This process will be permanently deleted. This action cannot be undone." })] }));
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
export const Danger = {
|
|
17
|
+
render: () => {
|
|
18
|
+
const [open, setOpen] = React.useState(false);
|
|
19
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "danger", onClick: () => setOpen(true), children: "Delete process" }), _jsx(Modal, { open: open, danger: true, modalHeading: "Delete process", primaryButtonText: "Delete", secondaryButtonText: "Cancel", onRequestClose: () => setOpen(false), onRequestSubmit: () => setOpen(false), children: "This process will be permanently deleted. This action cannot be undone." })] }));
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
export const Passive = {
|
|
23
|
+
render: () => {
|
|
24
|
+
const [open, setOpen] = React.useState(false);
|
|
25
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "secondary", onClick: () => setOpen(true), children: "Open info modal" }), _jsx(Modal, { open: open, passiveModal: true, modalHeading: "About this feature", onRequestClose: () => setOpen(false), children: "This feature lets you model BPMN processes visually and deploy them directly to Zeebe." })] }));
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=modal.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/modal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;CACjB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,2BAE1C,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAC,cAAc,EACzB,iBAAiB,EAAC,QAAQ,EAC1B,mBAAmB,EAAC,QAAQ,EAC5B,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACrC,iBAAiB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,wFAIjC,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,+BAEzC,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,MAAM,QACN,YAAY,EAAC,gBAAgB,EAC7B,iBAAiB,EAAC,QAAQ,EAC1B,mBAAmB,EAAC,QAAQ,EAC5B,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,wFAI/B,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gCAE5C,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,YAAY,QACZ,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,uGAI9B,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overflow-menu.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/overflow-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { OverflowMenu, OverflowMenuItem } from "../overflow-menu";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/OverflowMenu",
|
|
5
|
+
component: OverflowMenu,
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
export const Default = {
|
|
9
|
+
render: () => (_jsxs(OverflowMenu, { "aria-label": "Row actions", children: [_jsx(OverflowMenuItem, { itemText: "Edit" }), _jsx(OverflowMenuItem, { itemText: "Duplicate" }), _jsx(OverflowMenuItem, { itemText: "Delete", isDelete: true, hasDivider: true })] })),
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=overflow-menu.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overflow-menu.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/overflow-menu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,YAAY,kBAAY,aAAa,aACpC,KAAC,gBAAgB,IAAC,QAAQ,EAAC,MAAM,GAAG,EACpC,KAAC,gBAAgB,IAAC,QAAQ,EAAC,WAAW,GAAG,EACzC,KAAC,gBAAgB,IAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,QAAC,UAAU,SAAG,IAC7C,CAChB;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Popover, PopoverContent } from "../popover";
|
|
4
|
+
import { Button } from "../button";
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Carbon Compat/Popover",
|
|
7
|
+
component: Popover,
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export const Default = {
|
|
11
|
+
render: () => {
|
|
12
|
+
const [open, setOpen] = React.useState(false);
|
|
13
|
+
return (_jsxs("div", { className: "relative inline-flex", children: [_jsx(Button, { kind: "secondary", onClick: () => setOpen((v) => !v), children: "Toggle popover" }), _jsx(Popover, { open: open, onRequestClose: () => setOpen(false), align: "bottom", children: _jsx(PopoverContent, { children: _jsx("p", { className: "text-sm", children: "Popover content rendered via Carbon Popover adapter." }) }) })] }));
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=popover.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/popover.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,OAAO;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAEjD,EACT,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,KAAK,EAAC,QAAQ,YAEd,KAAC,cAAc,cACb,YAAG,SAAS,EAAC,SAAS,qEAElB,GACW,GACT,IACN,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { ProgressBar } from "../progress-bar";
|
|
3
|
+
declare const meta: Meta<typeof ProgressBar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ProgressBar>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithHelper: Story;
|
|
8
|
+
export declare const Small: Story;
|
|
9
|
+
export declare const Finished: Story;
|
|
10
|
+
export declare const Error: Story;
|
|
11
|
+
//# sourceMappingURL=progress-bar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/progress-bar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAYlC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,UAAU,EAAE,KAAiD,CAAC;AAC3E,eAAO,MAAM,KAAK,EAAE,KAAmC,CAAC;AACxD,eAAO,MAAM,QAAQ,EAAE,KAAoD,CAAC;AAC5E,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ProgressBar } from "../progress-bar";
|
|
2
|
+
const meta = {
|
|
3
|
+
title: "Carbon Compat/ProgressBar",
|
|
4
|
+
component: ProgressBar,
|
|
5
|
+
argTypes: {
|
|
6
|
+
size: { control: "inline-radio", options: ["small", "big"] },
|
|
7
|
+
status: {
|
|
8
|
+
control: "inline-radio",
|
|
9
|
+
options: ["active", "finished", "error"],
|
|
10
|
+
},
|
|
11
|
+
hideLabel: { control: "boolean" },
|
|
12
|
+
},
|
|
13
|
+
args: { label: "Uploading…", value: 60, max: 100 },
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
export const Default = {};
|
|
17
|
+
export const WithHelper = { args: { helperText: "12 MB / 20 MB" } };
|
|
18
|
+
export const Small = { args: { size: "small" } };
|
|
19
|
+
export const Finished = { args: { status: "finished", value: 100 } };
|
|
20
|
+
export const Error = {
|
|
21
|
+
args: { status: "error", value: 40, helperText: "Upload failed" },
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=progress-bar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/progress-bar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;QAC5D,MAAM,EAAE;YACN,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC;SACzC;QACD,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAClC;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;CACnD,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,CAAC;AAC3E,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;AAC5E,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE;CAClE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { RadioButtonGroup } from "../radio-button";
|
|
3
|
+
declare const meta: Meta<typeof RadioButtonGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof RadioButtonGroup>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Horizontal: Story;
|
|
8
|
+
export declare const Disabled: Story;
|
|
9
|
+
export declare const NoLegend: Story;
|
|
10
|
+
export declare const DisabledItem: Story;
|
|
11
|
+
//# sourceMappingURL=radio-button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-button.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/radio-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAe,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAmBvC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,UAAU,EAAE,KAA+C,CAAC;AACzE,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAC;AAC5D,eAAO,MAAM,QAAQ,EAAE,KAA2C,CAAC;AACnE,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { RadioButton, RadioButtonGroup } from "../radio-button";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/RadioButton",
|
|
5
|
+
component: RadioButtonGroup,
|
|
6
|
+
argTypes: {
|
|
7
|
+
disabled: { control: "boolean" },
|
|
8
|
+
orientation: { control: "radio", options: ["vertical", "horizontal"] },
|
|
9
|
+
},
|
|
10
|
+
args: {
|
|
11
|
+
name: "demo-group",
|
|
12
|
+
legendText: "Select an option",
|
|
13
|
+
defaultSelected: "option-a",
|
|
14
|
+
},
|
|
15
|
+
render: (args) => (_jsxs(RadioButtonGroup, { ...args, children: [_jsx(RadioButton, { value: "option-a", labelText: "Option A", id: "option-a" }), _jsx(RadioButton, { value: "option-b", labelText: "Option B", id: "option-b" }), _jsx(RadioButton, { value: "option-c", labelText: "Option C", id: "option-c" })] })),
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
export const Default = {};
|
|
19
|
+
export const Horizontal = { args: { orientation: "horizontal" } };
|
|
20
|
+
export const Disabled = { args: { disabled: true } };
|
|
21
|
+
export const NoLegend = { args: { legendText: undefined } };
|
|
22
|
+
export const DisabledItem = {
|
|
23
|
+
render: (args) => (_jsxs(RadioButtonGroup, { ...args, children: [_jsx(RadioButton, { value: "option-a", labelText: "Option A", id: "option-a" }), _jsx(RadioButton, { value: "option-b", labelText: "Option B (disabled)", id: "option-b", disabled: true }), _jsx(RadioButton, { value: "option-c", labelText: "Option C", id: "option-c" })] })),
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=radio-button.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/radio-button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,EAAE;KACvE;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,kBAAkB;QAC9B,eAAe,EAAE,UAAU;KAC5B;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,gBAAgB,OAAK,IAAI,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,EACnE,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,EACnE,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,IAClD,CACpB;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC;AAC5D,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC;AACnE,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,gBAAgB,OAAK,IAAI,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,EACnE,KAAC,WAAW,IACV,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAC,UAAU,EACb,QAAQ,SACR,EACF,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,IAClD,CACpB;CACF,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { Search } from "../search";
|
|
3
|
+
declare const meta: Meta<typeof Search>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Search>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Small: Story;
|
|
8
|
+
export declare const Large: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const WithDefaultValue: Story;
|
|
11
|
+
export declare const Controlled: Story;
|
|
12
|
+
//# sourceMappingURL=search.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/search.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAa7B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAAgC,CAAC;AACrD,eAAO,MAAM,KAAK,EAAE,KAAgC,CAAC;AACrD,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAC;AAC5D,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC;AAeF,eAAO,MAAM,UAAU,EAAE,KAA8C,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { Search } from "../search";
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "Carbon Compat/Search",
|
|
6
|
+
component: Search,
|
|
7
|
+
argTypes: {
|
|
8
|
+
size: { control: "inline-radio", options: ["sm", "md", "lg"] },
|
|
9
|
+
disabled: { control: "boolean" },
|
|
10
|
+
},
|
|
11
|
+
args: {
|
|
12
|
+
labelText: "Search clusters",
|
|
13
|
+
placeholder: "Filter by name or ID",
|
|
14
|
+
size: "md",
|
|
15
|
+
},
|
|
16
|
+
decorators: [(Story) => _jsx("div", { className: "w-80", children: Story() })],
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Default = {};
|
|
20
|
+
export const Small = { args: { size: "sm" } };
|
|
21
|
+
export const Large = { args: { size: "lg" } };
|
|
22
|
+
export const Disabled = { args: { disabled: true } };
|
|
23
|
+
export const WithDefaultValue = {
|
|
24
|
+
args: { defaultValue: "production" },
|
|
25
|
+
};
|
|
26
|
+
const ControlledSearch = () => {
|
|
27
|
+
const [value, setValue] = useState("");
|
|
28
|
+
return (_jsx(Search, { labelText: "Controlled search", placeholder: "Type to filter", value: value, onChange: (e) => setValue(e.target.value), onClear: () => setValue("") }));
|
|
29
|
+
};
|
|
30
|
+
export const Controlled = { render: () => _jsx(ControlledSearch, {}) };
|
|
31
|
+
//# sourceMappingURL=search.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/search.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAC9D,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,iBAAiB;QAC5B,WAAW,EAAE,sBAAsB;QACnC,IAAI,EAAE,IAAI;KACX;IACD,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,KAAK,EAAE,GAAO,CAAC;CAC/D,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC;AAC5D,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE;CACrC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,mBAAmB,EAC7B,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,gBAAgB,KAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { SelectSkeleton } from "../select-skeleton";
|
|
3
|
+
declare const meta: Meta<typeof SelectSkeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SelectSkeleton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const HiddenLabel: Story;
|
|
8
|
+
//# sourceMappingURL=select-skeleton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-skeleton.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/select-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAMrC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,WAAW,EAAE,KAAqC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { SelectSkeleton } from "../select-skeleton";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/SelectSkeleton",
|
|
5
|
+
component: SelectSkeleton,
|
|
6
|
+
argTypes: { hideLabel: { control: "boolean" } },
|
|
7
|
+
args: { hideLabel: false },
|
|
8
|
+
decorators: [(Story) => _jsx("div", { className: "w-72", children: Story() })],
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
export const Default = {};
|
|
12
|
+
export const HiddenLabel = { args: { hideLabel: true } };
|
|
13
|
+
//# sourceMappingURL=select-skeleton.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-skeleton.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/select-skeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;IAC/C,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;IAC1B,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,KAAK,EAAE,GAAO,CAAC;CAC/D,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Select, SelectItem } from "../select";
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "Carbon Compat/Select",
|
|
6
|
+
component: Select,
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
export const Default = {
|
|
10
|
+
render: () => {
|
|
11
|
+
const [value, setValue] = React.useState("");
|
|
12
|
+
return (_jsxs(Select, { id: "select-demo", labelText: "Deployment region", value: value, onChange: (e) => setValue(e.target.value), children: [_jsx(SelectItem, { value: "eu-west", text: "EU West (Frankfurt)" }), _jsx(SelectItem, { value: "us-east", text: "US East (Virginia)" }), _jsx(SelectItem, { value: "ap-southeast", text: "AP Southeast (Singapore)" })] }));
|
|
13
|
+
},
|
|
14
|
+
};
|
|
15
|
+
export const Invalid = {
|
|
16
|
+
render: () => (_jsxs(Select, { id: "select-invalid", labelText: "Deployment region", invalid: true, invalidText: "Please select a region before deploying.", children: [_jsx(SelectItem, { value: "eu-west", text: "EU West (Frankfurt)" }), _jsx(SelectItem, { value: "us-east", text: "US East (Virginia)" })] })),
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=select.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/select.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;CAClB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC7C,OAAO,CACL,MAAC,MAAM,IACL,EAAE,EAAC,aAAa,EAChB,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAEzC,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,qBAAqB,GAAG,EACzD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,oBAAoB,GAAG,EACxD,KAAC,UAAU,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,0BAA0B,GAAG,IAC5D,CACV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,MAAM,IACL,EAAE,EAAC,gBAAgB,EACnB,SAAS,EAAC,mBAAmB,EAC7B,OAAO,QACP,WAAW,EAAC,0CAA0C,aAEtD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,qBAAqB,GAAG,EACzD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,oBAAoB,GAAG,IACjD,CACV;CACF,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { SkeletonText, SkeletonPlaceholder } from "../skeleton-text";
|
|
3
|
+
declare const meta: Meta<typeof SkeletonText>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SkeletonText>;
|
|
6
|
+
export declare const SingleLine: Story;
|
|
7
|
+
export declare const Heading: Story;
|
|
8
|
+
export declare const Paragraph: Story;
|
|
9
|
+
export declare const Placeholder: StoryObj<typeof SkeletonPlaceholder>;
|
|
10
|
+
//# sourceMappingURL=skeleton-text.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton-text.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/skeleton-text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CASnC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,mBAAmB,CAE5D,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { SkeletonText, SkeletonPlaceholder } from "../skeleton-text";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/SkeletonText",
|
|
5
|
+
component: SkeletonText,
|
|
6
|
+
argTypes: {
|
|
7
|
+
paragraph: { control: "boolean" },
|
|
8
|
+
heading: { control: "boolean" },
|
|
9
|
+
lineCount: { control: { type: "number", min: 1, max: 8 } },
|
|
10
|
+
width: { control: "text" },
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
export const SingleLine = {
|
|
15
|
+
args: { width: "60%" },
|
|
16
|
+
};
|
|
17
|
+
export const Heading = {
|
|
18
|
+
args: { heading: true, width: "40%" },
|
|
19
|
+
};
|
|
20
|
+
export const Paragraph = {
|
|
21
|
+
args: { paragraph: true, lineCount: 4, width: "100%" },
|
|
22
|
+
};
|
|
23
|
+
export const Placeholder = {
|
|
24
|
+
render: () => _jsx(SkeletonPlaceholder, { className: "h-32 w-64" }),
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=skeleton-text.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton-text.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/skeleton-text.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACjC,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QAC1D,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC3B;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAyC;IAC/D,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,mBAAmB,IAAC,SAAS,EAAC,WAAW,GAAG;CAC5D,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { Stack } from "../stack";
|
|
3
|
+
declare const meta: Meta<typeof Stack>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Stack>;
|
|
6
|
+
/**
|
|
7
|
+
* Standard vertical stack — default orientation. Three children with the
|
|
8
|
+
* Carbon spacing-05 gap (16px).
|
|
9
|
+
*/
|
|
10
|
+
export declare const Vertical: Story;
|
|
11
|
+
/** Horizontal orientation. */
|
|
12
|
+
export declare const Horizontal: Story;
|
|
13
|
+
/** Tight gap (spacing-02 = 4px). */
|
|
14
|
+
export declare const TightGap: Story;
|
|
15
|
+
/** Large gap (spacing-08 = 40px) for top-level page sections. */
|
|
16
|
+
export declare const LooseGap: Story;
|
|
17
|
+
//# sourceMappingURL=stack.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAc5B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,8BAA8B;AAC9B,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Stack } from "../stack";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/Stack",
|
|
5
|
+
component: Stack,
|
|
6
|
+
argTypes: {
|
|
7
|
+
gap: { control: { type: "number", min: 1, max: 13, step: 1 } },
|
|
8
|
+
orientation: {
|
|
9
|
+
control: "inline-radio",
|
|
10
|
+
options: ["vertical", "horizontal"],
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
args: {
|
|
14
|
+
gap: 5,
|
|
15
|
+
orientation: "vertical",
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
/**
|
|
20
|
+
* Standard vertical stack — default orientation. Three children with the
|
|
21
|
+
* Carbon spacing-05 gap (16px).
|
|
22
|
+
*/
|
|
23
|
+
export const Vertical = {
|
|
24
|
+
render: (args) => (_jsxs(Stack, { ...args, className: "w-64", children: [_jsx("div", { className: "rounded bg-muted p-2", children: "First" }), _jsx("div", { className: "rounded bg-muted p-2", children: "Second" }), _jsx("div", { className: "rounded bg-muted p-2", children: "Third" })] })),
|
|
25
|
+
};
|
|
26
|
+
/** Horizontal orientation. */
|
|
27
|
+
export const Horizontal = {
|
|
28
|
+
args: { orientation: "horizontal" },
|
|
29
|
+
render: (args) => (_jsxs(Stack, { ...args, children: [_jsx("div", { className: "rounded bg-muted p-2", children: "Left" }), _jsx("div", { className: "rounded bg-muted p-2", children: "Centre" }), _jsx("div", { className: "rounded bg-muted p-2", children: "Right" })] })),
|
|
30
|
+
};
|
|
31
|
+
/** Tight gap (spacing-02 = 4px). */
|
|
32
|
+
export const TightGap = {
|
|
33
|
+
args: { gap: 2 },
|
|
34
|
+
render: (args) => (_jsxs(Stack, { ...args, className: "w-64", children: [_jsx("div", { className: "rounded bg-muted p-1.5 text-sm", children: "Item A" }), _jsx("div", { className: "rounded bg-muted p-1.5 text-sm", children: "Item B" }), _jsx("div", { className: "rounded bg-muted p-1.5 text-sm", children: "Item C" })] })),
|
|
35
|
+
};
|
|
36
|
+
/** Large gap (spacing-08 = 40px) for top-level page sections. */
|
|
37
|
+
export const LooseGap = {
|
|
38
|
+
args: { gap: 8 },
|
|
39
|
+
render: (args) => (_jsxs(Stack, { ...args, className: "w-64", children: [_jsx("div", { className: "rounded bg-muted p-3", children: "Header" }), _jsx("div", { className: "rounded bg-muted p-3", children: "Body" }), _jsx("div", { className: "rounded bg-muted p-3", children: "Footer" })] })),
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=stack.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/stack.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE;QACR,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;QAC9D,WAAW,EAAE;YACX,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;SACpC;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,CAAC;QACN,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,KAAK,OAAK,IAAI,EAAE,SAAS,EAAC,MAAM,aAC/B,cAAK,SAAS,EAAC,sBAAsB,sBAAY,EACjD,cAAK,SAAS,EAAC,sBAAsB,uBAAa,EAClD,cAAK,SAAS,EAAC,sBAAsB,sBAAY,IAC3C,CACT;CACF,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,KAAK,OAAK,IAAI,aACb,cAAK,SAAS,EAAC,sBAAsB,qBAAW,EAChD,cAAK,SAAS,EAAC,sBAAsB,uBAAa,EAClD,cAAK,SAAS,EAAC,sBAAsB,sBAAY,IAC3C,CACT;CACF,CAAC;AAEF,oCAAoC;AACpC,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,KAAK,OAAK,IAAI,EAAE,SAAS,EAAC,MAAM,aAC/B,cAAK,SAAS,EAAC,gCAAgC,uBAAa,EAC5D,cAAK,SAAS,EAAC,gCAAgC,uBAAa,EAC5D,cAAK,SAAS,EAAC,gCAAgC,uBAAa,IACtD,CACT;CACF,CAAC;AAEF,iEAAiE;AACjE,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,KAAK,OAAK,IAAI,EAAE,SAAS,EAAC,MAAM,aAC/B,cAAK,SAAS,EAAC,sBAAsB,uBAAa,EAClD,cAAK,SAAS,EAAC,sBAAsB,qBAAW,EAChD,cAAK,SAAS,EAAC,sBAAsB,uBAAa,IAC5C,CACT;CACF,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { StructuredListSkeleton } from "../structured-list-skeleton";
|
|
3
|
+
declare const meta: Meta<typeof StructuredListSkeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof StructuredListSkeleton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const ThreeRows: Story;
|
|
8
|
+
export declare const EightRows: Story;
|
|
9
|
+
//# sourceMappingURL=structured-list-skeleton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"structured-list-skeleton.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/structured-list-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,sBAAsB,CAM7C,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAErD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,SAAS,EAAE,KAAiC,CAAC;AAC1D,eAAO,MAAM,SAAS,EAAE,KAAiC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { StructuredListSkeleton } from "../structured-list-skeleton";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/StructuredListSkeleton",
|
|
5
|
+
component: StructuredListSkeleton,
|
|
6
|
+
argTypes: { rowCount: { control: { type: "number", min: 1, max: 10 } } },
|
|
7
|
+
args: { rowCount: 5 },
|
|
8
|
+
decorators: [(Story) => _jsx("div", { className: "w-96", children: Story() })],
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
export const Default = {};
|
|
12
|
+
export const ThreeRows = { args: { rowCount: 3 } };
|
|
13
|
+
export const EightRows = { args: { rowCount: 8 } };
|
|
14
|
+
//# sourceMappingURL=structured-list-skeleton.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"structured-list-skeleton.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/structured-list-skeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,IAAI,GAAwC;IAChD,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,sBAAsB;IACjC,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;IACxE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACrB,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,KAAK,EAAE,GAAO,CAAC;CAC/D,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;AAC1D,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAQtB,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../table";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/Table",
|
|
5
|
+
component: Table,
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
const ROWS = [
|
|
9
|
+
{ id: "1", name: "Order process", type: "BPMN", status: "Active" },
|
|
10
|
+
{ id: "2", name: "Invoice approval", type: "BPMN", status: "Draft" },
|
|
11
|
+
{ id: "3", name: "Region check", type: "DMN", status: "Active" },
|
|
12
|
+
];
|
|
13
|
+
export const Default = {
|
|
14
|
+
render: () => (_jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeader, { children: "Name" }), _jsx(TableHeader, { children: "Type" }), _jsx(TableHeader, { children: "Status" })] }) }), _jsx(TableBody, { children: ROWS.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: row.name }), _jsx(TableCell, { children: row.type }), _jsx(TableCell, { children: row.status })] }, row.id))) })] })),
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=table.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/table.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,UAAU,CAAC;AAElB,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;CACjB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,IAAI,GAAG;IACX,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;IAClE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;IACpE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE;CACjE,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,KAAK,eACJ,KAAC,SAAS,cACR,MAAC,QAAQ,eACP,KAAC,WAAW,uBAAmB,EAC/B,KAAC,WAAW,uBAAmB,EAC/B,KAAC,WAAW,yBAAqB,IACxB,GACD,EACZ,KAAC,SAAS,cACP,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,MAAC,QAAQ,eACP,KAAC,SAAS,cAAE,GAAG,CAAC,IAAI,GAAa,EACjC,KAAC,SAAS,cAAE,GAAG,CAAC,IAAI,GAAa,EACjC,KAAC,SAAS,cAAE,GAAG,CAAC,MAAM,GAAa,KAHtB,GAAG,CAAC,EAAE,CAIV,CACZ,CAAC,GACQ,IACN,CACT;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAqB7B,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Tab, TabList, TabPanel, TabPanels, Tabs } from "../tabs";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Carbon Compat/Tabs",
|
|
5
|
+
component: Tabs,
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
export const Default = {
|
|
9
|
+
render: () => (_jsxs(Tabs, { defaultSelectedIndex: 0, children: [_jsxs(TabList, { "aria-label": "Process tabs", children: [_jsx(Tab, { children: "Overview" }), _jsx(Tab, { children: "Variables" }), _jsx(Tab, { children: "Incidents" })] }), _jsxs(TabPanels, { children: [_jsx(TabPanel, { children: _jsx("p", { className: "pt-4 text-sm", children: "Overview content" }) }), _jsx(TabPanel, { children: _jsx("p", { className: "pt-4 text-sm", children: "Variables content" }) }), _jsx(TabPanel, { children: _jsx("p", { className: "pt-4 text-sm", children: "Incidents content" }) })] })] })),
|
|
10
|
+
};
|
|
11
|
+
export const WithDisabledTab = {
|
|
12
|
+
render: () => (_jsxs(Tabs, { defaultSelectedIndex: 0, children: [_jsxs(TabList, { "aria-label": "Process tabs", children: [_jsx(Tab, { children: "Overview" }), _jsx(Tab, { disabled: true, children: "Variables (locked)" }), _jsx(Tab, { children: "Incidents" })] }), _jsxs(TabPanels, { children: [_jsx(TabPanel, { children: _jsx("p", { className: "pt-4 text-sm", children: "Overview content" }) }), _jsx(TabPanel, { children: _jsx("p", { className: "pt-4 text-sm", children: "Variables content" }) }), _jsx(TabPanel, { children: _jsx("p", { className: "pt-4 text-sm", children: "Incidents content" }) })] })] })),
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=tabs.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/tabs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,IAAI;CAChB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,IAAC,oBAAoB,EAAE,CAAC,aAC3B,MAAC,OAAO,kBAAY,cAAc,aAChC,KAAC,GAAG,2BAAe,EACnB,KAAC,GAAG,4BAAgB,EACpB,KAAC,GAAG,4BAAgB,IACZ,EACV,MAAC,SAAS,eACR,KAAC,QAAQ,cACP,YAAG,SAAS,EAAC,cAAc,iCAAqB,GACvC,EACX,KAAC,QAAQ,cACP,YAAG,SAAS,EAAC,cAAc,kCAAsB,GACxC,EACX,KAAC,QAAQ,cACP,YAAG,SAAS,EAAC,cAAc,kCAAsB,GACxC,IACD,IACP,CACR;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,IAAC,oBAAoB,EAAE,CAAC,aAC3B,MAAC,OAAO,kBAAY,cAAc,aAChC,KAAC,GAAG,2BAAe,EACnB,KAAC,GAAG,IAAC,QAAQ,yCAAyB,EACtC,KAAC,GAAG,4BAAgB,IACZ,EACV,MAAC,SAAS,eACR,KAAC,QAAQ,cACP,YAAG,SAAS,EAAC,cAAc,iCAAqB,GACvC,EACX,KAAC,QAAQ,cACP,YAAG,SAAS,EAAC,cAAc,kCAAsB,GACxC,EACX,KAAC,QAAQ,cACP,YAAG,SAAS,EAAC,cAAc,kCAAsB,GACxC,IACD,IACP,CACR;CACF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { Tag } from "../tag";
|
|
3
|
+
declare const meta: Meta<typeof Tag>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tag>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const HighContrast: Story;
|
|
8
|
+
export declare const Danger: Story;
|
|
9
|
+
export declare const Outline: Story;
|
|
10
|
+
export declare const AllTypes: Story;
|
|
11
|
+
//# sourceMappingURL=tag.stories.d.ts.map
|