@descope/flow-components 2.0.494 → 2.0.495
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/dts/CollapsibleContainer/CollapsibleContainer.d.ts +42 -0
- package/dist/dts/CollapsibleContainer/index.d.ts +1 -0
- package/dist/dts/index.d.ts +2 -0
- package/dist/index.cjs.js +2120 -1745
- package/dist/index.d.ts +162 -121
- package/dist/index.esm.js +42 -5
- package/dist/types/src/CollapsibleContainer/CollapsibleContainer.d.ts +42 -0
- package/dist/types/src/CollapsibleContainer/index.d.ts +1 -0
- package/dist/types/src/index.d.ts +2 -0
- package/package.json +2 -2
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FlexAlignment } from '../types';
|
|
3
|
+
type Never<T extends Record<string, any>> = {
|
|
4
|
+
[K in keyof T]: never;
|
|
5
|
+
};
|
|
6
|
+
type SpaceBetween = '0' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32';
|
|
7
|
+
type Flex = {
|
|
8
|
+
spaceBetween?: SpaceBetween;
|
|
9
|
+
};
|
|
10
|
+
type ContainerAlignment = {
|
|
11
|
+
'horizontal-alignment'?: FlexAlignment | 'space-between';
|
|
12
|
+
'vertical-alignment'?: FlexAlignment;
|
|
13
|
+
'space-between'?: 'sm' | 'md' | 'lg';
|
|
14
|
+
};
|
|
15
|
+
type Props = {
|
|
16
|
+
shadow?: 'md' | 'lg' | 'xl' | '2xl';
|
|
17
|
+
borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
18
|
+
paddingX?: string;
|
|
19
|
+
paddingY?: string;
|
|
20
|
+
background?: string;
|
|
21
|
+
backgroundImageUrl?: string;
|
|
22
|
+
width?: string;
|
|
23
|
+
collapsible?: boolean;
|
|
24
|
+
'icon-position'?: 'right' | 'left';
|
|
25
|
+
'fill-title'?: boolean;
|
|
26
|
+
border?: boolean;
|
|
27
|
+
text?: string;
|
|
28
|
+
'icon-name'?: string;
|
|
29
|
+
collapsed?: boolean;
|
|
30
|
+
'text-align'?: 'left' | 'right' | 'center';
|
|
31
|
+
'text-variant'?: 'body1' | 'body2' | 'subtitle1' | 'h1' | 'h2' | 'h3' | 'subtitle2';
|
|
32
|
+
'text-mode'?: 'primary' | 'secondary' | 'error' | 'success';
|
|
33
|
+
} & ((Flex & Never<ContainerAlignment>) | (ContainerAlignment & Never<Flex>));
|
|
34
|
+
declare global {
|
|
35
|
+
namespace React.JSX {
|
|
36
|
+
interface IntrinsicElements {
|
|
37
|
+
'descope-collapsible-container': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
declare const Container: React.ForwardRefExoticComponent<(Props & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
export default Container;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as CollapsibleContainer } from './CollapsibleContainer';
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -83,6 +83,7 @@ export declare const HybridFieldClass: ComponentClass;
|
|
|
83
83
|
export declare const AlertClass: ComponentClass;
|
|
84
84
|
export declare const AddressFieldClass: ComponentClass;
|
|
85
85
|
export declare const TimerButtonClass: ComponentClass;
|
|
86
|
+
export declare const CollapsibleContainerClass: ComponentClass;
|
|
86
87
|
export { globalsThemeToStyle, createComponentsTheme, themeToStyle, componentsThemeManager, darkTheme, genColor, defaultTheme, themeVars };
|
|
87
88
|
export type Theme = {
|
|
88
89
|
globals: {
|
|
@@ -157,5 +158,6 @@ export * from './HybridField';
|
|
|
157
158
|
export * from './Alert';
|
|
158
159
|
export * from './AddressField';
|
|
159
160
|
export * from './TimerButton';
|
|
161
|
+
export * from './CollapsibleContainer';
|
|
160
162
|
export * from './Turnstile';
|
|
161
163
|
export * from '@descope/web-components-ui';
|