@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/package.json
CHANGED
|
@@ -1,136 +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
|
-
declare const accordion: {
|
|
7
|
-
sprinkle: ((props: {
|
|
8
|
-
borderTop?: "base" | "none" | undefined;
|
|
9
|
-
borderBottom?: "base" | "none" | undefined;
|
|
10
|
-
padding?: "base" | "none" | undefined;
|
|
11
|
-
}) => string) & {
|
|
12
|
-
properties: Set<"borderBottom" | "borderTop" | "padding">;
|
|
13
|
-
};
|
|
14
|
-
properties: {
|
|
15
|
-
borderTop: {
|
|
16
|
-
none: string;
|
|
17
|
-
base: string;
|
|
18
|
-
};
|
|
19
|
-
borderBottom: {
|
|
20
|
-
none: string;
|
|
21
|
-
base: string;
|
|
22
|
-
};
|
|
23
|
-
padding: {
|
|
24
|
-
none: string;
|
|
25
|
-
base: string;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
classnames: {
|
|
29
|
-
header: string;
|
|
30
|
-
header__content: string;
|
|
31
|
-
header__description: string;
|
|
32
|
-
header__title: string;
|
|
33
|
-
header_active: string;
|
|
34
|
-
body: string;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
export interface AccordionBodyProperties {
|
|
38
|
-
/**
|
|
39
|
-
* The content of the accordion body.
|
|
40
|
-
* @TJS-type React.ReactNode
|
|
41
|
-
*/
|
|
42
|
-
children: ReactNode;
|
|
43
|
-
/**
|
|
44
|
-
* The borderBottom property defines a lower border of the accordion body.
|
|
45
|
-
* @default none
|
|
46
|
-
*/
|
|
47
|
-
borderBottom?: keyof typeof accordion.properties.borderBottom;
|
|
48
|
-
/**
|
|
49
|
-
* The borderTop property defines a top border of the accordion body.
|
|
50
|
-
* @default none
|
|
51
|
-
*/
|
|
52
|
-
borderTop?: keyof typeof accordion.properties.borderTop;
|
|
53
|
-
/**
|
|
54
|
-
* Padding properties are used to generate space around the content area of an Accordion.Body..
|
|
55
|
-
* @default base
|
|
56
|
-
*/
|
|
57
|
-
padding?: keyof typeof accordion.properties.padding;
|
|
58
|
-
}
|
|
59
|
-
export type AccordionBodyProps = AccordionBodyProperties & HTMLAttributes<HTMLElement>;
|
|
60
|
-
export declare const AccordionBody: React.FC<AccordionBodyProps>;
|
|
61
|
-
export interface AccordionItemProperties {
|
|
62
|
-
/**
|
|
63
|
-
* The content of the accordion body.
|
|
64
|
-
* @TJS-type React.ReactNode
|
|
65
|
-
*/
|
|
66
|
-
children: ReactNode;
|
|
67
|
-
/**
|
|
68
|
-
* Unique indicator to identify accordion items
|
|
69
|
-
*/
|
|
70
|
-
index: string;
|
|
71
|
-
/**
|
|
72
|
-
* This is an attribute used to identify a DOM node for testing purposes.
|
|
73
|
-
*/
|
|
74
|
-
testId?: string;
|
|
75
|
-
}
|
|
76
|
-
export type AccordionItemProps = AccordionItemProperties;
|
|
77
|
-
export declare const AccordionItem: React.FC<AccordionItemProps>;
|
|
78
|
-
export interface AccordionHeaderProperties {
|
|
79
|
-
/**
|
|
80
|
-
* The content of the accordion header.
|
|
81
|
-
* @TJS-type React.ReactNode | ((data: { selected: string; index: string }) => React.ReactNode);
|
|
82
|
-
*/
|
|
83
|
-
children?: ReactNode | ((data: {
|
|
84
|
-
selected: string;
|
|
85
|
-
index: string;
|
|
86
|
-
}) => ReactNode);
|
|
87
|
-
/**
|
|
88
|
-
* The title to display in the accordion header.
|
|
89
|
-
*/
|
|
90
|
-
title?: string;
|
|
91
|
-
/**
|
|
92
|
-
* The subtitle to display in the accordion header.
|
|
93
|
-
*/
|
|
94
|
-
subtitle?: string;
|
|
95
|
-
/**
|
|
96
|
-
* The SVG contents to display in the accordion header.
|
|
97
|
-
* @TJS-type React.ReactNode
|
|
98
|
-
*/
|
|
99
|
-
icon?: ReactNode;
|
|
100
|
-
/**
|
|
101
|
-
* Removes the arrow icon that shows if the accordion item is open or not which makes it possible to create a custom indicator.
|
|
102
|
-
* @default false
|
|
103
|
-
*/
|
|
104
|
-
noIconToggle?: boolean;
|
|
105
|
-
/**
|
|
106
|
-
* The borderTop property defines a lower border of the accordion header.
|
|
107
|
-
* @default base
|
|
108
|
-
*/
|
|
109
|
-
borderTop?: keyof typeof accordion.properties.borderTop;
|
|
110
|
-
/**
|
|
111
|
-
* The borderBottom property defines a lower border of the accordion header.
|
|
112
|
-
*/
|
|
113
|
-
borderBottom?: keyof typeof accordion.properties.borderBottom;
|
|
114
|
-
}
|
|
115
|
-
export type AccordionHeaderProps = AccordionHeaderProperties & Omit<HTMLAttributes<HTMLElement>, "children">;
|
|
116
|
-
export declare const AccordionHeader: React.FC<AccordionHeaderProps>;
|
|
117
|
-
export interface AccordionComponents {
|
|
118
|
-
Body: typeof AccordionBody;
|
|
119
|
-
Item: typeof AccordionItem;
|
|
120
|
-
Header: typeof AccordionHeader;
|
|
121
|
-
}
|
|
122
|
-
export interface AccordionProperties {
|
|
123
|
-
/**
|
|
124
|
-
* The content of the accordion.
|
|
125
|
-
* @TJS-type React.ReactNode
|
|
126
|
-
*/
|
|
127
|
-
children?: ReactNode;
|
|
128
|
-
/**
|
|
129
|
-
* Informs which accordion item is open by default, this value must be the same as informed in the index of each item
|
|
130
|
-
*/
|
|
131
|
-
selectedDefault?: string;
|
|
132
|
-
}
|
|
133
|
-
export type AccordionProps = AccordionProperties & HTMLAttributes<HTMLElement>;
|
|
134
|
-
export declare const Accordion: React.FC<AccordionProps> & AccordionComponents;
|
|
135
|
-
|
|
136
|
-
export {};
|
package/dist/Alert/index.d.ts
DELETED
|
@@ -1,60 +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 AlertSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "height" | "data-testid">>;
|
|
26
|
-
export type AlertSkeletonProps = AlertSkeletonProperties;
|
|
27
|
-
export declare const AlertSkeleton: React.FC<AlertSkeletonProps>;
|
|
28
|
-
export interface AlertComponents {
|
|
29
|
-
Skeleton: typeof AlertSkeleton;
|
|
30
|
-
}
|
|
31
|
-
export interface AlertProperties {
|
|
32
|
-
/**
|
|
33
|
-
* The content for the title of the alert.
|
|
34
|
-
*/
|
|
35
|
-
title?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Change the visual style of the alert.
|
|
38
|
-
* @default neutral
|
|
39
|
-
*/
|
|
40
|
-
appearance?: "primary" | "success" | "warning" | "danger" | "neutral";
|
|
41
|
-
/**
|
|
42
|
-
* The content of the alert.
|
|
43
|
-
* @TJS-type React.ReactNode
|
|
44
|
-
*/
|
|
45
|
-
children: ReactNode;
|
|
46
|
-
/**
|
|
47
|
-
* Function to be passed on actioning the dismiss button.
|
|
48
|
-
* @TJS-type () => void;
|
|
49
|
-
*/
|
|
50
|
-
onRemove?: () => void;
|
|
51
|
-
/**
|
|
52
|
-
* Determines if the alert is shown or not.
|
|
53
|
-
* @default true
|
|
54
|
-
*/
|
|
55
|
-
show?: boolean;
|
|
56
|
-
}
|
|
57
|
-
export type AlertProps = AlertProperties & HTMLAttributes<HTMLElement>;
|
|
58
|
-
export declare const Alert: React.FC<AlertProps> & AlertComponents;
|
|
59
|
-
|
|
60
|
-
export {};
|
package/dist/Badge/index.d.ts
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
// Generated by dts-bundle-generator v7.2.0
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { HTMLAttributes } 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 BadgeSkeletonProperties = 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 BadgeSkeletonProps = BadgeSkeletonProperties;
|
|
32
|
-
export declare const BadgeSkeleton: React.FC<BadgeSkeletonProps>;
|
|
33
|
-
export interface BadgeComponents {
|
|
34
|
-
Skeleton: typeof BadgeSkeleton;
|
|
35
|
-
}
|
|
36
|
-
export interface BadgeProperties {
|
|
37
|
-
/**
|
|
38
|
-
* Change the visual style of the badge.
|
|
39
|
-
* @default neutral
|
|
40
|
-
*/
|
|
41
|
-
appearance?: "primary" | "success" | "warning" | "danger" | "neutral";
|
|
42
|
-
/**
|
|
43
|
-
* Total items to be displayed without badge
|
|
44
|
-
*/
|
|
45
|
-
count: number | string;
|
|
46
|
-
/**
|
|
47
|
-
* Change the color scheme of the badge.
|
|
48
|
-
* @default surface
|
|
49
|
-
*/
|
|
50
|
-
theme?: "surface" | "light";
|
|
51
|
-
}
|
|
52
|
-
export type BadgeProps = BadgeProperties & HTMLAttributes<HTMLElement>;
|
|
53
|
-
export declare const Badge: React.FC<BadgeProps> & BadgeComponents;
|
|
54
|
-
|
|
55
|
-
export {};
|