@camunda/design-system 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +8 -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,11 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,23 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
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
|
|
@@ -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"}
|