@drivenets/design-system 0.0.4 → 0.0.5
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 +7 -0
- package/README.md +51 -0
- package/dist/components/ds-button/ds-button.d.cts +2 -2
- package/dist/components/ds-button/ds-button.d.cts.map +1 -1
- package/dist/components/ds-button/ds-button.d.ts +2 -2
- package/dist/components/ds-confirmation/ds-confirmation.d.cts +8 -8
- package/dist/components/ds-confirmation/ds-confirmation.d.cts.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.d.ts +8 -8
- package/dist/components/ds-drawer/ds-drawer.d.cts +9 -9
- package/dist/components/ds-drawer/ds-drawer.d.ts +9 -9
- package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.cts +2 -2
- package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.ts +2 -2
- package/dist/components/ds-form-control/ds-form-control.d.cts +7 -7
- package/dist/components/ds-modal/ds-modal.d.cts +8 -8
- package/dist/components/ds-modal/ds-modal.d.cts.map +1 -1
- package/dist/components/ds-modal/ds-modal.d.ts +8 -8
- package/dist/components/ds-panel/ds-panel.d.cts +2 -2
- package/dist/components/ds-panel/ds-panel.d.ts +2 -2
- package/dist/components/ds-segment-group/ds-segment-group.cjs +215 -0
- package/dist/components/ds-segment-group/ds-segment-group.d.cts +26 -0
- package/dist/components/ds-segment-group/ds-segment-group.d.cts.map +1 -0
- package/dist/components/ds-segment-group/ds-segment-group.d.ts +26 -0
- package/dist/components/ds-segment-group/ds-segment-group.d.ts.map +1 -0
- package/dist/components/ds-segment-group/ds-segment-group.js +214 -0
- package/dist/components/ds-segment-group/ds-segment-group.js.map +1 -0
- package/dist/components/ds-segment-group/ds-segment-group.module.cjs +12 -0
- package/dist/components/ds-segment-group/ds-segment-group.module.js +12 -0
- package/dist/components/ds-segment-group/ds-segment-group.module.js.map +1 -0
- package/dist/components/ds-segment-group/ds-segment-group.types.cjs +2 -0
- package/dist/components/ds-segment-group/ds-segment-group.types.d.cts +52 -0
- package/dist/components/ds-segment-group/ds-segment-group.types.d.cts.map +1 -0
- package/dist/components/ds-segment-group/ds-segment-group.types.d.ts +52 -0
- package/dist/components/ds-segment-group/ds-segment-group.types.d.ts.map +1 -0
- package/dist/components/ds-segment-group/ds-segment-group.types.js +2 -0
- package/dist/components/ds-segment-group/index.cjs +2 -0
- package/dist/components/ds-segment-group/index.d.ts +2 -0
- package/dist/components/ds-segment-group/index.js +2 -0
- package/dist/components/ds-select/ds-select.d.ts +2 -2
- package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts +2 -2
- package/dist/components/ds-stepper/components/ds-step-content.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step-content.d.ts +2 -2
- package/dist/components/ds-stepper/components/ds-step-next-button.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step-next-button.d.ts +2 -2
- package/dist/components/ds-stepper/components/ds-step.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step.d.ts +2 -2
- package/dist/components/ds-stepper/ds-stepper.d.cts +2 -2
- package/dist/components/ds-stepper/ds-stepper.d.ts +2 -2
- package/dist/components/ds-table/ds-table.d.cts +2 -2
- package/dist/components/ds-vertical-tabs/ds-vertical-tabs.d.ts +5 -5
- package/dist/index.cjs +3 -0
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +3 -1
- package/dist/index.min.css +1 -1
- package/package.json +2 -2
- package/src/components/ds-segment-group/ds-segment-group.module.scss +99 -0
- package/src/components/ds-segment-group/ds-segment-group.tsx +76 -0
- package/src/components/ds-segment-group/ds-segment-group.types.tsx +64 -0
- package/src/components/ds-segment-group/index.tsx +2 -0
- package/src/index.ts +1 -0
package/CHANGELOG.md
CHANGED
package/README.md
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
# DriveNets Design System
|
|
2
|
+
|
|
3
|
+
Official DriveNets Design System for application development in React.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
First, install the package via your preferred package manager:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @drivenets/design-system
|
|
11
|
+
# or
|
|
12
|
+
pnpm install @drivenets/design-system
|
|
13
|
+
# or
|
|
14
|
+
yarn add @drivenets/design-system
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
Then, import the css styles in your application root (e.g., `main.tsx` or `App.tsx`):
|
|
18
|
+
|
|
19
|
+
```TSX
|
|
20
|
+
import '@drivenets/design-system/index.min.css';
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
You'll also need to import the relevant fonts in your `index.html` file.
|
|
24
|
+
|
|
25
|
+
We recommend using our provided Vite plugin to automatically include the necessary font links. You can find more information about the plugin in the [Vite Plugin README](https://github.com/drivenets/design-system/tree/main/packages/vite-plugin).
|
|
26
|
+
|
|
27
|
+
Or you can manually add the following lines to the `<head>` section of your `index.html` file:
|
|
28
|
+
|
|
29
|
+
```HTML
|
|
30
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" />
|
|
31
|
+
|
|
32
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Mono:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" />
|
|
33
|
+
|
|
34
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0..1,0&display=block" />
|
|
35
|
+
|
|
36
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,400,0..1,0&display=block" />
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## Usage
|
|
40
|
+
|
|
41
|
+
You can now use the DriveNets Design System components in your React application. Here's a simple example:
|
|
42
|
+
|
|
43
|
+
```typescript
|
|
44
|
+
import { DsButton } from '@drivenets/design-system';
|
|
45
|
+
|
|
46
|
+
export const App = () => {
|
|
47
|
+
return (
|
|
48
|
+
<DsButton onClick={() => alert('Button clicked!')}>Click Me</DsButton>
|
|
49
|
+
);
|
|
50
|
+
};
|
|
51
|
+
```
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { DsButtonUnifiedProps } from "./ds-button.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-button/ds-button.d.ts
|
|
5
|
-
declare const DsButton: (props: DsButtonUnifiedProps) =>
|
|
5
|
+
declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime0.JSX.Element;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { DsButton };
|
|
8
8
|
//# sourceMappingURL=ds-button.d.cts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ds-button.d.cts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,
|
|
1
|
+
{"version":3,"file":"ds-button.d.cts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,kBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { DsButtonUnifiedProps } from "./ds-button.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-button/ds-button.d.ts
|
|
5
|
-
declare const DsButton: (props: DsButtonUnifiedProps) =>
|
|
5
|
+
declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime3.JSX.Element;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { DsButton };
|
|
8
8
|
//# sourceMappingURL=ds-button.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsConfirmationProps } from "./ds-confirmation.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
3
3
|
import { CSSProperties, ReactNode } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ds-confirmation/ds-confirmation.d.ts
|
|
@@ -13,7 +13,7 @@ declare const DsConfirmation: {
|
|
|
13
13
|
style,
|
|
14
14
|
className,
|
|
15
15
|
children
|
|
16
|
-
}: DsConfirmationProps):
|
|
16
|
+
}: DsConfirmationProps): react_jsx_runtime11.JSX.Element;
|
|
17
17
|
Header: ({
|
|
18
18
|
style,
|
|
19
19
|
className,
|
|
@@ -22,7 +22,7 @@ declare const DsConfirmation: {
|
|
|
22
22
|
style?: CSSProperties;
|
|
23
23
|
className?: string;
|
|
24
24
|
children: ReactNode;
|
|
25
|
-
}) =>
|
|
25
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
26
26
|
Title: ({
|
|
27
27
|
style,
|
|
28
28
|
className,
|
|
@@ -31,14 +31,14 @@ declare const DsConfirmation: {
|
|
|
31
31
|
style?: CSSProperties;
|
|
32
32
|
className?: string;
|
|
33
33
|
children: ReactNode;
|
|
34
|
-
}) =>
|
|
34
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
35
35
|
CloseTrigger: ({
|
|
36
36
|
style,
|
|
37
37
|
className
|
|
38
38
|
}: {
|
|
39
39
|
style?: CSSProperties;
|
|
40
40
|
className?: string;
|
|
41
|
-
}) =>
|
|
41
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
42
42
|
Body: ({
|
|
43
43
|
style,
|
|
44
44
|
className,
|
|
@@ -47,7 +47,7 @@ declare const DsConfirmation: {
|
|
|
47
47
|
style?: CSSProperties;
|
|
48
48
|
className?: string;
|
|
49
49
|
children: ReactNode;
|
|
50
|
-
}) =>
|
|
50
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
51
51
|
Footer: ({
|
|
52
52
|
style,
|
|
53
53
|
className,
|
|
@@ -56,7 +56,7 @@ declare const DsConfirmation: {
|
|
|
56
56
|
style?: CSSProperties;
|
|
57
57
|
className?: string;
|
|
58
58
|
children: ReactNode;
|
|
59
|
-
}) =>
|
|
59
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
60
60
|
Actions: ({
|
|
61
61
|
style,
|
|
62
62
|
className,
|
|
@@ -65,7 +65,7 @@ declare const DsConfirmation: {
|
|
|
65
65
|
style?: CSSProperties;
|
|
66
66
|
className?: string;
|
|
67
67
|
children: ReactNode;
|
|
68
|
-
}) =>
|
|
68
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
69
69
|
};
|
|
70
70
|
//#endregion
|
|
71
71
|
export { DsConfirmation };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ds-confirmation.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAYa,cAAA,cAyBZ,EAAA;;;;;;;KAzBkF,sBAAmB,
|
|
1
|
+
{"version":3,"file":"ds-confirmation.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAYa,cAAA,cAyBZ,EAAA;;;;;;;KAzBkF,sBAAmB,mBAAA,CAAA,GAAA,CAAA;;;;;EAAnB;YAgC1E;;cAEE;EAlCwE,CAAA,EAAA,GAmClF,mBAAA,CAAA,GAAA,CAAA,OAnCkF;EAAmB,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAgC7F,CAhC6F,EAAA;YA8C7F;;cAEE;EAhBF,CAAA,EAAA,GAiBR,mBAAA,CAAA,GAAA,CAAA,OAjBQ;EAEE,YAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EAoBqD,aApBrD;;QAoBwF,mBAAA,CAAA,GAAA,CAAA;;;;;;IAThF,KAAA,CAAA,EAoBA,aApBA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EAmBU,SAnBV;QAoBA,mBAAA,CAAA,GAAA,CAAA;;;;;;IAdqD,KAAA,CAAA,EAyB7C,aAzB6C;IAAmC,SAAA,CAAA,EAAA,MAAA;cA2B9E;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IAjBQ,KAAA,CAAA,EA4BA,aA5BA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EA2BU,SA3BV;QA4BA,mBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsConfirmationProps } from "./ds-confirmation.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime29 from "react/jsx-runtime";
|
|
3
3
|
import { CSSProperties, ReactNode } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ds-confirmation/ds-confirmation.d.ts
|
|
@@ -13,7 +13,7 @@ declare const DsConfirmation: {
|
|
|
13
13
|
style,
|
|
14
14
|
className,
|
|
15
15
|
children
|
|
16
|
-
}: DsConfirmationProps):
|
|
16
|
+
}: DsConfirmationProps): react_jsx_runtime29.JSX.Element;
|
|
17
17
|
Header: ({
|
|
18
18
|
style,
|
|
19
19
|
className,
|
|
@@ -22,7 +22,7 @@ declare const DsConfirmation: {
|
|
|
22
22
|
style?: CSSProperties;
|
|
23
23
|
className?: string;
|
|
24
24
|
children: ReactNode;
|
|
25
|
-
}) =>
|
|
25
|
+
}) => react_jsx_runtime29.JSX.Element;
|
|
26
26
|
Title: ({
|
|
27
27
|
style,
|
|
28
28
|
className,
|
|
@@ -31,14 +31,14 @@ declare const DsConfirmation: {
|
|
|
31
31
|
style?: CSSProperties;
|
|
32
32
|
className?: string;
|
|
33
33
|
children: ReactNode;
|
|
34
|
-
}) =>
|
|
34
|
+
}) => react_jsx_runtime29.JSX.Element;
|
|
35
35
|
CloseTrigger: ({
|
|
36
36
|
style,
|
|
37
37
|
className
|
|
38
38
|
}: {
|
|
39
39
|
style?: CSSProperties;
|
|
40
40
|
className?: string;
|
|
41
|
-
}) =>
|
|
41
|
+
}) => react_jsx_runtime29.JSX.Element;
|
|
42
42
|
Body: ({
|
|
43
43
|
style,
|
|
44
44
|
className,
|
|
@@ -47,7 +47,7 @@ declare const DsConfirmation: {
|
|
|
47
47
|
style?: CSSProperties;
|
|
48
48
|
className?: string;
|
|
49
49
|
children: ReactNode;
|
|
50
|
-
}) =>
|
|
50
|
+
}) => react_jsx_runtime29.JSX.Element;
|
|
51
51
|
Footer: ({
|
|
52
52
|
style,
|
|
53
53
|
className,
|
|
@@ -56,7 +56,7 @@ declare const DsConfirmation: {
|
|
|
56
56
|
style?: CSSProperties;
|
|
57
57
|
className?: string;
|
|
58
58
|
children: ReactNode;
|
|
59
|
-
}) =>
|
|
59
|
+
}) => react_jsx_runtime29.JSX.Element;
|
|
60
60
|
Actions: ({
|
|
61
61
|
style,
|
|
62
62
|
className,
|
|
@@ -65,7 +65,7 @@ declare const DsConfirmation: {
|
|
|
65
65
|
style?: CSSProperties;
|
|
66
66
|
className?: string;
|
|
67
67
|
children: ReactNode;
|
|
68
|
-
}) =>
|
|
68
|
+
}) => react_jsx_runtime29.JSX.Element;
|
|
69
69
|
};
|
|
70
70
|
//#endregion
|
|
71
71
|
export { DsConfirmation };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsDrawerProps } from "./ds-drawer.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime19 from "react/jsx-runtime";
|
|
3
3
|
import { CSSProperties, ReactNode } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ds-drawer/ds-drawer.d.ts
|
|
@@ -22,7 +22,7 @@ declare const DsDrawer: {
|
|
|
22
22
|
style,
|
|
23
23
|
className,
|
|
24
24
|
children
|
|
25
|
-
}: DsDrawerProps):
|
|
25
|
+
}: DsDrawerProps): react_jsx_runtime19.JSX.Element;
|
|
26
26
|
Header: ({
|
|
27
27
|
style,
|
|
28
28
|
className,
|
|
@@ -31,7 +31,7 @@ declare const DsDrawer: {
|
|
|
31
31
|
style?: CSSProperties;
|
|
32
32
|
className?: string;
|
|
33
33
|
children: ReactNode;
|
|
34
|
-
}) =>
|
|
34
|
+
}) => react_jsx_runtime19.JSX.Element;
|
|
35
35
|
Title: ({
|
|
36
36
|
style,
|
|
37
37
|
className,
|
|
@@ -40,14 +40,14 @@ declare const DsDrawer: {
|
|
|
40
40
|
style?: CSSProperties;
|
|
41
41
|
className?: string;
|
|
42
42
|
children: ReactNode;
|
|
43
|
-
}) =>
|
|
43
|
+
}) => react_jsx_runtime19.JSX.Element;
|
|
44
44
|
CloseTrigger: ({
|
|
45
45
|
style,
|
|
46
46
|
className
|
|
47
47
|
}: {
|
|
48
48
|
style?: CSSProperties;
|
|
49
49
|
className?: string;
|
|
50
|
-
}) =>
|
|
50
|
+
}) => react_jsx_runtime19.JSX.Element;
|
|
51
51
|
Toolbar: ({
|
|
52
52
|
style,
|
|
53
53
|
className,
|
|
@@ -56,7 +56,7 @@ declare const DsDrawer: {
|
|
|
56
56
|
style?: CSSProperties;
|
|
57
57
|
className?: string;
|
|
58
58
|
children: ReactNode;
|
|
59
|
-
}) =>
|
|
59
|
+
}) => react_jsx_runtime19.JSX.Element;
|
|
60
60
|
Body: ({
|
|
61
61
|
style,
|
|
62
62
|
className,
|
|
@@ -65,7 +65,7 @@ declare const DsDrawer: {
|
|
|
65
65
|
style?: CSSProperties;
|
|
66
66
|
className?: string;
|
|
67
67
|
children: ReactNode;
|
|
68
|
-
}) =>
|
|
68
|
+
}) => react_jsx_runtime19.JSX.Element;
|
|
69
69
|
Footer: ({
|
|
70
70
|
style,
|
|
71
71
|
className,
|
|
@@ -74,7 +74,7 @@ declare const DsDrawer: {
|
|
|
74
74
|
style?: CSSProperties;
|
|
75
75
|
className?: string;
|
|
76
76
|
children: ReactNode;
|
|
77
|
-
}) =>
|
|
77
|
+
}) => react_jsx_runtime19.JSX.Element;
|
|
78
78
|
Actions: ({
|
|
79
79
|
style,
|
|
80
80
|
className,
|
|
@@ -83,7 +83,7 @@ declare const DsDrawer: {
|
|
|
83
83
|
style?: CSSProperties;
|
|
84
84
|
className?: string;
|
|
85
85
|
children: ReactNode;
|
|
86
|
-
}) =>
|
|
86
|
+
}) => react_jsx_runtime19.JSX.Element;
|
|
87
87
|
};
|
|
88
88
|
//#endregion
|
|
89
89
|
export { DsDrawer };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsDrawerProps } from "./ds-drawer.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime18 from "react/jsx-runtime";
|
|
3
3
|
import { CSSProperties, ReactNode } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ds-drawer/ds-drawer.d.ts
|
|
@@ -22,7 +22,7 @@ declare const DsDrawer: {
|
|
|
22
22
|
style,
|
|
23
23
|
className,
|
|
24
24
|
children
|
|
25
|
-
}: DsDrawerProps):
|
|
25
|
+
}: DsDrawerProps): react_jsx_runtime18.JSX.Element;
|
|
26
26
|
Header: ({
|
|
27
27
|
style,
|
|
28
28
|
className,
|
|
@@ -31,7 +31,7 @@ declare const DsDrawer: {
|
|
|
31
31
|
style?: CSSProperties;
|
|
32
32
|
className?: string;
|
|
33
33
|
children: ReactNode;
|
|
34
|
-
}) =>
|
|
34
|
+
}) => react_jsx_runtime18.JSX.Element;
|
|
35
35
|
Title: ({
|
|
36
36
|
style,
|
|
37
37
|
className,
|
|
@@ -40,14 +40,14 @@ declare const DsDrawer: {
|
|
|
40
40
|
style?: CSSProperties;
|
|
41
41
|
className?: string;
|
|
42
42
|
children: ReactNode;
|
|
43
|
-
}) =>
|
|
43
|
+
}) => react_jsx_runtime18.JSX.Element;
|
|
44
44
|
CloseTrigger: ({
|
|
45
45
|
style,
|
|
46
46
|
className
|
|
47
47
|
}: {
|
|
48
48
|
style?: CSSProperties;
|
|
49
49
|
className?: string;
|
|
50
|
-
}) =>
|
|
50
|
+
}) => react_jsx_runtime18.JSX.Element;
|
|
51
51
|
Toolbar: ({
|
|
52
52
|
style,
|
|
53
53
|
className,
|
|
@@ -56,7 +56,7 @@ declare const DsDrawer: {
|
|
|
56
56
|
style?: CSSProperties;
|
|
57
57
|
className?: string;
|
|
58
58
|
children: ReactNode;
|
|
59
|
-
}) =>
|
|
59
|
+
}) => react_jsx_runtime18.JSX.Element;
|
|
60
60
|
Body: ({
|
|
61
61
|
style,
|
|
62
62
|
className,
|
|
@@ -65,7 +65,7 @@ declare const DsDrawer: {
|
|
|
65
65
|
style?: CSSProperties;
|
|
66
66
|
className?: string;
|
|
67
67
|
children: ReactNode;
|
|
68
|
-
}) =>
|
|
68
|
+
}) => react_jsx_runtime18.JSX.Element;
|
|
69
69
|
Footer: ({
|
|
70
70
|
style,
|
|
71
71
|
className,
|
|
@@ -74,7 +74,7 @@ declare const DsDrawer: {
|
|
|
74
74
|
style?: CSSProperties;
|
|
75
75
|
className?: string;
|
|
76
76
|
children: ReactNode;
|
|
77
|
-
}) =>
|
|
77
|
+
}) => react_jsx_runtime18.JSX.Element;
|
|
78
78
|
Actions: ({
|
|
79
79
|
style,
|
|
80
80
|
className,
|
|
@@ -83,7 +83,7 @@ declare const DsDrawer: {
|
|
|
83
83
|
style?: CSSProperties;
|
|
84
84
|
className?: string;
|
|
85
85
|
children: ReactNode;
|
|
86
|
-
}) =>
|
|
86
|
+
}) => react_jsx_runtime18.JSX.Element;
|
|
87
87
|
};
|
|
88
88
|
//#endregion
|
|
89
89
|
export { DsDrawer };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime33 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
|
|
5
5
|
declare function DsExpandableTextInput({
|
|
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
|
|
|
7
7
|
onExpandChange,
|
|
8
8
|
icon,
|
|
9
9
|
...props
|
|
10
|
-
}: DsExpandableTextInputProps):
|
|
10
|
+
}: DsExpandableTextInputProps): react_jsx_runtime33.JSX.Element;
|
|
11
11
|
//#endregion
|
|
12
12
|
export { DsExpandableTextInput };
|
|
13
13
|
//# sourceMappingURL=ds-expandable-text-input.d.cts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime26 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
|
|
5
5
|
declare function DsExpandableTextInput({
|
|
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
|
|
|
7
7
|
onExpandChange,
|
|
8
8
|
icon,
|
|
9
9
|
...props
|
|
10
|
-
}: DsExpandableTextInputProps):
|
|
10
|
+
}: DsExpandableTextInputProps): react_jsx_runtime26.JSX.Element;
|
|
11
11
|
//#endregion
|
|
12
12
|
export { DsExpandableTextInput };
|
|
13
13
|
//# sourceMappingURL=ds-expandable-text-input.d.ts.map
|
|
@@ -4,7 +4,7 @@ import { DsPasswordInputProps } from "../ds-password-input/ds-password-input.typ
|
|
|
4
4
|
import { DsTextareaProps } from "../ds-textarea/ds-textarea.types.cjs";
|
|
5
5
|
import { DsSelectProps } from "../ds-select/ds-select.types.cjs";
|
|
6
6
|
import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.cjs";
|
|
7
|
-
import * as
|
|
7
|
+
import * as react_jsx_runtime27 from "react/jsx-runtime";
|
|
8
8
|
import React from "react";
|
|
9
9
|
|
|
10
10
|
//#region src/components/ds-form-control/ds-form-control.d.ts
|
|
@@ -20,12 +20,12 @@ declare const DsFormControl: {
|
|
|
20
20
|
className,
|
|
21
21
|
style,
|
|
22
22
|
children
|
|
23
|
-
}: DsFormControlProps):
|
|
24
|
-
TextInput: (props: DsTextInputProps) =>
|
|
25
|
-
NumberInput: (props: DsNumberInputProps) =>
|
|
26
|
-
PasswordInput: (props: DsPasswordInputProps) =>
|
|
27
|
-
Textarea: (props: DsTextareaProps) =>
|
|
28
|
-
Select: (props: DsSelectProps) =>
|
|
23
|
+
}: DsFormControlProps): react_jsx_runtime27.JSX.Element;
|
|
24
|
+
TextInput: (props: DsTextInputProps) => react_jsx_runtime27.JSX.Element;
|
|
25
|
+
NumberInput: (props: DsNumberInputProps) => react_jsx_runtime27.JSX.Element;
|
|
26
|
+
PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime27.JSX.Element;
|
|
27
|
+
Textarea: (props: DsTextareaProps) => react_jsx_runtime27.JSX.Element;
|
|
28
|
+
Select: (props: DsSelectProps) => react_jsx_runtime27.JSX.Element;
|
|
29
29
|
Description: React.FC<DsFormControlDescriptionProps>;
|
|
30
30
|
};
|
|
31
31
|
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsModalProps } from "./ds-modal.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
3
3
|
import { CSSProperties, ReactNode } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ds-modal/ds-modal.d.ts
|
|
@@ -20,7 +20,7 @@ declare const DsModal: {
|
|
|
20
20
|
closeOnEscape,
|
|
21
21
|
closeOnInteractOutside,
|
|
22
22
|
children
|
|
23
|
-
}: DsModalProps):
|
|
23
|
+
}: DsModalProps): react_jsx_runtime4.JSX.Element;
|
|
24
24
|
Header: ({
|
|
25
25
|
style,
|
|
26
26
|
className,
|
|
@@ -29,7 +29,7 @@ declare const DsModal: {
|
|
|
29
29
|
style?: CSSProperties;
|
|
30
30
|
className?: string;
|
|
31
31
|
children: ReactNode;
|
|
32
|
-
}) =>
|
|
32
|
+
}) => react_jsx_runtime4.JSX.Element;
|
|
33
33
|
Title: ({
|
|
34
34
|
style,
|
|
35
35
|
className,
|
|
@@ -38,14 +38,14 @@ declare const DsModal: {
|
|
|
38
38
|
style?: CSSProperties;
|
|
39
39
|
className?: string;
|
|
40
40
|
children: ReactNode;
|
|
41
|
-
}) =>
|
|
41
|
+
}) => react_jsx_runtime4.JSX.Element;
|
|
42
42
|
CloseTrigger: ({
|
|
43
43
|
style,
|
|
44
44
|
className
|
|
45
45
|
}: {
|
|
46
46
|
style?: CSSProperties;
|
|
47
47
|
className?: string;
|
|
48
|
-
}) =>
|
|
48
|
+
}) => react_jsx_runtime4.JSX.Element;
|
|
49
49
|
Body: ({
|
|
50
50
|
style,
|
|
51
51
|
className,
|
|
@@ -54,7 +54,7 @@ declare const DsModal: {
|
|
|
54
54
|
style?: CSSProperties;
|
|
55
55
|
className?: string;
|
|
56
56
|
children: ReactNode;
|
|
57
|
-
}) =>
|
|
57
|
+
}) => react_jsx_runtime4.JSX.Element;
|
|
58
58
|
Footer: ({
|
|
59
59
|
style,
|
|
60
60
|
className,
|
|
@@ -63,7 +63,7 @@ declare const DsModal: {
|
|
|
63
63
|
style?: CSSProperties;
|
|
64
64
|
className?: string;
|
|
65
65
|
children: ReactNode;
|
|
66
|
-
}) =>
|
|
66
|
+
}) => react_jsx_runtime4.JSX.Element;
|
|
67
67
|
Actions: ({
|
|
68
68
|
style,
|
|
69
69
|
className,
|
|
@@ -72,7 +72,7 @@ declare const DsModal: {
|
|
|
72
72
|
style?: CSSProperties;
|
|
73
73
|
className?: string;
|
|
74
74
|
children: ReactNode;
|
|
75
|
-
}) =>
|
|
75
|
+
}) => react_jsx_runtime4.JSX.Element;
|
|
76
76
|
};
|
|
77
77
|
//#endregion
|
|
78
78
|
export { DsModal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ds-modal.d.cts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,
|
|
1
|
+
{"version":3,"file":"ds-modal.d.cts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,kBAAA,CAAA,GAAA,CAAA;;;;;;YAiCN;;cAEE;QACV,kBAAA,CAAA,GAAA,CAAA;;;;;;IApCE,KAAA,CAAA,EA+CM,aA/CN;IAAY,SAAA,CAAA,EAAA,MAAA;cAiDJ;QACV,kBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,kBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,kBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,kBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,kBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsModalProps } from "./ds-modal.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
3
3
|
import { CSSProperties, ReactNode } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ds-modal/ds-modal.d.ts
|
|
@@ -20,7 +20,7 @@ declare const DsModal: {
|
|
|
20
20
|
closeOnEscape,
|
|
21
21
|
closeOnInteractOutside,
|
|
22
22
|
children
|
|
23
|
-
}: DsModalProps):
|
|
23
|
+
}: DsModalProps): react_jsx_runtime11.JSX.Element;
|
|
24
24
|
Header: ({
|
|
25
25
|
style,
|
|
26
26
|
className,
|
|
@@ -29,7 +29,7 @@ declare const DsModal: {
|
|
|
29
29
|
style?: CSSProperties;
|
|
30
30
|
className?: string;
|
|
31
31
|
children: ReactNode;
|
|
32
|
-
}) =>
|
|
32
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
33
33
|
Title: ({
|
|
34
34
|
style,
|
|
35
35
|
className,
|
|
@@ -38,14 +38,14 @@ declare const DsModal: {
|
|
|
38
38
|
style?: CSSProperties;
|
|
39
39
|
className?: string;
|
|
40
40
|
children: ReactNode;
|
|
41
|
-
}) =>
|
|
41
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
42
42
|
CloseTrigger: ({
|
|
43
43
|
style,
|
|
44
44
|
className
|
|
45
45
|
}: {
|
|
46
46
|
style?: CSSProperties;
|
|
47
47
|
className?: string;
|
|
48
|
-
}) =>
|
|
48
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
49
49
|
Body: ({
|
|
50
50
|
style,
|
|
51
51
|
className,
|
|
@@ -54,7 +54,7 @@ declare const DsModal: {
|
|
|
54
54
|
style?: CSSProperties;
|
|
55
55
|
className?: string;
|
|
56
56
|
children: ReactNode;
|
|
57
|
-
}) =>
|
|
57
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
58
58
|
Footer: ({
|
|
59
59
|
style,
|
|
60
60
|
className,
|
|
@@ -63,7 +63,7 @@ declare const DsModal: {
|
|
|
63
63
|
style?: CSSProperties;
|
|
64
64
|
className?: string;
|
|
65
65
|
children: ReactNode;
|
|
66
|
-
}) =>
|
|
66
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
67
67
|
Actions: ({
|
|
68
68
|
style,
|
|
69
69
|
className,
|
|
@@ -72,7 +72,7 @@ declare const DsModal: {
|
|
|
72
72
|
style?: CSSProperties;
|
|
73
73
|
className?: string;
|
|
74
74
|
children: ReactNode;
|
|
75
|
-
}) =>
|
|
75
|
+
}) => react_jsx_runtime11.JSX.Element;
|
|
76
76
|
};
|
|
77
77
|
//#endregion
|
|
78
78
|
export { DsModal };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsPanelProps } from "./ds-panel.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime18 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-panel/ds-panel.d.ts
|
|
5
5
|
declare function DsPanel({
|
|
@@ -11,7 +11,7 @@ declare function DsPanel({
|
|
|
11
11
|
variant,
|
|
12
12
|
disablePadding,
|
|
13
13
|
...props
|
|
14
|
-
}: DsPanelProps):
|
|
14
|
+
}: DsPanelProps): react_jsx_runtime18.JSX.Element;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { DsPanel };
|
|
17
17
|
//# sourceMappingURL=ds-panel.d.cts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsPanelProps } from "./ds-panel.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime27 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-panel/ds-panel.d.ts
|
|
5
5
|
declare function DsPanel({
|
|
@@ -11,7 +11,7 @@ declare function DsPanel({
|
|
|
11
11
|
variant,
|
|
12
12
|
disablePadding,
|
|
13
13
|
...props
|
|
14
|
-
}: DsPanelProps):
|
|
14
|
+
}: DsPanelProps): react_jsx_runtime27.JSX.Element;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { DsPanel };
|
|
17
17
|
//# sourceMappingURL=ds-panel.d.ts.map
|