@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,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { CodeSnippet } from "../code-snippet";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/CodeSnippet",
|
|
5
|
-
component: CodeSnippet,
|
|
6
|
-
argTypes: {
|
|
7
|
-
type: { control: "inline-radio", options: ["inline", "single", "multi"] },
|
|
8
|
-
disabled: { control: "boolean" },
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
export const Inline = {
|
|
13
|
-
args: { type: "inline" },
|
|
14
|
-
render: (args) => (_jsxs("p", { className: "text-sm", children: ["Run the migration with", " ", _jsx(CodeSnippet, { ...args, children: "npm run migrate" }), " to swap imports."] })),
|
|
15
|
-
};
|
|
16
|
-
export const Single = {
|
|
17
|
-
args: {
|
|
18
|
-
type: "single",
|
|
19
|
-
children: "pnpm install --filter @camunda-cloud/accounts-frontend",
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
export const Multi = {
|
|
23
|
-
args: {
|
|
24
|
-
type: "multi",
|
|
25
|
-
children: `npm install
|
|
26
|
-
npm run build
|
|
27
|
-
npm run typecheck`,
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=code-snippet.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"code-snippet.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/code-snippet.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,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE;QACzE,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,aAAG,SAAS,EAAC,SAAS,uCACG,GAAG,EAC1B,KAAC,WAAW,OAAK,IAAI,gCAA+B,yBAClD,CACL;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,wDAAwD;KACnE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE;;kBAEI;KACf;CACF,CAAC"}
|
|
@@ -1,8 +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 WithInitialItem: Story;
|
|
7
|
-
export declare const LargeDataset: Story;
|
|
8
|
-
//# sourceMappingURL=combo-box.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/combo-box.stories.tsx"],"names":[],"mappings":"AACA,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;AAEtB,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { ComboBox } from "../combo-box";
|
|
4
|
-
const ITEMS = [
|
|
5
|
-
{ id: "bpmn", label: "BPMN process" },
|
|
6
|
-
{ id: "dmn", label: "DMN decision" },
|
|
7
|
-
{ id: "form", label: "Form" },
|
|
8
|
-
{ id: "connector", label: "Connector template" },
|
|
9
|
-
];
|
|
10
|
-
const meta = {
|
|
11
|
-
title: "Carbon Compat/ComboBox",
|
|
12
|
-
component: ComboBox,
|
|
13
|
-
};
|
|
14
|
-
export default meta;
|
|
15
|
-
export const Default = {
|
|
16
|
-
render: () => {
|
|
17
|
-
const [selected, setSelected] = React.useState(null);
|
|
18
|
-
return (_jsx(ComboBox, { id: "combo-demo", titleText: "Resource type", placeholder: "Select or type\u2026", items: ITEMS, selectedItem: selected, itemToString: (item) => item?.label ?? "", onChange: ({ selectedItem }) => setSelected(selectedItem ?? null) }));
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
export const WithInitialItem = {
|
|
22
|
-
render: () => (_jsx(ComboBox, { id: "combo-initial", titleText: "Resource type", items: ITEMS, initialSelectedItem: ITEMS[1], itemToString: (item) => item?.label ?? "", onChange: () => undefined })),
|
|
23
|
-
};
|
|
24
|
-
const LARGE_ITEMS = Array.from({ length: 10_000 }, (_, i) => ({
|
|
25
|
-
id: `item-${i}`,
|
|
26
|
-
label: `Process definition ${i + 1}`,
|
|
27
|
-
}));
|
|
28
|
-
export const LargeDataset = {
|
|
29
|
-
name: "Large dataset (10k items)",
|
|
30
|
-
// Excluded from autodocs: Storybook serialises story source for the Docs page
|
|
31
|
-
// and JSON-stringifying 10k objects causes an OOM crash in the browser.
|
|
32
|
-
tags: ["!autodocs"],
|
|
33
|
-
render: () => {
|
|
34
|
-
const [selected, setSelected] = React.useState(null);
|
|
35
|
-
return (_jsx(ComboBox, { id: "combo-large", titleText: "Process definition", placeholder: "Search 10 000 items\u2026", items: LARGE_ITEMS, selectedItem: selected, itemToString: (item) => item?.label ?? "", onChange: ({ selectedItem }) => setSelected(selectedItem ?? null) }));
|
|
36
|
-
},
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=combo-box.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/combo-box.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE;IACrC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE;IACpC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAC7B,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,oBAAoB,EAAE;CACjD,CAAC;AAEF,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;CACpB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE5C,IAAI,CAAC,CAAC;QACR,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAC,YAAY,EACf,SAAS,EAAC,eAAe,EACzB,WAAW,EAAC,sBAAiB,EAC7B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EACzC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,IAAI,IAAI,CAAC,GACjE,CACH,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,QAAQ,IACP,EAAE,EAAC,eAAe,EAClB,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,EAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EACzC,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,GACzB,CACH;CACF,CAAC;AAEF,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5D,EAAE,EAAE,QAAQ,CAAC,EAAE;IACf,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,EAAE;CACrC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,2BAA2B;IACjC,8EAA8E;IAC9E,wEAAwE;IACxE,IAAI,EAAE,CAAC,WAAW,CAAC;IACnB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE5C,IAAI,CAAC,CAAC;QACR,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAC,aAAa,EAChB,SAAS,EAAC,oBAAoB,EAC9B,WAAW,EAAC,2BAAsB,EAClC,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EACzC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,IAAI,IAAI,CAAC,GACjE,CACH,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { ContentSwitcher } from "../content-switcher";
|
|
3
|
-
declare const meta: Meta<typeof ContentSwitcher>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof ContentSwitcher>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const SecondSelected: Story;
|
|
8
|
-
//# sourceMappingURL=content-switcher.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"content-switcher.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/content-switcher.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAGtC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ContentSwitcher } from "../content-switcher";
|
|
3
|
-
import { Switch } from "../switch";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Carbon Compat/ContentSwitcher",
|
|
6
|
-
component: ContentSwitcher,
|
|
7
|
-
};
|
|
8
|
-
export default meta;
|
|
9
|
-
export const Default = {
|
|
10
|
-
render: () => (_jsxs(ContentSwitcher, { selectedIndex: 0, onChange: ({ name }) => console.log("Selected", name), children: [_jsx(Switch, { name: "bar", text: "Bar" }), _jsx(Switch, { name: "donut", text: "Donut" }), _jsx(Switch, { name: "line", text: "Line" })] })),
|
|
11
|
-
};
|
|
12
|
-
export const SecondSelected = {
|
|
13
|
-
render: () => (_jsxs(ContentSwitcher, { selectedIndex: 1, onChange: ({ name }) => console.log("Selected", name), children: [_jsx(Switch, { name: "annotated", text: "Annotated" }), _jsx(Switch, { name: "sources", text: "Sources" }), _jsx(Switch, { name: "raw", text: "Raw" })] })),
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=content-switcher.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"content-switcher.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/content-switcher.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;CAC3B,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,eAAe,IACd,aAAa,EAAE,CAAC,EAChB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,aAErD,KAAC,MAAM,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,GAAG,EAChC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAG,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,IAClB,CACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,eAAe,IACd,aAAa,EAAE,CAAC,EAChB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,aAErD,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,WAAW,GAAG,EAC5C,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAG,EACxC,KAAC,MAAM,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,GAAG,IAChB,CACnB;CACF,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DataTableSkeleton } from "../data-table-skeleton";
|
|
3
|
-
declare const meta: Meta<typeof DataTableSkeleton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof DataTableSkeleton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithToolbar: Story;
|
|
8
|
-
export declare const Compact: Story;
|
|
9
|
-
export declare const Zebra: Story;
|
|
10
|
-
export declare const NamedHeaders: Story;
|
|
11
|
-
//# sourceMappingURL=data-table-skeleton.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-table-skeleton.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/data-table-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAmBxC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,WAAW,EAAE,KAAuC,CAAC;AAClE,eAAO,MAAM,OAAO,EAAE,KAA6C,CAAC;AACpE,eAAO,MAAM,KAAK,EAAE,KAA8C,CAAC;AACnE,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { DataTableSkeleton } from "../data-table-skeleton";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Carbon Compat/DataTableSkeleton",
|
|
4
|
-
component: DataTableSkeleton,
|
|
5
|
-
argTypes: {
|
|
6
|
-
rowCount: { control: { type: "number", min: 1, max: 20 } },
|
|
7
|
-
columnCount: { control: { type: "number", min: 1, max: 10 } },
|
|
8
|
-
showHeader: { control: "boolean" },
|
|
9
|
-
showToolbar: { control: "boolean" },
|
|
10
|
-
size: { control: "inline-radio", options: ["xs", "sm", "md", "lg", "xl"] },
|
|
11
|
-
zebra: { control: "boolean" },
|
|
12
|
-
},
|
|
13
|
-
args: {
|
|
14
|
-
rowCount: 5,
|
|
15
|
-
columnCount: 4,
|
|
16
|
-
showHeader: true,
|
|
17
|
-
showToolbar: false,
|
|
18
|
-
size: "md",
|
|
19
|
-
zebra: false,
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
export default meta;
|
|
23
|
-
export const Default = {};
|
|
24
|
-
export const WithToolbar = { args: { showToolbar: true } };
|
|
25
|
-
export const Compact = { args: { size: "sm", rowCount: 8 } };
|
|
26
|
-
export const Zebra = { args: { zebra: true, rowCount: 6 } };
|
|
27
|
-
export const NamedHeaders = {
|
|
28
|
-
args: {
|
|
29
|
-
headers: [
|
|
30
|
-
{ header: "Name" },
|
|
31
|
-
{ header: "Plan" },
|
|
32
|
-
{ header: "Members" },
|
|
33
|
-
{ header: "Status" },
|
|
34
|
-
],
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=data-table-skeleton.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-table-skeleton.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/data-table-skeleton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QAC1D,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QAC7D,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAClC,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAC1E,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAC9B;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;QAClB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC;AAClE,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;AACpE,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;AACnE,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,MAAM,EAAE,MAAM,EAAE;YAClB,EAAE,MAAM,EAAE,MAAM,EAAE;YAClB,EAAE,MAAM,EAAE,SAAS,EAAE;YACrB,EAAE,MAAM,EAAE,QAAQ,EAAE;SACrB;KACF;CACF,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DataTable } from "../data-table";
|
|
3
|
-
declare const meta: Meta<typeof DataTable>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof DataTable>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Sortable: Story;
|
|
8
|
-
export declare const WithTitle: Story;
|
|
9
|
-
export declare const WithRowSelection: Story;
|
|
10
|
-
export declare const WithExpansion: Story;
|
|
11
|
-
export declare const WithRowActions: Story;
|
|
12
|
-
export declare const Loading: Story;
|
|
13
|
-
export declare const Empty: Story;
|
|
14
|
-
export declare const Zebra: Story;
|
|
15
|
-
export declare const SmallSize: Story;
|
|
16
|
-
//# sourceMappingURL=data-table.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-table.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/data-table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAC;AAqE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { DataTable } from "../data-table";
|
|
3
|
-
const ROWS = [
|
|
4
|
-
{
|
|
5
|
-
id: "p1",
|
|
6
|
-
name: "Order fulfilment",
|
|
7
|
-
type: "BPMN",
|
|
8
|
-
version: "v3.2",
|
|
9
|
-
status: "active",
|
|
10
|
-
instances: 142,
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
id: "p2",
|
|
14
|
-
name: "Invoice approval",
|
|
15
|
-
type: "BPMN",
|
|
16
|
-
version: "v1.0",
|
|
17
|
-
status: "active",
|
|
18
|
-
instances: 38,
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
id: "p3",
|
|
22
|
-
name: "Credit scoring",
|
|
23
|
-
type: "DMN",
|
|
24
|
-
version: "v2.1",
|
|
25
|
-
status: "draft",
|
|
26
|
-
instances: 0,
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
id: "p4",
|
|
30
|
-
name: "Employee onboarding",
|
|
31
|
-
type: "BPMN",
|
|
32
|
-
version: "v4.0",
|
|
33
|
-
status: "active",
|
|
34
|
-
instances: 9,
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
id: "p5",
|
|
38
|
-
name: "Leave request",
|
|
39
|
-
type: "BPMN",
|
|
40
|
-
version: "v1.3",
|
|
41
|
-
status: "archived",
|
|
42
|
-
instances: 0,
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
id: "p6",
|
|
46
|
-
name: "Discount policy",
|
|
47
|
-
type: "DMN",
|
|
48
|
-
version: "v2.0",
|
|
49
|
-
status: "active",
|
|
50
|
-
instances: 220,
|
|
51
|
-
},
|
|
52
|
-
];
|
|
53
|
-
const HEADERS = [
|
|
54
|
-
{ key: "name", header: "Process name" },
|
|
55
|
-
{ key: "type", header: "Type" },
|
|
56
|
-
{ key: "version", header: "Version" },
|
|
57
|
-
{ key: "status", header: "Status" },
|
|
58
|
-
{ key: "instances", header: "Instances" },
|
|
59
|
-
];
|
|
60
|
-
const meta = {
|
|
61
|
-
title: "Carbon Compat/DataTable",
|
|
62
|
-
component: DataTable,
|
|
63
|
-
parameters: { layout: "padded" },
|
|
64
|
-
};
|
|
65
|
-
export default meta;
|
|
66
|
-
export const Default = {
|
|
67
|
-
render: () => _jsx(DataTable, { rows: ROWS, headers: HEADERS }),
|
|
68
|
-
};
|
|
69
|
-
export const Sortable = {
|
|
70
|
-
render: () => _jsx(DataTable, { rows: ROWS, headers: HEADERS, isSortable: true }),
|
|
71
|
-
};
|
|
72
|
-
export const WithTitle = {
|
|
73
|
-
render: () => (_jsx(DataTable, { rows: ROWS, headers: HEADERS, title: "Process definitions", description: "All deployed processes in this cluster.", isSortable: true, pagination: true })),
|
|
74
|
-
};
|
|
75
|
-
export const WithRowSelection = {
|
|
76
|
-
render: () => (_jsx(DataTable, { rows: ROWS, headers: HEADERS, rowSelection: true, isSortable: true })),
|
|
77
|
-
};
|
|
78
|
-
export const WithExpansion = {
|
|
79
|
-
render: () => (_jsx(DataTable, { rows: ROWS, headers: HEADERS, expansion: (row) => (_jsxs("div", { className: "text-muted-foreground px-4 text-sm", children: ["Process ID: ", _jsx("strong", { children: row.id }), " \u2014 ", row.instances, " running instances"] })) })),
|
|
80
|
-
};
|
|
81
|
-
export const WithRowActions = {
|
|
82
|
-
render: () => (_jsx(DataTable, { rows: ROWS, headers: HEADERS, rowActions: [
|
|
83
|
-
{ label: "Deploy", onClick: (r) => alert(`Deploy ${r.name}`) },
|
|
84
|
-
{
|
|
85
|
-
label: "Delete",
|
|
86
|
-
variant: "destructive",
|
|
87
|
-
onClick: (r) => alert(`Delete ${r.name}`),
|
|
88
|
-
},
|
|
89
|
-
] })),
|
|
90
|
-
};
|
|
91
|
-
export const Loading = {
|
|
92
|
-
render: () => _jsx(DataTable, { rows: [], headers: HEADERS, loading: true }),
|
|
93
|
-
};
|
|
94
|
-
export const Empty = {
|
|
95
|
-
render: () => (_jsx(DataTable, { rows: [], headers: HEADERS, emptyState: _jsxs("span", { children: ["No processes found.", " ", _jsx("a", { href: "#", className: "underline", children: "Deploy one" }), "."] }) })),
|
|
96
|
-
};
|
|
97
|
-
export const Zebra = {
|
|
98
|
-
render: () => _jsx(DataTable, { rows: ROWS, headers: HEADERS, zebra: true, isSortable: true }),
|
|
99
|
-
};
|
|
100
|
-
export const SmallSize = {
|
|
101
|
-
render: () => _jsx(DataTable, { rows: ROWS, headers: HEADERS, size: "sm" }),
|
|
102
|
-
};
|
|
103
|
-
//# sourceMappingURL=data-table.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-table.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/data-table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/dropdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAS5D,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,QAAQ,EAAE,KAWtB,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Dropdown } from "../dropdown";
|
|
4
|
-
const ITEMS = [
|
|
5
|
-
{ id: "draft", label: "Draft" },
|
|
6
|
-
{ id: "active", label: "Active" },
|
|
7
|
-
{ id: "inactive", label: "Inactive" },
|
|
8
|
-
];
|
|
9
|
-
const meta = {
|
|
10
|
-
title: "Carbon Compat/Dropdown",
|
|
11
|
-
component: Dropdown,
|
|
12
|
-
};
|
|
13
|
-
export default meta;
|
|
14
|
-
export const Default = {
|
|
15
|
-
render: () => {
|
|
16
|
-
const [selected, setSelected] = React.useState(null);
|
|
17
|
-
return (_jsx(Dropdown, { id: "dropdown-demo", titleText: "Status", label: "Select status\u2026", items: ITEMS, selectedItem: selected, onChange: ({ selectedItem }) => setSelected(selectedItem) }));
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
export const Disabled = {
|
|
21
|
-
render: () => (_jsx(Dropdown, { id: "dropdown-disabled", titleText: "Status", label: "Select status\u2026", items: ITEMS, disabled: true, onChange: () => undefined })),
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=dropdown.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/dropdown.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACjC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;CACtC,CAAC;AAEF,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;CACpB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE5C,IAAI,CAAC,CAAC;QACR,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAC,eAAe,EAClB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,qBAAgB,EACtB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,GACzD,CACH,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,QAAQ,IACP,EAAE,EAAC,mBAAmB,EACtB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,qBAAgB,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,GACzB,CACH;CACF,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { IconButton } from "../icon-button";
|
|
3
|
-
declare const meta: Meta<typeof IconButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof IconButton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Kinds: Story;
|
|
8
|
-
export declare const Disabled: Story;
|
|
9
|
-
//# sourceMappingURL=icon-button.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/icon-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcjC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Trash2, Plus, Settings } from "lucide-react";
|
|
3
|
-
import { IconButton } from "../icon-button";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Carbon Compat/IconButton",
|
|
6
|
-
component: IconButton,
|
|
7
|
-
argTypes: {
|
|
8
|
-
kind: {
|
|
9
|
-
control: "inline-radio",
|
|
10
|
-
options: ["primary", "secondary", "tertiary", "ghost"],
|
|
11
|
-
},
|
|
12
|
-
disabled: { control: "boolean" },
|
|
13
|
-
},
|
|
14
|
-
args: {
|
|
15
|
-
label: "Delete",
|
|
16
|
-
kind: "ghost",
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export default meta;
|
|
20
|
-
export const Default = {
|
|
21
|
-
args: { children: _jsx(Trash2, {}) },
|
|
22
|
-
};
|
|
23
|
-
export const Kinds = {
|
|
24
|
-
render: () => (_jsxs("div", { className: "flex gap-2", children: [_jsx(IconButton, { kind: "primary", label: "Add", children: _jsx(Plus, {}) }), _jsx(IconButton, { kind: "secondary", label: "Settings", children: _jsx(Settings, {}) }), _jsx(IconButton, { kind: "tertiary", label: "Delete", children: _jsx(Trash2, {}) }), _jsx(IconButton, { kind: "ghost", label: "Delete", children: _jsx(Trash2, {}) })] })),
|
|
25
|
-
};
|
|
26
|
-
export const Disabled = {
|
|
27
|
-
args: { disabled: true, children: _jsx(Trash2, {}) },
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=icon-button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/icon-button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC;SACvD;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAC,MAAM,KAAG,EAAE;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,KAAK,YACpC,KAAC,IAAI,KAAG,GACG,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,UAAU,YAC3C,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,YACxC,KAAC,MAAM,KAAG,GACC,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,YACrC,KAAC,MAAM,KAAG,GACC,IACT,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAC,MAAM,KAAG,EAAE;CAC/C,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Link } from "../link";
|
|
3
|
-
declare const meta: Meta<typeof Link>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Link>;
|
|
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 WithIcon: Story;
|
|
11
|
-
//# sourceMappingURL=link.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAY3B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,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,QAAQ,EAAE,KAEtB,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ExternalLink } from "lucide-react";
|
|
2
|
-
import { Link } from "../link";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/Link",
|
|
5
|
-
component: Link,
|
|
6
|
-
argTypes: {
|
|
7
|
-
size: { control: "inline-radio", options: ["sm", "md", "lg"] },
|
|
8
|
-
disabled: { control: "boolean" },
|
|
9
|
-
},
|
|
10
|
-
args: {
|
|
11
|
-
href: "#",
|
|
12
|
-
children: "View documentation",
|
|
13
|
-
size: "md",
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
export const Default = {};
|
|
18
|
-
export const Small = { args: { size: "sm" } };
|
|
19
|
-
export const Large = { args: { size: "lg" } };
|
|
20
|
-
export const Disabled = { args: { disabled: true } };
|
|
21
|
-
export const WithIcon = {
|
|
22
|
-
args: { renderIcon: ExternalLink, children: "Open Camunda docs" },
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=link.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/link.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,IAAI;IACf,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,IAAI,EAAE,GAAG;QACT,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE,IAAI;KACX;CACF,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,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,EAAE;CAClE,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Loading } from "../loading";
|
|
3
|
-
declare const meta: Meta<typeof Loading>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Loading>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Small: Story;
|
|
8
|
-
export declare const Inactive: Story;
|
|
9
|
-
//# sourceMappingURL=loading.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loading.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAe9B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAAiC,CAAC;AACtD,eAAO,MAAM,QAAQ,EAAE,KAAmC,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Loading } from "../loading";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Carbon Compat/Loading",
|
|
4
|
-
component: Loading,
|
|
5
|
-
argTypes: {
|
|
6
|
-
active: { control: "boolean" },
|
|
7
|
-
small: { control: "boolean" },
|
|
8
|
-
withOverlay: { control: "boolean" },
|
|
9
|
-
description: { control: "text" },
|
|
10
|
-
},
|
|
11
|
-
args: {
|
|
12
|
-
active: true,
|
|
13
|
-
small: false,
|
|
14
|
-
withOverlay: false,
|
|
15
|
-
description: "Loading",
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export default meta;
|
|
19
|
-
export const Default = {};
|
|
20
|
-
export const Small = { args: { small: true } };
|
|
21
|
-
export const Inactive = { args: { active: false } };
|
|
22
|
-
//# sourceMappingURL=loading.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loading.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/loading.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7B,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,SAAS;KACvB;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;AACtD,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { MenuButton } from "../menu-button";
|
|
3
|
-
declare const meta: Meta<typeof MenuButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MenuButton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Ghost: Story;
|
|
8
|
-
//# sourceMappingURL=menu-button.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/menu-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAY,MAAM,gBAAgB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAWjC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MenuButton, MenuItem } from "../menu-button";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/MenuButton",
|
|
5
|
-
component: MenuButton,
|
|
6
|
-
argTypes: {
|
|
7
|
-
kind: {
|
|
8
|
-
control: "inline-radio",
|
|
9
|
-
options: ["primary", "tertiary", "ghost"],
|
|
10
|
-
},
|
|
11
|
-
disabled: { control: "boolean" },
|
|
12
|
-
},
|
|
13
|
-
args: { label: "Actions", kind: "primary" },
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
export const Default = {
|
|
17
|
-
render: (args) => (_jsxs(MenuButton, { ...args, children: [_jsx(MenuItem, { label: "Edit" }), _jsx(MenuItem, { label: "Duplicate" }), _jsx(MenuItem, { label: "Delete", kind: "danger" })] })),
|
|
18
|
-
};
|
|
19
|
-
export const Ghost = {
|
|
20
|
-
render: () => (_jsxs(MenuButton, { kind: "ghost", label: "More actions", children: [_jsx(MenuItem, { label: "Export" }), _jsx(MenuItem, { label: "Archive" })] })),
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=menu-button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/menu-button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;SAC1C;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CAC5C,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,UAAU,OAAK,IAAI,aAClB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,GAAG,EACzB,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAG,EAC9B,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG,IAC9B,CACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,cAAc,aAC3C,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC3B,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG,IACjB,CACd;CACF,CAAC"}
|
|
@@ -1,8 +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 Danger: Story;
|
|
7
|
-
export declare const Passive: Story;
|
|
8
|
-
//# sourceMappingURL=modal.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Modal } from "../modal";
|
|
4
|
-
import { Button } from "../button";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Carbon Compat/Modal",
|
|
7
|
-
component: Modal,
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
export const Default = {
|
|
11
|
-
render: () => {
|
|
12
|
-
const [open, setOpen] = React.useState(false);
|
|
13
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "primary", onClick: () => setOpen(true), children: "Open modal" }), _jsx(Modal, { open: open, modalHeading: "Delete process", modalLabel: "Confirmation", primaryButtonText: "Delete", secondaryButtonText: "Cancel", onRequestClose: () => setOpen(false), onRequestSubmit: () => setOpen(false), onSecondarySubmit: () => setOpen(false), children: "This process will be permanently deleted. This action cannot be undone." })] }));
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export const Danger = {
|
|
17
|
-
render: () => {
|
|
18
|
-
const [open, setOpen] = React.useState(false);
|
|
19
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "danger", onClick: () => setOpen(true), children: "Delete process" }), _jsx(Modal, { open: open, danger: true, modalHeading: "Delete process", primaryButtonText: "Delete", secondaryButtonText: "Cancel", onRequestClose: () => setOpen(false), onRequestSubmit: () => setOpen(false), children: "This process will be permanently deleted. This action cannot be undone." })] }));
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
export const Passive = {
|
|
23
|
-
render: () => {
|
|
24
|
-
const [open, setOpen] = React.useState(false);
|
|
25
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "secondary", onClick: () => setOpen(true), children: "Open info modal" }), _jsx(Modal, { open: open, passiveModal: true, modalHeading: "About this feature", onRequestClose: () => setOpen(false), children: "This feature lets you model BPMN processes visually and deploy them directly to Zeebe." })] }));
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=modal.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/modal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;CACjB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,2BAE1C,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAC,cAAc,EACzB,iBAAiB,EAAC,QAAQ,EAC1B,mBAAmB,EAAC,QAAQ,EAC5B,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACrC,iBAAiB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,wFAIjC,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,+BAEzC,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,MAAM,QACN,YAAY,EAAC,gBAAgB,EAC7B,iBAAiB,EAAC,QAAQ,EAC1B,mBAAmB,EAAC,QAAQ,EAC5B,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,wFAI/B,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gCAE5C,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,YAAY,QACZ,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,uGAI9B,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-menu.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/overflow-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
|