@camunda/design-system 0.1.0 → 0.2.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/dist/.storybook/CamundaLogo.d.ts +13 -0
- package/dist/.storybook/CamundaLogo.d.ts.map +1 -0
- package/dist/.storybook/CamundaLogo.js +14 -0
- package/dist/.storybook/CamundaLogo.js.map +1 -0
- package/dist/carbon-compat/filterable-multi-select.d.ts +39 -0
- package/dist/carbon-compat/filterable-multi-select.d.ts.map +1 -0
- package/dist/carbon-compat/filterable-multi-select.js +54 -0
- package/dist/carbon-compat/filterable-multi-select.js.map +1 -0
- package/dist/carbon-compat/form.d.ts +5 -0
- package/dist/carbon-compat/form.d.ts.map +1 -0
- package/dist/carbon-compat/form.js +6 -0
- package/dist/carbon-compat/form.js.map +1 -0
- package/dist/carbon-compat/index.d.ts +2 -0
- package/dist/carbon-compat/index.d.ts.map +1 -1
- package/dist/carbon-compat/index.js +2 -0
- package/dist/carbon-compat/index.js.map +1 -1
- package/dist/carbon-compat/multi-select.d.ts +37 -2
- package/dist/carbon-compat/multi-select.d.ts.map +1 -1
- package/dist/carbon-compat/multi-select.js +52 -2
- package/dist/carbon-compat/multi-select.js.map +1 -1
- package/dist/carbon-compat/select.d.ts +3 -3
- package/dist/carbon-compat/select.d.ts.map +1 -1
- package/dist/carbon-compat/select.js +47 -9
- package/dist/carbon-compat/select.js.map +1 -1
- package/dist/src/components/ui/checkbox.d.ts.map +1 -1
- package/dist/src/components/ui/checkbox.js +1 -1
- package/dist/src/components/ui/checkbox.js.map +1 -1
- package/dist/src/components/ui/data-table.d.ts.map +1 -1
- package/dist/src/components/ui/data-table.js +1 -1
- package/dist/src/components/ui/data-table.js.map +1 -1
- package/dist/src/components/ui/file-uploader.d.ts +39 -0
- package/dist/src/components/ui/file-uploader.d.ts.map +1 -0
- package/dist/src/components/ui/file-uploader.js +198 -0
- package/dist/src/components/ui/file-uploader.js.map +1 -0
- package/dist/src/components/ui/multi-select.d.ts +34 -0
- package/dist/src/components/ui/multi-select.d.ts.map +1 -0
- package/dist/src/components/ui/multi-select.js +88 -0
- package/dist/src/components/ui/multi-select.js.map +1 -0
- package/dist/src/components/ui/table.d.ts +1 -1
- package/dist/src/components/ui/table.d.ts.map +1 -1
- package/dist/src/components/ui/table.js +3 -3
- package/dist/src/components/ui/table.js.map +1 -1
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts +2 -0
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.js +18 -0
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map +1 -0
- package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts +2 -0
- package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/CostDashboardPage.js +53 -0
- package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map +1 -0
- package/dist/src/examples/cost-dashboard/TrendChart.d.ts +2 -0
- package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/TrendChart.js +21 -0
- package/dist/src/examples/cost-dashboard/TrendChart.js.map +1 -0
- package/dist/src/examples/cost-dashboard/mock-data.d.ts +34 -0
- package/dist/src/examples/cost-dashboard/mock-data.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/mock-data.js +120 -0
- package/dist/src/examples/cost-dashboard/mock-data.js.map +1 -0
- package/dist/src/examples/cost-dashboard/useChartColors.d.ts +10 -0
- package/dist/src/examples/cost-dashboard/useChartColors.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/useChartColors.js +20 -0
- package/dist/src/examples/cost-dashboard/useChartColors.js.map +1 -0
- package/dist/src/examples/project-detail/ProjectDetailPage.d.ts +2 -0
- package/dist/src/examples/project-detail/ProjectDetailPage.d.ts.map +1 -0
- package/dist/src/examples/project-detail/ProjectDetailPage.js +68 -0
- package/dist/src/examples/project-detail/ProjectDetailPage.js.map +1 -0
- package/dist/src/examples/project-detail/mock-data.d.ts +38 -0
- package/dist/src/examples/project-detail/mock-data.d.ts.map +1 -0
- package/dist/src/examples/project-detail/mock-data.js +103 -0
- package/dist/src/examples/project-detail/mock-data.js.map +1 -0
- package/dist/src/examples/projects-list/ProjectsListPage.d.ts +4 -0
- package/dist/src/examples/projects-list/ProjectsListPage.d.ts.map +1 -0
- package/dist/src/examples/projects-list/ProjectsListPage.js +45 -0
- package/dist/src/examples/projects-list/ProjectsListPage.js.map +1 -0
- package/dist/src/examples/projects-list/mock-data.d.ts +10 -0
- package/dist/src/examples/projects-list/mock-data.d.ts.map +1 -0
- package/dist/src/examples/projects-list/mock-data.js +83 -0
- package/dist/src/examples/projects-list/mock-data.js.map +1 -0
- package/dist/src/examples/shared/AppShell.d.ts +13 -0
- package/dist/src/examples/shared/AppShell.d.ts.map +1 -0
- package/dist/src/examples/shared/AppShell.js +13 -0
- package/dist/src/examples/shared/AppShell.js.map +1 -0
- package/dist/src/examples/shared/console-nav.d.ts +5 -0
- package/dist/src/examples/shared/console-nav.d.ts.map +1 -0
- package/dist/src/examples/shared/console-nav.js +37 -0
- package/dist/src/examples/shared/console-nav.js.map +1 -0
- package/dist/src/examples/shared/cost-nav.d.ts +5 -0
- package/dist/src/examples/shared/cost-nav.d.ts.map +1 -0
- package/dist/src/examples/shared/cost-nav.js +47 -0
- package/dist/src/examples/shared/cost-nav.js.map +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +2 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/specs/schema.d.ts +4 -0
- package/dist/src/specs/schema.d.ts.map +1 -1
- package/dist/styles.css +233 -0
- package/package.json +9 -1
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts +0 -10
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js +0 -17
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/breadcrumb.stories.d.ts +0 -6
- package/dist/carbon-compat/stories/breadcrumb.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/breadcrumb.stories.js +0 -11
- package/dist/carbon-compat/stories/breadcrumb.stories.js.map +0 -1
- package/dist/carbon-compat/stories/button.stories.d.ts +0 -13
- package/dist/carbon-compat/stories/button.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/button.stories.js +0 -45
- package/dist/carbon-compat/stories/button.stories.js.map +0 -1
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.js +0 -12
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.js.map +0 -1
- package/dist/carbon-compat/stories/c3-data-table.stories.d.ts +0 -32
- package/dist/carbon-compat/stories/c3-data-table.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/c3-data-table.stories.js +0 -244
- package/dist/carbon-compat/stories/c3-data-table.stories.js.map +0 -1
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.js +0 -28
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.js.map +0 -1
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.js +0 -13
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/checkbox.stories.d.ts +0 -10
- package/dist/carbon-compat/stories/checkbox.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/checkbox.stories.js +0 -20
- package/dist/carbon-compat/stories/checkbox.stories.js.map +0 -1
- package/dist/carbon-compat/stories/code-snippet.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/code-snippet.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/code-snippet.stories.js +0 -30
- package/dist/carbon-compat/stories/code-snippet.stories.js.map +0 -1
- package/dist/carbon-compat/stories/combo-box.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/combo-box.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/combo-box.stories.js +0 -38
- package/dist/carbon-compat/stories/combo-box.stories.js.map +0 -1
- package/dist/carbon-compat/stories/content-switcher.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/content-switcher.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/content-switcher.stories.js +0 -15
- package/dist/carbon-compat/stories/content-switcher.stories.js.map +0 -1
- package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/data-table-skeleton.stories.js +0 -37
- package/dist/carbon-compat/stories/data-table-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/data-table.stories.d.ts +0 -16
- package/dist/carbon-compat/stories/data-table.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/data-table.stories.js +0 -103
- package/dist/carbon-compat/stories/data-table.stories.js.map +0 -1
- package/dist/carbon-compat/stories/dropdown.stories.d.ts +0 -7
- package/dist/carbon-compat/stories/dropdown.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/dropdown.stories.js +0 -23
- package/dist/carbon-compat/stories/dropdown.stories.js.map +0 -1
- package/dist/carbon-compat/stories/icon-button.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/icon-button.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/icon-button.stories.js +0 -29
- package/dist/carbon-compat/stories/icon-button.stories.js.map +0 -1
- package/dist/carbon-compat/stories/link.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/link.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/link.stories.js +0 -24
- package/dist/carbon-compat/stories/link.stories.js.map +0 -1
- package/dist/carbon-compat/stories/loading.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/loading.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/loading.stories.js +0 -22
- package/dist/carbon-compat/stories/loading.stories.js.map +0 -1
- package/dist/carbon-compat/stories/menu-button.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/menu-button.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/menu-button.stories.js +0 -22
- package/dist/carbon-compat/stories/menu-button.stories.js.map +0 -1
- package/dist/carbon-compat/stories/modal.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/modal.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/modal.stories.js +0 -28
- package/dist/carbon-compat/stories/modal.stories.js.map +0 -1
- package/dist/carbon-compat/stories/overflow-menu.stories.d.ts +0 -6
- package/dist/carbon-compat/stories/overflow-menu.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/overflow-menu.stories.js +0 -11
- package/dist/carbon-compat/stories/overflow-menu.stories.js.map +0 -1
- package/dist/carbon-compat/stories/popover.stories.d.ts +0 -6
- package/dist/carbon-compat/stories/popover.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/popover.stories.js +0 -16
- package/dist/carbon-compat/stories/popover.stories.js.map +0 -1
- package/dist/carbon-compat/stories/progress-bar.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/progress-bar.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/progress-bar.stories.js +0 -23
- package/dist/carbon-compat/stories/progress-bar.stories.js.map +0 -1
- package/dist/carbon-compat/stories/radio-button.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/radio-button.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/radio-button.stories.js +0 -25
- package/dist/carbon-compat/stories/radio-button.stories.js.map +0 -1
- package/dist/carbon-compat/stories/search.stories.d.ts +0 -12
- package/dist/carbon-compat/stories/search.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/search.stories.js +0 -31
- package/dist/carbon-compat/stories/search.stories.js.map +0 -1
- package/dist/carbon-compat/stories/select-skeleton.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/select-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/select-skeleton.stories.js +0 -13
- package/dist/carbon-compat/stories/select-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/select.stories.d.ts +0 -7
- package/dist/carbon-compat/stories/select.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/select.stories.js +0 -18
- package/dist/carbon-compat/stories/select.stories.js.map +0 -1
- package/dist/carbon-compat/stories/skeleton-text.stories.d.ts +0 -10
- package/dist/carbon-compat/stories/skeleton-text.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/skeleton-text.stories.js +0 -26
- package/dist/carbon-compat/stories/skeleton-text.stories.js.map +0 -1
- package/dist/carbon-compat/stories/stack.stories.d.ts +0 -17
- package/dist/carbon-compat/stories/stack.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/stack.stories.js +0 -41
- package/dist/carbon-compat/stories/stack.stories.js.map +0 -1
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.js +0 -14
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/table.stories.d.ts +0 -6
- package/dist/carbon-compat/stories/table.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/table.stories.js +0 -16
- package/dist/carbon-compat/stories/table.stories.js.map +0 -1
- package/dist/carbon-compat/stories/tabs.stories.d.ts +0 -7
- package/dist/carbon-compat/stories/tabs.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/tabs.stories.js +0 -14
- package/dist/carbon-compat/stories/tabs.stories.js.map +0 -1
- package/dist/carbon-compat/stories/tag.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/tag.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/tag.stories.js +0 -46
- package/dist/carbon-compat/stories/tag.stories.js.map +0 -1
- package/dist/carbon-compat/stories/text-area.stories.d.ts +0 -10
- package/dist/carbon-compat/stories/text-area.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/text-area.stories.js +0 -27
- package/dist/carbon-compat/stories/text-area.stories.js.map +0 -1
- package/dist/carbon-compat/stories/text-input.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/text-input.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/text-input.stories.js +0 -30
- package/dist/carbon-compat/stories/text-input.stories.js.map +0 -1
- package/dist/carbon-compat/stories/tile.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/tile.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/tile.stories.js +0 -22
- package/dist/carbon-compat/stories/tile.stories.js.map +0 -1
- package/dist/carbon-compat/stories/toggle.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/toggle.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/toggle.stories.js +0 -23
- package/dist/carbon-compat/stories/toggle.stories.js.map +0 -1
- package/dist/carbon-compat/stories/tooltip.stories.d.ts +0 -7
- package/dist/carbon-compat/stories/tooltip.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/tooltip.stories.js +0 -15
- package/dist/carbon-compat/stories/tooltip.stories.js.map +0 -1
- package/dist/carbon-compat/stories/unordered-list.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/unordered-list.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/unordered-list.stories.js +0 -22
- package/dist/carbon-compat/stories/unordered-list.stories.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,41 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tag.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAuB1B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AACF,eAAO,MAAM,MAAM,EAAE,KAAoD,CAAC;AAC1E,eAAO,MAAM,OAAO,EAAE,KAAwD,CAAC;AAE/E,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Tag } from "../tag";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/Tag",
|
|
5
|
-
component: Tag,
|
|
6
|
-
argTypes: {
|
|
7
|
-
type: {
|
|
8
|
-
control: "select",
|
|
9
|
-
options: [
|
|
10
|
-
"red",
|
|
11
|
-
"magenta",
|
|
12
|
-
"purple",
|
|
13
|
-
"blue",
|
|
14
|
-
"cyan",
|
|
15
|
-
"teal",
|
|
16
|
-
"green",
|
|
17
|
-
"gray",
|
|
18
|
-
"cool-gray",
|
|
19
|
-
"warm-gray",
|
|
20
|
-
"high-contrast",
|
|
21
|
-
"outline",
|
|
22
|
-
],
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
args: { type: "blue", children: "BPMN" },
|
|
26
|
-
};
|
|
27
|
-
export default meta;
|
|
28
|
-
export const Default = {};
|
|
29
|
-
export const HighContrast = {
|
|
30
|
-
args: { type: "high-contrast", children: "Active" },
|
|
31
|
-
};
|
|
32
|
-
export const Danger = { args: { type: "red", children: "Error" } };
|
|
33
|
-
export const Outline = { args: { type: "outline", children: "Draft" } };
|
|
34
|
-
export const AllTypes = {
|
|
35
|
-
render: () => (_jsx("div", { className: "flex flex-wrap gap-2", children: [
|
|
36
|
-
"red",
|
|
37
|
-
"blue",
|
|
38
|
-
"green",
|
|
39
|
-
"teal",
|
|
40
|
-
"purple",
|
|
41
|
-
"gray",
|
|
42
|
-
"high-contrast",
|
|
43
|
-
"outline",
|
|
44
|
-
].map((type) => (_jsx(Tag, { type: type, children: type }, type))) })),
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=tag.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tag.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/tag.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,IAAI,GAAqB;IAC7B,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,KAAK;gBACL,SAAS;gBACT,QAAQ;gBACR,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,OAAO;gBACP,MAAM;gBACN,WAAW;gBACX,WAAW;gBACX,eAAe;gBACf,SAAS;aACV;SACF;KACF;IACD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;CACzC,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE;CACpD,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;AAC1E,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;AAE/E,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,sBAAsB,YAEjC;YACE,KAAK;YACL,MAAM;YACN,OAAO;YACP,MAAM;YACN,QAAQ;YACR,MAAM;YACN,eAAe;YACf,SAAS;SAEZ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,GAAG,IAAY,IAAI,EAAE,IAAI,YACvB,IAAI,IADG,IAAI,CAER,CACP,CAAC,GACE,CACP;CACF,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { TextArea } from "../text-area";
|
|
3
|
-
declare const meta: Meta<typeof TextArea>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof TextArea>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Disabled: Story;
|
|
8
|
-
export declare const WithHelperText: Story;
|
|
9
|
-
export declare const Invalid: Story;
|
|
10
|
-
//# sourceMappingURL=text-area.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/text-area.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAa/B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AACF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AACF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { TextArea } from "../text-area";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Carbon Compat/TextArea",
|
|
4
|
-
component: TextArea,
|
|
5
|
-
argTypes: {
|
|
6
|
-
disabled: { control: "boolean" },
|
|
7
|
-
readOnly: { control: "boolean" },
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
id: "textarea-demo",
|
|
11
|
-
labelText: "Process description",
|
|
12
|
-
placeholder: "Describe what this process does…",
|
|
13
|
-
rows: 4,
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
export const Default = {};
|
|
18
|
-
export const Disabled = {
|
|
19
|
-
args: { disabled: true, value: "Cannot edit this." },
|
|
20
|
-
};
|
|
21
|
-
export const WithHelperText = {
|
|
22
|
-
args: { helperText: "Max 500 characters." },
|
|
23
|
-
};
|
|
24
|
-
export const Invalid = {
|
|
25
|
-
args: { invalid: true, invalidText: "Description is required." },
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=text-area.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/text-area.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,eAAe;QACnB,SAAS,EAAE,qBAAqB;QAChC,WAAW,EAAE,kCAAkC;QAC/C,IAAI,EAAE,CAAC;KACR;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,EAAE;CACrD,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE,UAAU,EAAE,qBAAqB,EAAE;CAC5C,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,0BAA0B,EAAE;CACjE,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { TextInput } from "../text-input";
|
|
3
|
-
declare const meta: Meta<typeof TextInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof TextInput>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Disabled: Story;
|
|
8
|
-
export declare const Invalid: Story;
|
|
9
|
-
export declare const WithHelperText: Story;
|
|
10
|
-
export declare const ReadOnly: Story;
|
|
11
|
-
//# sourceMappingURL=text-input.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/text-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAahC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AACF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AACF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { TextInput } from "../text-input";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Carbon Compat/TextInput",
|
|
4
|
-
component: TextInput,
|
|
5
|
-
argTypes: {
|
|
6
|
-
disabled: { control: "boolean" },
|
|
7
|
-
readOnly: { control: "boolean" },
|
|
8
|
-
invalid: { control: "boolean" },
|
|
9
|
-
},
|
|
10
|
-
args: {
|
|
11
|
-
id: "input-demo",
|
|
12
|
-
labelText: "Process name",
|
|
13
|
-
placeholder: "e.g. Order fulfillment",
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
export const Default = {};
|
|
18
|
-
export const Disabled = {
|
|
19
|
-
args: { disabled: true, value: "Order fulfillment" },
|
|
20
|
-
};
|
|
21
|
-
export const Invalid = {
|
|
22
|
-
args: { invalid: true, invalidText: "Process name is required." },
|
|
23
|
-
};
|
|
24
|
-
export const WithHelperText = {
|
|
25
|
-
args: { helperText: "Unique name used as the process ID prefix." },
|
|
26
|
-
};
|
|
27
|
-
export const ReadOnly = {
|
|
28
|
-
args: { readOnly: true, value: "Order fulfillment" },
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=text-input.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/text-input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,YAAY;QAChB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,wBAAwB;KACtC;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,EAAE;CACrD,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,2BAA2B,EAAE;CAClE,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE,UAAU,EAAE,4CAA4C,EAAE;CACnE,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,EAAE;CACrD,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Tile } from "../tile";
|
|
3
|
-
declare const meta: Meta<typeof Tile>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Tile>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithContent: Story;
|
|
8
|
-
export declare const Clickable: Story;
|
|
9
|
-
export declare const ClickableWithHref: Story;
|
|
10
|
-
export declare const ClickableDisabled: Story;
|
|
11
|
-
//# sourceMappingURL=tile.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tile.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/tile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAiB,IAAI,EAAE,MAAM,SAAS,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ClickableTile, Tile } from "../tile";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/Tile",
|
|
5
|
-
component: Tile,
|
|
6
|
-
args: { children: "Tile content" },
|
|
7
|
-
};
|
|
8
|
-
export default meta;
|
|
9
|
-
export const Default = {};
|
|
10
|
-
export const WithContent = {
|
|
11
|
-
render: () => (_jsxs(Tile, { className: "max-w-xs", children: [_jsx("h3", { className: "text-base font-semibold", children: "Order fulfillment" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "BPMN \u00B7 Active \u00B7 3 instances" })] })),
|
|
12
|
-
};
|
|
13
|
-
export const Clickable = {
|
|
14
|
-
render: () => (_jsxs(ClickableTile, { className: "max-w-xs", onClick: () => { }, children: [_jsx("h3", { className: "text-base font-semibold", children: "View cluster" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Click to drill in" })] })),
|
|
15
|
-
};
|
|
16
|
-
export const ClickableWithHref = {
|
|
17
|
-
render: () => (_jsxs(ClickableTile, { className: "max-w-xs", href: "#example", children: [_jsx("h3", { className: "text-base font-semibold", children: "Link tile" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Renders as <a href>" })] })),
|
|
18
|
-
};
|
|
19
|
-
export const ClickableDisabled = {
|
|
20
|
-
render: () => (_jsxs(ClickableTile, { className: "max-w-xs", disabled: true, onClick: () => { }, children: [_jsx("h3", { className: "text-base font-semibold", children: "Disabled tile" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Not clickable" })] })),
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=tile.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tile.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/tile.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE;CACnC,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACxB,aAAI,SAAS,EAAC,yBAAyB,kCAAuB,EAC9D,YAAG,SAAS,EAAC,oCAAoC,sDAE7C,IACC,CACR;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,aAAa,IAAC,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,aACnD,aAAI,SAAS,EAAC,yBAAyB,6BAAkB,EACzD,YAAG,SAAS,EAAC,oCAAoC,kCAAsB,IACzD,CACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,aAAa,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,aACjD,aAAI,SAAS,EAAC,yBAAyB,0BAAe,EACtD,YAAG,SAAS,EAAC,oCAAoC,oCAE7C,IACU,CACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,aAAa,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,aAC5D,aAAI,SAAS,EAAC,yBAAyB,8BAAmB,EAC1D,YAAG,SAAS,EAAC,oCAAoC,8BAAkB,IACrD,CACjB;CACF,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Toggle } from "../toggle";
|
|
3
|
-
declare const meta: Meta<typeof Toggle>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Toggle>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const On: Story;
|
|
8
|
-
export declare const Disabled: Story;
|
|
9
|
-
export declare const HiddenLabel: Story;
|
|
10
|
-
export declare const ABLabel: Story;
|
|
11
|
-
//# sourceMappingURL=toggle.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/toggle.stories.tsx"],"names":[],"mappings":"AAAA,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,CAY7B,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,EAAE,EAAE,KAAmC,CAAC;AACrD,eAAO,MAAM,QAAQ,EAAE,KAAmD,CAAC;AAC3E,eAAO,MAAM,WAAW,EAAE,KAAoD,CAAC;AAC/E,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Toggle } from "../toggle";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Carbon Compat/Toggle",
|
|
4
|
-
component: Toggle,
|
|
5
|
-
argTypes: {
|
|
6
|
-
toggled: { control: "boolean" },
|
|
7
|
-
disabled: { control: "boolean" },
|
|
8
|
-
hideLabel: { control: "boolean" },
|
|
9
|
-
},
|
|
10
|
-
args: {
|
|
11
|
-
id: "toggle-demo",
|
|
12
|
-
labelText: "Enable notifications",
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
export const Default = {};
|
|
17
|
-
export const On = { args: { toggled: true } };
|
|
18
|
-
export const Disabled = { args: { disabled: true, toggled: true } };
|
|
19
|
-
export const HiddenLabel = { args: { hideLabel: true, toggled: true } };
|
|
20
|
-
export const ABLabel = {
|
|
21
|
-
args: { labelText: undefined, labelA: "Off", labelB: "On" },
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=toggle.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/toggle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAClC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,aAAa;QACjB,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,EAAE,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;AAC/E,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE;CAC5D,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
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 WithDescription: Story;
|
|
7
|
-
//# sourceMappingURL=tooltip.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,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,KAMrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from "../button";
|
|
3
|
-
import { Tooltip } from "../tooltip";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Carbon Compat/Tooltip",
|
|
6
|
-
component: Tooltip,
|
|
7
|
-
};
|
|
8
|
-
export default meta;
|
|
9
|
-
export const Default = {
|
|
10
|
-
render: () => (_jsx(Tooltip, { label: "Deploy to production cluster", children: _jsx(Button, { kind: "primary", children: "Deploy" }) })),
|
|
11
|
-
};
|
|
12
|
-
export const WithDescription = {
|
|
13
|
-
render: () => (_jsx(Tooltip, { description: "Running this action will start a new process instance in the selected cluster.", children: _jsx(Button, { kind: "secondary", children: "Start instance" }) })),
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=tooltip.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/tooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,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,CAAC,CACZ,KAAC,OAAO,IAAC,KAAK,EAAC,8BAA8B,YAC3C,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,uBAAgB,GAC9B,CACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,OAAO,IAAC,WAAW,EAAC,gFAAgF,YACnG,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,+BAAwB,GACxC,CACX;CACF,CAAC"}
|