@epam/ai-dial-ui-kit 0.15.0-dev.35 → 0.15.0-dev.36
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/dist/CHANGELOG.md +2 -0
- package/dist/components/New/BottomSheet/BottomSheet.js +82 -68
- package/dist/components/New/SideDrawer/SideDrawer.js +38 -34
- package/dist/components-manifest.json +32 -2
- package/dist/dial-ui-kit.cjs +2 -2
- package/dist/src/components/New/BottomSheet/BottomSheet.d.ts +13 -1
- package/dist/src/components/New/SideDrawer/SideDrawer.d.ts +10 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
1
|
+
import { CSSProperties, FC, ReactNode } from 'react';
|
|
2
2
|
/** Props for `BottomSheet`. */
|
|
3
3
|
export interface BottomSheetProps {
|
|
4
4
|
/** Whether the sheet is shown. */
|
|
@@ -23,6 +23,15 @@ export interface BottomSheetProps {
|
|
|
23
23
|
className?: string;
|
|
24
24
|
/** Additional CSS classes for the backdrop. */
|
|
25
25
|
overlayClassName?: string;
|
|
26
|
+
/** Additional CSS classes for the header row. */
|
|
27
|
+
headerClassName?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Inline style for the panel. It renders in a portal, so this is how custom
|
|
30
|
+
* properties reach the panel and its content.
|
|
31
|
+
*/
|
|
32
|
+
style?: CSSProperties;
|
|
33
|
+
/** Inline style for the backdrop, merged after its own positioning. */
|
|
34
|
+
overlayStyle?: CSSProperties;
|
|
26
35
|
/** Additional CSS classes for the scrolling body. */
|
|
27
36
|
bodyClassName?: string;
|
|
28
37
|
/** Type-scale class for the title, replacing its own. */
|
|
@@ -65,6 +74,9 @@ export interface BottomSheetProps {
|
|
|
65
74
|
* @param [children] - Content of the sheet
|
|
66
75
|
* @param [className] - Additional CSS classes for the sheet panel
|
|
67
76
|
* @param [overlayClassName] - Additional CSS classes for the backdrop
|
|
77
|
+
* @param [headerClassName] - Additional CSS classes for the header row
|
|
78
|
+
* @param [style] - Inline style for the panel, e.g. custom properties
|
|
79
|
+
* @param [overlayStyle] - Inline style for the backdrop
|
|
68
80
|
* @param [bodyClassName] - Additional CSS classes for the scrolling body
|
|
69
81
|
* @param [titleClassName] - Type-scale class for the title
|
|
70
82
|
* @param [portalId] - Id of the element to portal into
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
1
|
+
import { CSSProperties, FC, ReactNode } from 'react';
|
|
2
2
|
/** Props for `SideDrawer`. */
|
|
3
3
|
export interface SideDrawerProps {
|
|
4
4
|
/** Whether the drawer is open. */
|
|
@@ -33,6 +33,13 @@ export interface SideDrawerProps {
|
|
|
33
33
|
overlayClassName?: string;
|
|
34
34
|
/** Additional CSS classes for the header row. */
|
|
35
35
|
headerClassName?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Inline style for the panel. It renders in a portal, so this is how custom
|
|
38
|
+
* properties reach the panel and its content.
|
|
39
|
+
*/
|
|
40
|
+
style?: CSSProperties;
|
|
41
|
+
/** Inline style for the backdrop, merged after its own positioning. */
|
|
42
|
+
overlayStyle?: CSSProperties;
|
|
36
43
|
/** Additional CSS classes for the scrolling body. */
|
|
37
44
|
bodyClassName?: string;
|
|
38
45
|
/** Type-scale class for a string title, replacing its own. */
|
|
@@ -84,6 +91,8 @@ export interface SideDrawerProps {
|
|
|
84
91
|
* @param [className] - Additional CSS classes for the drawer panel
|
|
85
92
|
* @param [overlayClassName] - Additional CSS classes for the backdrop
|
|
86
93
|
* @param [headerClassName] - Additional CSS classes for the header row
|
|
94
|
+
* @param [style] - Inline style for the panel, e.g. custom properties
|
|
95
|
+
* @param [overlayStyle] - Inline style for the backdrop
|
|
87
96
|
* @param [bodyClassName] - Additional CSS classes for the scrolling body
|
|
88
97
|
* @param [titleClassName] - Type-scale class for a string title
|
|
89
98
|
* @param [portalId] - Id of the element to portal into
|