@plus-experience/design-system-carbon 0.2.2
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/DESIGN_SYSTEM.md +62 -0
- package/VIBECODING.md +70 -0
- package/app/carbon.scss +2 -0
- package/app/globals.css +152 -0
- package/bin/setup.js +271 -0
- package/dist/chunk-OELI3IRW.mjs +30 -0
- package/dist/chunk-PWVNM57C.mjs +8 -0
- package/dist/components/ui/accordion.d.mts +13 -0
- package/dist/components/ui/accordion.mjs +27 -0
- package/dist/components/ui/alert.d.mts +17 -0
- package/dist/components/ui/alert.mjs +37 -0
- package/dist/components/ui/badge.d.mts +8 -0
- package/dist/components/ui/badge.mjs +17 -0
- package/dist/components/ui/breadcrumb.d.mts +13 -0
- package/dist/components/ui/breadcrumb.mjs +27 -0
- package/dist/components/ui/button.d.mts +9 -0
- package/dist/components/ui/button.mjs +21 -0
- package/dist/components/ui/card.d.mts +16 -0
- package/dist/components/ui/card.mjs +42 -0
- package/dist/components/ui/checkbox.d.mts +9 -0
- package/dist/components/ui/checkbox.mjs +19 -0
- package/dist/components/ui/code-snippet.d.mts +9 -0
- package/dist/components/ui/code-snippet.mjs +17 -0
- package/dist/components/ui/date-picker.d.mts +13 -0
- package/dist/components/ui/date-picker.mjs +29 -0
- package/dist/components/ui/dialog.d.mts +22 -0
- package/dist/components/ui/dialog.mjs +48 -0
- package/dist/components/ui/dropdown-menu.d.mts +13 -0
- package/dist/components/ui/dropdown-menu.mjs +27 -0
- package/dist/components/ui/grid.d.mts +1 -0
- package/dist/components/ui/grid.mjs +2 -0
- package/dist/components/ui/input.d.mts +9 -0
- package/dist/components/ui/input.mjs +19 -0
- package/dist/components/ui/label.d.mts +5 -0
- package/dist/components/ui/label.mjs +23 -0
- package/dist/components/ui/loading.d.mts +13 -0
- package/dist/components/ui/loading.mjs +27 -0
- package/dist/components/ui/number-input.d.mts +9 -0
- package/dist/components/ui/number-input.mjs +19 -0
- package/dist/components/ui/pagination.d.mts +22 -0
- package/dist/components/ui/pagination.mjs +27 -0
- package/dist/components/ui/popover.d.mts +13 -0
- package/dist/components/ui/popover.mjs +27 -0
- package/dist/components/ui/progress.d.mts +10 -0
- package/dist/components/ui/progress.mjs +18 -0
- package/dist/components/ui/radio-group.d.mts +13 -0
- package/dist/components/ui/radio-group.mjs +29 -0
- package/dist/components/ui/search.d.mts +9 -0
- package/dist/components/ui/search.mjs +19 -0
- package/dist/components/ui/select.d.mts +13 -0
- package/dist/components/ui/select.mjs +22 -0
- package/dist/components/ui/separator.d.mts +7 -0
- package/dist/components/ui/separator.mjs +28 -0
- package/dist/components/ui/skeleton.d.mts +14 -0
- package/dist/components/ui/skeleton.mjs +28 -0
- package/dist/components/ui/slider.d.mts +9 -0
- package/dist/components/ui/slider.mjs +19 -0
- package/dist/components/ui/structured-list.d.mts +1 -0
- package/dist/components/ui/structured-list.mjs +2 -0
- package/dist/components/ui/switch.d.mts +9 -0
- package/dist/components/ui/switch.mjs +19 -0
- package/dist/components/ui/table.d.mts +1 -0
- package/dist/components/ui/table.mjs +2 -0
- package/dist/components/ui/tabs.d.mts +1 -0
- package/dist/components/ui/tabs.mjs +2 -0
- package/dist/components/ui/textarea.d.mts +9 -0
- package/dist/components/ui/textarea.mjs +19 -0
- package/dist/components/ui/tooltip.d.mts +14 -0
- package/dist/components/ui/tooltip.mjs +28 -0
- package/dist/design-system-carbon.css +2 -0
- package/dist/hooks/use-mobile.d.mts +3 -0
- package/dist/hooks/use-mobile.mjs +19 -0
- package/dist/lib/utils.d.mts +5 -0
- package/dist/lib/utils.mjs +2 -0
- package/package.json +67 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { InlineNotification, ToastNotification, ActionableNotification } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function Alert(_a) {
|
|
7
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
InlineNotification,
|
|
10
|
+
__spreadValues({
|
|
11
|
+
"data-slot": "alert",
|
|
12
|
+
className: cn(className)
|
|
13
|
+
}, props)
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
function Toast(_a) {
|
|
17
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
18
|
+
return /* @__PURE__ */ React.createElement(
|
|
19
|
+
ToastNotification,
|
|
20
|
+
__spreadValues({
|
|
21
|
+
"data-slot": "toast",
|
|
22
|
+
className: cn(className)
|
|
23
|
+
}, props)
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
function ActionableAlert(_a) {
|
|
27
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
28
|
+
return /* @__PURE__ */ React.createElement(
|
|
29
|
+
ActionableNotification,
|
|
30
|
+
__spreadValues({
|
|
31
|
+
"data-slot": "actionable-alert",
|
|
32
|
+
className: cn(className)
|
|
33
|
+
}, props)
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { ActionableAlert, Alert, Toast };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TagBaseProps } from '@carbon/react/es/components/Tag/Tag';
|
|
3
|
+
|
|
4
|
+
interface BadgeProps extends TagBaseProps {
|
|
5
|
+
}
|
|
6
|
+
declare function Badge({ className, ...props }: BadgeProps): React.JSX.Element;
|
|
7
|
+
|
|
8
|
+
export { Badge, type BadgeProps };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Tag } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function Badge(_a) {
|
|
7
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
Tag,
|
|
10
|
+
__spreadValues({
|
|
11
|
+
"data-slot": "badge",
|
|
12
|
+
className: cn(className)
|
|
13
|
+
}, props)
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { Badge };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1 } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonBreadcrumbProps = React.ComponentProps<typeof Breadcrumb$1>;
|
|
5
|
+
type CarbonBreadcrumbItemProps = React.ComponentProps<typeof BreadcrumbItem$1>;
|
|
6
|
+
interface BreadcrumbProps extends CarbonBreadcrumbProps {
|
|
7
|
+
}
|
|
8
|
+
interface BreadcrumbItemProps extends CarbonBreadcrumbItemProps {
|
|
9
|
+
}
|
|
10
|
+
declare function Breadcrumb({ className, ...props }: BreadcrumbProps): React.JSX.Element;
|
|
11
|
+
declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): React.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1 } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function Breadcrumb(_a) {
|
|
7
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
Breadcrumb$1,
|
|
10
|
+
__spreadValues({
|
|
11
|
+
"data-slot": "breadcrumb",
|
|
12
|
+
className: cn(className)
|
|
13
|
+
}, props)
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
function BreadcrumbItem(_a) {
|
|
17
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
18
|
+
return /* @__PURE__ */ React.createElement(
|
|
19
|
+
BreadcrumbItem$1,
|
|
20
|
+
__spreadValues({
|
|
21
|
+
"data-slot": "breadcrumb-item",
|
|
22
|
+
className: cn(className)
|
|
23
|
+
}, props)
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { Breadcrumb, BreadcrumbItem };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Button as Button$1 } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonButtonProps = React.ComponentProps<typeof Button$1>;
|
|
5
|
+
interface ButtonProps extends CarbonButtonProps {
|
|
6
|
+
}
|
|
7
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
|
|
9
|
+
export { Button, type ButtonProps };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Button as Button$1 } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
var Button = React.forwardRef(
|
|
7
|
+
(_a, ref) => {
|
|
8
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
9
|
+
return /* @__PURE__ */ React.createElement(
|
|
10
|
+
Button$1,
|
|
11
|
+
__spreadValues({
|
|
12
|
+
ref,
|
|
13
|
+
"data-slot": "button",
|
|
14
|
+
className: cn(className)
|
|
15
|
+
}, props)
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
Button.displayName = "Button";
|
|
20
|
+
|
|
21
|
+
export { Button };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Tile } from '@carbon/react';
|
|
3
|
+
export { ClickableTile, ExpandableTile, SelectableTile, TileAboveTheFoldContent, TileBelowTheFoldContent } from '@carbon/react';
|
|
4
|
+
|
|
5
|
+
type CarbonTileProps = React.ComponentProps<typeof Tile>;
|
|
6
|
+
interface CardProps extends CarbonTileProps {
|
|
7
|
+
}
|
|
8
|
+
declare function Card({ className, ...props }: CardProps): React.JSX.Element;
|
|
9
|
+
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
10
|
+
declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
11
|
+
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
12
|
+
declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
13
|
+
declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
14
|
+
declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle };
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Tile } from '@carbon/react';
|
|
5
|
+
export { ClickableTile, ExpandableTile, SelectableTile, TileAboveTheFoldContent, TileBelowTheFoldContent } from '@carbon/react';
|
|
6
|
+
|
|
7
|
+
function Card(_a) {
|
|
8
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
9
|
+
return /* @__PURE__ */ React.createElement(
|
|
10
|
+
Tile,
|
|
11
|
+
__spreadValues({
|
|
12
|
+
"data-slot": "card",
|
|
13
|
+
className: cn(className)
|
|
14
|
+
}, props)
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
function CardHeader(_a) {
|
|
18
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
19
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "card-header", className: cn("grid auto-rows-min items-start gap-1", className) }, props));
|
|
20
|
+
}
|
|
21
|
+
function CardTitle(_a) {
|
|
22
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
23
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "card-title", className: cn("text-base leading-snug font-medium", className) }, props));
|
|
24
|
+
}
|
|
25
|
+
function CardDescription(_a) {
|
|
26
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
27
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className) }, props));
|
|
28
|
+
}
|
|
29
|
+
function CardAction(_a) {
|
|
30
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
31
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className) }, props));
|
|
32
|
+
}
|
|
33
|
+
function CardContent(_a) {
|
|
34
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
35
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "card-content", className: cn(className) }, props));
|
|
36
|
+
}
|
|
37
|
+
function CardFooter(_a) {
|
|
38
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
39
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "card-footer", className: cn("flex items-center pt-4", className) }, props));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Checkbox as Checkbox$1 } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonCheckboxProps = React.ComponentProps<typeof Checkbox$1>;
|
|
5
|
+
interface CheckboxProps extends CarbonCheckboxProps {
|
|
6
|
+
}
|
|
7
|
+
declare function Checkbox({ className, id, ...props }: CheckboxProps): React.JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { Checkbox, type CheckboxProps };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Checkbox as Checkbox$1 } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function Checkbox(_a) {
|
|
7
|
+
var _b = _a, { className, id } = _b, props = __objRest(_b, ["className", "id"]);
|
|
8
|
+
const autoId = React.useId();
|
|
9
|
+
return /* @__PURE__ */ React.createElement(
|
|
10
|
+
Checkbox$1,
|
|
11
|
+
__spreadValues({
|
|
12
|
+
"data-slot": "checkbox",
|
|
13
|
+
id: id != null ? id : autoId,
|
|
14
|
+
className: cn(className)
|
|
15
|
+
}, props)
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { Checkbox };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CodeSnippet as CodeSnippet$1 } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonCodeSnippetProps = React.ComponentProps<typeof CodeSnippet$1>;
|
|
5
|
+
interface CodeSnippetProps extends CarbonCodeSnippetProps {
|
|
6
|
+
}
|
|
7
|
+
declare function CodeSnippet({ className, ...props }: CodeSnippetProps): React.JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { CodeSnippet, type CodeSnippetProps };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { CodeSnippet as CodeSnippet$1 } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function CodeSnippet(_a) {
|
|
7
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
CodeSnippet$1,
|
|
10
|
+
__spreadValues({
|
|
11
|
+
"data-slot": "code-snippet",
|
|
12
|
+
className: cn(className)
|
|
13
|
+
}, props)
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { CodeSnippet };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DatePicker as DatePicker$1, DatePickerInput as DatePickerInput$1 } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonDatePickerProps = React.ComponentProps<typeof DatePicker$1>;
|
|
5
|
+
type CarbonDatePickerInputProps = React.ComponentProps<typeof DatePickerInput$1>;
|
|
6
|
+
interface DatePickerProps extends CarbonDatePickerProps {
|
|
7
|
+
}
|
|
8
|
+
interface DatePickerInputProps extends CarbonDatePickerInputProps {
|
|
9
|
+
}
|
|
10
|
+
declare function DatePicker({ className, ...props }: DatePickerProps): React.JSX.Element;
|
|
11
|
+
declare function DatePickerInput({ className, id, ...props }: DatePickerInputProps): React.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { DatePicker as DatePicker$1, DatePickerInput as DatePickerInput$1 } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function DatePicker(_a) {
|
|
7
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
DatePicker$1,
|
|
10
|
+
__spreadValues({
|
|
11
|
+
"data-slot": "date-picker",
|
|
12
|
+
className: cn(className)
|
|
13
|
+
}, props)
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
function DatePickerInput(_a) {
|
|
17
|
+
var _b = _a, { className, id } = _b, props = __objRest(_b, ["className", "id"]);
|
|
18
|
+
const autoId = React.useId();
|
|
19
|
+
return /* @__PURE__ */ React.createElement(
|
|
20
|
+
DatePickerInput$1,
|
|
21
|
+
__spreadValues({
|
|
22
|
+
"data-slot": "date-picker-input",
|
|
23
|
+
id: id != null ? id : autoId,
|
|
24
|
+
className: cn(className)
|
|
25
|
+
}, props)
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export { DatePicker, DatePickerInput };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ComposedModal, ModalBody, ModalFooter, ModalHeader } from '@carbon/react';
|
|
3
|
+
export { Modal } from '@carbon/react';
|
|
4
|
+
|
|
5
|
+
type CarbonComposedModalProps = React.ComponentProps<typeof ComposedModal>;
|
|
6
|
+
type CarbonModalHeaderProps = React.ComponentProps<typeof ModalHeader>;
|
|
7
|
+
type CarbonModalBodyProps = React.ComponentProps<typeof ModalBody>;
|
|
8
|
+
type CarbonModalFooterProps = React.ComponentProps<typeof ModalFooter>;
|
|
9
|
+
interface DialogProps extends CarbonComposedModalProps {
|
|
10
|
+
}
|
|
11
|
+
interface DialogHeaderProps extends CarbonModalHeaderProps {
|
|
12
|
+
}
|
|
13
|
+
interface DialogContentProps extends CarbonModalBodyProps {
|
|
14
|
+
}
|
|
15
|
+
interface DialogFooterProps extends CarbonModalFooterProps {
|
|
16
|
+
}
|
|
17
|
+
declare function Dialog({ className, ...props }: DialogProps): React.JSX.Element;
|
|
18
|
+
declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
|
|
19
|
+
declare function DialogContent({ className, ...props }: DialogContentProps): React.JSX.Element;
|
|
20
|
+
declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
|
|
21
|
+
|
|
22
|
+
export { Dialog, DialogContent, type DialogContentProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { ComposedModal, ModalHeader, ModalBody, ModalFooter } from '@carbon/react';
|
|
5
|
+
export { Modal } from '@carbon/react';
|
|
6
|
+
|
|
7
|
+
function Dialog(_a) {
|
|
8
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
9
|
+
return /* @__PURE__ */ React.createElement(
|
|
10
|
+
ComposedModal,
|
|
11
|
+
__spreadValues({
|
|
12
|
+
"data-slot": "dialog",
|
|
13
|
+
className: cn(className)
|
|
14
|
+
}, props)
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
function DialogHeader(_a) {
|
|
18
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
19
|
+
return /* @__PURE__ */ React.createElement(
|
|
20
|
+
ModalHeader,
|
|
21
|
+
__spreadValues({
|
|
22
|
+
"data-slot": "dialog-header",
|
|
23
|
+
className: cn(className)
|
|
24
|
+
}, props)
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
function DialogContent(_a) {
|
|
28
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
29
|
+
return /* @__PURE__ */ React.createElement(
|
|
30
|
+
ModalBody,
|
|
31
|
+
__spreadValues({
|
|
32
|
+
"data-slot": "dialog-content",
|
|
33
|
+
className: cn(className)
|
|
34
|
+
}, props)
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
function DialogFooter(_a) {
|
|
38
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
39
|
+
return /* @__PURE__ */ React.createElement(
|
|
40
|
+
ModalFooter,
|
|
41
|
+
__spreadValues({
|
|
42
|
+
"data-slot": "dialog-footer",
|
|
43
|
+
className: cn(className)
|
|
44
|
+
}, props)
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
export { Dialog, DialogContent, DialogFooter, DialogHeader };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { OverflowMenu, OverflowMenuItem } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonOverflowMenuProps = React.ComponentProps<typeof OverflowMenu>;
|
|
5
|
+
type CarbonOverflowMenuItemProps = React.ComponentProps<typeof OverflowMenuItem>;
|
|
6
|
+
interface DropdownMenuProps extends CarbonOverflowMenuProps {
|
|
7
|
+
}
|
|
8
|
+
interface DropdownMenuItemProps extends CarbonOverflowMenuItemProps {
|
|
9
|
+
}
|
|
10
|
+
declare function DropdownMenu({ className, ...props }: DropdownMenuProps): React.JSX.Element;
|
|
11
|
+
declare function DropdownMenuItem({ className, ...props }: DropdownMenuItemProps): React.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { OverflowMenu, OverflowMenuItem } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function DropdownMenu(_a) {
|
|
7
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
OverflowMenu,
|
|
10
|
+
__spreadValues({
|
|
11
|
+
"data-slot": "dropdown-menu",
|
|
12
|
+
className: cn(className)
|
|
13
|
+
}, props)
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
function DropdownMenuItem(_a) {
|
|
17
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
18
|
+
return /* @__PURE__ */ React.createElement(
|
|
19
|
+
OverflowMenuItem,
|
|
20
|
+
__spreadValues({
|
|
21
|
+
"data-slot": "dropdown-menu-item",
|
|
22
|
+
className: cn(className)
|
|
23
|
+
}, props)
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { DropdownMenu, DropdownMenuItem };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Column, Grid, Column as GridColumn } from '@carbon/react';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TextInput } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonTextInputProps = React.ComponentProps<typeof TextInput>;
|
|
5
|
+
interface InputProps extends CarbonTextInputProps {
|
|
6
|
+
}
|
|
7
|
+
declare function Input({ className, id, ...props }: InputProps): React.JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { Input, type InputProps };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { TextInput } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function Input(_a) {
|
|
7
|
+
var _b = _a, { className, id } = _b, props = __objRest(_b, ["className", "id"]);
|
|
8
|
+
const autoId = React.useId();
|
|
9
|
+
return /* @__PURE__ */ React.createElement(
|
|
10
|
+
TextInput,
|
|
11
|
+
__spreadValues({
|
|
12
|
+
"data-slot": "input",
|
|
13
|
+
id: id != null ? id : autoId,
|
|
14
|
+
className: cn(className)
|
|
15
|
+
}, props)
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { Input };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
|
|
5
|
+
function Label(_a) {
|
|
6
|
+
var _b = _a, {
|
|
7
|
+
className
|
|
8
|
+
} = _b, props = __objRest(_b, [
|
|
9
|
+
"className"
|
|
10
|
+
]);
|
|
11
|
+
return /* @__PURE__ */ React.createElement(
|
|
12
|
+
"label",
|
|
13
|
+
__spreadValues({
|
|
14
|
+
"data-slot": "label",
|
|
15
|
+
className: cn(
|
|
16
|
+
"cds--label text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
|
|
17
|
+
className
|
|
18
|
+
)
|
|
19
|
+
}, props)
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { Label };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Loading as Loading$1, InlineLoading } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonLoadingProps = React.ComponentProps<typeof Loading$1>;
|
|
5
|
+
type CarbonInlineLoadingProps = React.ComponentProps<typeof InlineLoading>;
|
|
6
|
+
interface LoadingProps extends CarbonLoadingProps {
|
|
7
|
+
}
|
|
8
|
+
interface SpinnerProps extends CarbonInlineLoadingProps {
|
|
9
|
+
}
|
|
10
|
+
declare function Loading({ className, ...props }: LoadingProps): React.JSX.Element;
|
|
11
|
+
declare function Spinner({ className, ...props }: SpinnerProps): React.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Loading, type LoadingProps, Spinner, type SpinnerProps };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Loading as Loading$1, InlineLoading } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function Loading(_a) {
|
|
7
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
Loading$1,
|
|
10
|
+
__spreadValues({
|
|
11
|
+
"data-slot": "loading",
|
|
12
|
+
className: cn(className)
|
|
13
|
+
}, props)
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
function Spinner(_a) {
|
|
17
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
18
|
+
return /* @__PURE__ */ React.createElement(
|
|
19
|
+
InlineLoading,
|
|
20
|
+
__spreadValues({
|
|
21
|
+
"data-slot": "spinner",
|
|
22
|
+
className: cn(className)
|
|
23
|
+
}, props)
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { Loading, Spinner };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { NumberInput as NumberInput$1 } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonNumberInputProps = React.ComponentProps<typeof NumberInput$1>;
|
|
5
|
+
interface NumberInputProps extends CarbonNumberInputProps {
|
|
6
|
+
}
|
|
7
|
+
declare function NumberInput({ className, id, ...props }: NumberInputProps): React.JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { NumberInput, type NumberInputProps };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { NumberInput as NumberInput$1 } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function NumberInput(_a) {
|
|
7
|
+
var _b = _a, { className, id } = _b, props = __objRest(_b, ["className", "id"]);
|
|
8
|
+
const autoId = React.useId();
|
|
9
|
+
return /* @__PURE__ */ React.createElement(
|
|
10
|
+
NumberInput$1,
|
|
11
|
+
__spreadValues({
|
|
12
|
+
"data-slot": "number-input",
|
|
13
|
+
id: id != null ? id : autoId,
|
|
14
|
+
className: cn(className)
|
|
15
|
+
}, props)
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { NumberInput };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Pagination as Pagination$1, PaginationNav as PaginationNav$1 } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonPaginationProps = React.ComponentProps<typeof Pagination$1>;
|
|
5
|
+
type CarbonPaginationNavProps = React.ComponentProps<typeof PaginationNav$1>;
|
|
6
|
+
interface PaginationProps extends CarbonPaginationProps {
|
|
7
|
+
}
|
|
8
|
+
interface PaginationNavProps extends CarbonPaginationNavProps {
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Pagination (Table Bar)
|
|
12
|
+
* - Advanced: Items per page selector + page info + nav
|
|
13
|
+
* - Simple: Page info + nav only
|
|
14
|
+
*/
|
|
15
|
+
declare function Pagination({ className, ...props }: PaginationProps): React.JSX.Element;
|
|
16
|
+
/**
|
|
17
|
+
* PaginationNav (Page Number Navigation)
|
|
18
|
+
* - 1, 2, 3, 4, 5 ... 30 style pagination
|
|
19
|
+
*/
|
|
20
|
+
declare function PaginationNav({ className, ...props }: PaginationNavProps): React.JSX.Element;
|
|
21
|
+
|
|
22
|
+
export { Pagination, PaginationNav, type PaginationNavProps, type PaginationProps };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { cn } from '../../chunk-PWVNM57C.mjs';
|
|
2
|
+
import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Pagination as Pagination$1, PaginationNav as PaginationNav$1 } from '@carbon/react';
|
|
5
|
+
|
|
6
|
+
function Pagination(_a) {
|
|
7
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
Pagination$1,
|
|
10
|
+
__spreadValues({
|
|
11
|
+
"data-slot": "pagination",
|
|
12
|
+
className: cn(className)
|
|
13
|
+
}, props)
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
function PaginationNav(_a) {
|
|
17
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
18
|
+
return /* @__PURE__ */ React.createElement(
|
|
19
|
+
PaginationNav$1,
|
|
20
|
+
__spreadValues({
|
|
21
|
+
"data-slot": "pagination-nav",
|
|
22
|
+
className: cn(className)
|
|
23
|
+
}, props)
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { Pagination, PaginationNav };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Popover as Popover$1, PopoverContent as PopoverContent$1 } from '@carbon/react';
|
|
3
|
+
|
|
4
|
+
type CarbonPopoverProps = React.ComponentProps<typeof Popover$1>;
|
|
5
|
+
type CarbonPopoverContentProps = React.ComponentProps<typeof PopoverContent$1>;
|
|
6
|
+
interface PopoverProps extends CarbonPopoverProps {
|
|
7
|
+
}
|
|
8
|
+
interface PopoverContentProps extends CarbonPopoverContentProps {
|
|
9
|
+
}
|
|
10
|
+
declare function Popover({ className, ...props }: PopoverProps): React.JSX.Element;
|
|
11
|
+
declare function PopoverContent({ className, ...props }: PopoverContentProps): React.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Popover, PopoverContent, type PopoverContentProps, type PopoverProps };
|