@nimbus-ds/components 5.28.0 → 5.29.0-rc.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/CHANGELOG.md +6 -0
- package/dist/Accordion/index.js +1 -1
- package/dist/Alert/index.js +1 -1
- package/dist/Badge/index.js +1 -1
- package/dist/Button/index.js +1 -1
- package/dist/CHANGELOG.md +6 -0
- package/dist/Card/index.js +1 -1
- package/dist/Checkbox/index.js +1 -1
- package/dist/Chip/index.js +1 -1
- package/dist/FileUploader/index.js +1 -1
- package/dist/Icon/index.js +1 -1
- package/dist/IconButton/index.js +1 -1
- package/dist/Input/index.js +1 -1
- package/dist/Label/index.js +1 -1
- package/dist/Link/index.js +1 -1
- package/dist/List/index.js +1 -1
- package/dist/Modal/index.js +1 -1
- package/dist/MultiSelect/index.js +1 -1
- package/dist/Pagination/index.js +1 -1
- package/dist/ProgressBar/index.js +1 -1
- package/dist/Radio/index.js +1 -1
- package/dist/ScrollPane/index.js +1 -1
- package/dist/SegmentedControl/index.js +1 -1
- package/dist/Select/index.js +1 -1
- package/dist/Sidebar/index.js +1 -1
- package/dist/Stepper/index.js +1 -1
- package/dist/Tag/index.js +1 -1
- package/dist/Text/index.js +1 -1
- package/dist/Textarea/index.js +1 -1
- package/dist/Thumbnail/index.js +1 -1
- package/dist/Title/index.js +1 -1
- package/dist/Toast/index.js +1 -1
- package/dist/Toggle/index.js +1 -1
- package/dist/Tooltip/index.js +1 -1
- package/dist/index.d.ts +19 -7
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/Accordion/index.d.ts +0 -136
- package/dist/Alert/index.d.ts +0 -60
- package/dist/Badge/index.d.ts +0 -55
- package/dist/Box/index.d.ts +0 -779
- package/dist/Button/index.d.ts +0 -83
- package/dist/Card/index.d.ts +0 -153
- package/dist/Checkbox/index.d.ts +0 -62
- package/dist/Chip/index.d.ts +0 -59
- package/dist/Collapsible/index.d.ts +0 -45
- package/dist/Divider/index.d.ts +0 -30
- package/dist/FileUploader/index.d.ts +0 -98
- package/dist/Icon/index.d.ts +0 -120
- package/dist/IconButton/index.d.ts +0 -170
- package/dist/Input/index.d.ts +0 -76
- package/dist/Label/index.d.ts +0 -55
- package/dist/Link/index.d.ts +0 -115
- package/dist/List/index.d.ts +0 -75
- package/dist/Modal/index.d.ts +0 -232
- package/dist/MultiSelect/index.d.ts +0 -107
- package/dist/Pagination/index.d.ts +0 -41
- package/dist/Popover/index.d.ts +0 -165
- package/dist/ProgressBar/index.d.ts +0 -57
- package/dist/Radio/index.d.ts +0 -62
- package/dist/ScrollPane/index.d.ts +0 -893
- package/dist/SegmentedControl/index.d.ts +0 -879
- package/dist/Select/index.d.ts +0 -87
- package/dist/Sidebar/index.d.ts +0 -389
- package/dist/Skeleton/index.d.ts +0 -31
- package/dist/Spinner/index.d.ts +0 -53
- package/dist/Stepper/index.d.ts +0 -873
- package/dist/Table/index.d.ts +0 -123
- package/dist/Tabs/index.d.ts +0 -92
- package/dist/Tag/index.d.ts +0 -51
- package/dist/Text/index.d.ts +0 -495
- package/dist/Textarea/index.d.ts +0 -71
- package/dist/Thumbnail/index.d.ts +0 -73
- package/dist/Title/index.d.ts +0 -164
- package/dist/Toast/index.d.ts +0 -56
- package/dist/Toggle/index.d.ts +0 -48
- package/dist/Tooltip/index.d.ts +0 -46
- package/dist/components-props.json +0 -1
package/dist/Table/index.d.ts
DELETED
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
// Generated by dts-bundle-generator v7.2.0
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
5
|
-
|
|
6
|
-
export interface TableBodyProperties {
|
|
7
|
-
/**
|
|
8
|
-
* The content of the table body.
|
|
9
|
-
* @TJS-type React.ReactNode
|
|
10
|
-
*/
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
}
|
|
13
|
-
export type TableBodyProps = TableBodyProperties & HTMLAttributes<HTMLTableSectionElement>;
|
|
14
|
-
export declare const TableBody: React.FC<TableBodyProps>;
|
|
15
|
-
export interface Conditions<T> {
|
|
16
|
-
xs?: T;
|
|
17
|
-
md?: T;
|
|
18
|
-
lg?: T;
|
|
19
|
-
xl?: T;
|
|
20
|
-
}
|
|
21
|
-
declare const propertiesTable: {
|
|
22
|
-
backgroundColor: {
|
|
23
|
-
transparent: string;
|
|
24
|
-
"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
|
-
"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
-
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
-
"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
28
|
-
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
29
|
-
};
|
|
30
|
-
padding: {
|
|
31
|
-
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
|
-
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
33
|
-
none: string;
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
export type TablePaddingProperties = keyof typeof propertiesTable.padding;
|
|
37
|
-
export type TableRowBackgroundColorProperties = keyof typeof propertiesTable.backgroundColor;
|
|
38
|
-
export interface TableConditions<T> extends Conditions<T> {
|
|
39
|
-
rest?: T;
|
|
40
|
-
focus?: T;
|
|
41
|
-
active?: T;
|
|
42
|
-
hover?: T;
|
|
43
|
-
}
|
|
44
|
-
export interface TableSprinkle {
|
|
45
|
-
/**
|
|
46
|
-
* The width property specifies the width of a table's content area.
|
|
47
|
-
*/
|
|
48
|
-
width?: string | TableConditions<string>;
|
|
49
|
-
/**
|
|
50
|
-
* The maxWidth property specifies the maxWidth of a table's content area.
|
|
51
|
-
*/
|
|
52
|
-
maxWidth?: string | TableConditions<string>;
|
|
53
|
-
/**
|
|
54
|
-
* The minWidth property specifies the minWidth of a table's content area.
|
|
55
|
-
*/
|
|
56
|
-
minWidth?: string | TableConditions<string>;
|
|
57
|
-
/**
|
|
58
|
-
* The backgroundColor property sets the background color of the table.
|
|
59
|
-
*/
|
|
60
|
-
backgroundColor?: TableRowBackgroundColorProperties | TableConditions<TableRowBackgroundColorProperties>;
|
|
61
|
-
/**
|
|
62
|
-
* The padding properties are used to generate space around an table's content area.
|
|
63
|
-
*/
|
|
64
|
-
padding?: TablePaddingProperties | TableConditions<TablePaddingProperties>;
|
|
65
|
-
}
|
|
66
|
-
export interface TableCellProperties extends TableSprinkle {
|
|
67
|
-
/**
|
|
68
|
-
* The content of the table cell.
|
|
69
|
-
* @TJS-type React.ReactNode
|
|
70
|
-
*/
|
|
71
|
-
children: ReactNode;
|
|
72
|
-
/**
|
|
73
|
-
* Type of html tag to create for the table cell.
|
|
74
|
-
* @default td
|
|
75
|
-
*/
|
|
76
|
-
as?: "td" | "th";
|
|
77
|
-
}
|
|
78
|
-
export type TableCellProps = TableCellProperties & HTMLAttributes<HTMLTableCellElement>;
|
|
79
|
-
export declare const TableCell: React.FC<TableCellProps>;
|
|
80
|
-
export interface TableHeadProperties {
|
|
81
|
-
/**
|
|
82
|
-
* The content of the table head.
|
|
83
|
-
* @TJS-type React.ReactNode
|
|
84
|
-
*/
|
|
85
|
-
children: ReactNode;
|
|
86
|
-
}
|
|
87
|
-
export type TableHeadProps = TableHeadProperties & HTMLAttributes<HTMLTableSectionElement>;
|
|
88
|
-
export declare const TableHead: React.FC<TableHeadProps>;
|
|
89
|
-
export interface TableRowProperties extends TableSprinkle {
|
|
90
|
-
/**
|
|
91
|
-
* The content of the table row.
|
|
92
|
-
* @TJS-type React.ReactNode
|
|
93
|
-
*/
|
|
94
|
-
children: ReactNode;
|
|
95
|
-
/**
|
|
96
|
-
* The ID of the table row.
|
|
97
|
-
*/
|
|
98
|
-
id?: string;
|
|
99
|
-
/**
|
|
100
|
-
* Function to be passed when clicking on the table row.
|
|
101
|
-
* @TJS-type () => void;
|
|
102
|
-
*/
|
|
103
|
-
onClick?: () => void;
|
|
104
|
-
}
|
|
105
|
-
export type TableRowProps = TableRowProperties & HTMLAttributes<HTMLTableRowElement>;
|
|
106
|
-
export declare const TableRow: React.FC<TableRowProps>;
|
|
107
|
-
export interface TableComponents {
|
|
108
|
-
Body: typeof TableBody;
|
|
109
|
-
Cell: typeof TableCell;
|
|
110
|
-
Head: typeof TableHead;
|
|
111
|
-
Row: typeof TableRow;
|
|
112
|
-
}
|
|
113
|
-
export interface TableProperties {
|
|
114
|
-
/**
|
|
115
|
-
* The content of the table.
|
|
116
|
-
* @TJS-type React.ReactNode
|
|
117
|
-
*/
|
|
118
|
-
children: ReactNode;
|
|
119
|
-
}
|
|
120
|
-
export type TableProps = TableProperties & HTMLAttributes<HTMLTableElement>;
|
|
121
|
-
export declare const Table: React.FC<TableProps> & TableComponents;
|
|
122
|
-
|
|
123
|
-
export {};
|
package/dist/Tabs/index.d.ts
DELETED
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
// Generated by dts-bundle-generator v7.2.0
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { HTMLAttributes, ReactElement, ReactNode } from 'react';
|
|
5
|
-
|
|
6
|
-
export interface TabsButtonProperties {
|
|
7
|
-
/**
|
|
8
|
-
* Label of the tab button.
|
|
9
|
-
*/
|
|
10
|
-
label: string;
|
|
11
|
-
/**
|
|
12
|
-
* Content of the tab button.
|
|
13
|
-
*/
|
|
14
|
-
labelContent?: ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Determines if tab is active.
|
|
17
|
-
* @default false
|
|
18
|
-
*/
|
|
19
|
-
active?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Position of the tab inside the tab list.
|
|
22
|
-
*/
|
|
23
|
-
index: number;
|
|
24
|
-
/**
|
|
25
|
-
* Function executed when clicking the tab.
|
|
26
|
-
* @TJS-type (index: number) => void;
|
|
27
|
-
*/
|
|
28
|
-
setActiveTab: (index: number) => void;
|
|
29
|
-
/**
|
|
30
|
-
* Determines if tab spans all available width.
|
|
31
|
-
* @default false
|
|
32
|
-
*/
|
|
33
|
-
fullWidth?: boolean;
|
|
34
|
-
}
|
|
35
|
-
export type TabsButtonProps = TabsButtonProperties & HTMLAttributes<HTMLLIElement>;
|
|
36
|
-
export declare const TabsButton: React.FC<TabsButtonProps>;
|
|
37
|
-
export interface TabsItemProperties {
|
|
38
|
-
/**
|
|
39
|
-
* Label of the tabpanel. Used to pair with it's corresponding tab control.
|
|
40
|
-
*/
|
|
41
|
-
label: string;
|
|
42
|
-
/**
|
|
43
|
-
* Optional content of the tabpanel.
|
|
44
|
-
* @TJS-type ReactNode;
|
|
45
|
-
*/
|
|
46
|
-
labelContent?: ReactNode;
|
|
47
|
-
/**
|
|
48
|
-
* The content of the tabs item.
|
|
49
|
-
* @TJS-type ReactNode | ReactNode[];
|
|
50
|
-
*/
|
|
51
|
-
children: ReactNode | ReactNode[];
|
|
52
|
-
}
|
|
53
|
-
export type TabsItemProps = TabsItemProperties & HTMLAttributes<HTMLElement>;
|
|
54
|
-
export declare const TabsItem: React.FC<TabsItemProps>;
|
|
55
|
-
export interface TabsComponents {
|
|
56
|
-
Button: typeof TabsButton;
|
|
57
|
-
Item: typeof TabsItem;
|
|
58
|
-
}
|
|
59
|
-
export interface BaseTabsProperties {
|
|
60
|
-
/**
|
|
61
|
-
* The content of the tabs.
|
|
62
|
-
* @TJS-type ReactElement<TabsButtonProps>[];
|
|
63
|
-
*/
|
|
64
|
-
children: ReactElement<TabsButtonProps>[];
|
|
65
|
-
/**
|
|
66
|
-
* Sets the indicated tab as active by default. If unset, defaults to first tab.
|
|
67
|
-
*/
|
|
68
|
-
preSelectedTab?: number;
|
|
69
|
-
/**
|
|
70
|
-
* Determines if tabs should span available width.
|
|
71
|
-
* @default false
|
|
72
|
-
*/
|
|
73
|
-
fullWidth?: boolean;
|
|
74
|
-
}
|
|
75
|
-
export interface ControlledTabsProperties extends BaseTabsProperties {
|
|
76
|
-
/**
|
|
77
|
-
* The currently selected tab index.
|
|
78
|
-
*/
|
|
79
|
-
selected: number;
|
|
80
|
-
/**
|
|
81
|
-
* Callback fired when the selected tab changes.
|
|
82
|
-
*/
|
|
83
|
-
onTabSelect: (index: number) => void;
|
|
84
|
-
/**
|
|
85
|
-
* preSelectedTab is not used in controlled mode
|
|
86
|
-
*/
|
|
87
|
-
preSelectedTab?: never;
|
|
88
|
-
}
|
|
89
|
-
export type TabsProps = (BaseTabsProperties | ControlledTabsProperties) & Omit<HTMLAttributes<HTMLDivElement>, "children" | "onSelect">;
|
|
90
|
-
export declare const Tabs: React.FC<TabsProps> & TabsComponents;
|
|
91
|
-
|
|
92
|
-
export {};
|
package/dist/Tag/index.d.ts
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
// Generated by dts-bundle-generator v7.2.0
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
5
|
-
|
|
6
|
-
export interface SkeletonProperties {
|
|
7
|
-
/**
|
|
8
|
-
* Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
|
|
9
|
-
*/
|
|
10
|
-
width: string;
|
|
11
|
-
/**
|
|
12
|
-
* Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
|
|
13
|
-
*/
|
|
14
|
-
height: string;
|
|
15
|
-
/**
|
|
16
|
-
* The border radius of the skeleton.
|
|
17
|
-
*/
|
|
18
|
-
borderRadius?: string;
|
|
19
|
-
/**
|
|
20
|
-
* This is an attribute used to identify a DOM node for testing purposes.
|
|
21
|
-
*/
|
|
22
|
-
"data-testid"?: string;
|
|
23
|
-
}
|
|
24
|
-
export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
|
|
25
|
-
export type TagSkeletonProperties = Partial<Pick<SkeletonProps, "width">> & Partial<Pick<SkeletonProps, "height">> & {
|
|
26
|
-
/**
|
|
27
|
-
* This is an attribute used to identify a DOM node for testing purposes.
|
|
28
|
-
*/
|
|
29
|
-
"data-testid"?: string;
|
|
30
|
-
};
|
|
31
|
-
export type TagSkeletonProps = TagSkeletonProperties;
|
|
32
|
-
export declare const TagSkeleton: React.FC<TagSkeletonProps>;
|
|
33
|
-
export interface TagComponents {
|
|
34
|
-
Skeleton: typeof TagSkeleton;
|
|
35
|
-
}
|
|
36
|
-
export interface TagProperties {
|
|
37
|
-
/**
|
|
38
|
-
* The content of the tag.
|
|
39
|
-
* @TJS-type React.ReactNode
|
|
40
|
-
*/
|
|
41
|
-
children: ReactNode;
|
|
42
|
-
/**
|
|
43
|
-
* Change the visual style of the tag.
|
|
44
|
-
* @default neutral
|
|
45
|
-
*/
|
|
46
|
-
appearance?: "primary" | "success" | "warning" | "danger" | "neutral" | "ai-generative";
|
|
47
|
-
}
|
|
48
|
-
export type TagProps = TagProperties & HTMLAttributes<HTMLDivElement>;
|
|
49
|
-
export declare const Tag: React.FC<TagProps> & TagComponents;
|
|
50
|
-
|
|
51
|
-
export {};
|