@intelligencebank/connectingib 3.2.0 → 4.0.0
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/components/Button/Button.d.ts.map +1 -1
- package/dist/components/DataContainerCard/DataContainerCard.d.ts +40 -0
- package/dist/components/DataContainerCard/DataContainerCard.d.ts.map +1 -0
- package/dist/components/DataContainerCard/DataContainerCard.types.d.ts +149 -0
- package/dist/components/DataContainerCard/DataContainerCard.types.d.ts.map +1 -0
- package/dist/components/DataContainerCard/index.d.ts +3 -0
- package/dist/components/DataContainerCard/index.d.ts.map +1 -0
- package/dist/components/FieldLabel/FieldLabel.d.ts +3 -1
- package/dist/components/FieldLabel/FieldLabel.d.ts.map +1 -1
- package/dist/components/FieldLabel/FieldLabel.types.d.ts +10 -0
- package/dist/components/FieldLabel/FieldLabel.types.d.ts.map +1 -1
- package/dist/components/Icon/Icon.d.ts +2 -2
- package/dist/components/Icon/Icon.types.d.ts +2 -2
- package/dist/components/LoginForm/LoginForm.d.ts.map +1 -1
- package/dist/components/LoginForm/LoginForm.types.d.ts +5 -0
- package/dist/components/LoginForm/LoginForm.types.d.ts.map +1 -1
- package/dist/components/MetadataDetails/MetadataDetails.d.ts +49 -0
- package/dist/components/MetadataDetails/MetadataDetails.d.ts.map +1 -0
- package/dist/components/MetadataDetails/MetadataDetails.types.d.ts +72 -0
- package/dist/components/MetadataDetails/MetadataDetails.types.d.ts.map +1 -0
- package/dist/components/MetadataDetails/index.d.ts +3 -0
- package/dist/components/MetadataDetails/index.d.ts.map +1 -0
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.types.d.ts +38 -26
- package/dist/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/components/Multiselect/Multiselect.d.ts.map +1 -1
- package/dist/components/Multiselect/Multiselect.types.d.ts +20 -1
- package/dist/components/Multiselect/Multiselect.types.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.types.d.ts +20 -1
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/components/StickyFooter/StickyFooter.d.ts +40 -0
- package/dist/components/StickyFooter/StickyFooter.d.ts.map +1 -0
- package/dist/components/StickyFooter/StickyFooter.types.d.ts +69 -0
- package/dist/components/StickyFooter/StickyFooter.types.d.ts.map +1 -0
- package/dist/components/StickyFooter/index.d.ts +3 -0
- package/dist/components/StickyFooter/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +6 -4
- package/dist/components/index.d.ts.map +1 -1
- package/dist/connectingib.css +1 -1
- package/dist/index.js +620 -545
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6998 -6658
- package/dist/index.mjs.map +1 -1
- package/dist/theme/index.d.ts +65 -35
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/typography.d.ts +100 -0
- package/dist/theme/typography.d.ts.map +1 -0
- package/dist/utils/file-formats.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/Overlay/Overlay.d.ts +0 -35
- package/dist/components/Overlay/Overlay.d.ts.map +0 -1
- package/dist/components/Overlay/Overlay.types.d.ts +0 -121
- package/dist/components/Overlay/Overlay.types.d.ts.map +0 -1
- package/dist/components/Overlay/index.d.ts +0 -7
- package/dist/components/Overlay/index.d.ts.map +0 -1
- package/dist/components/SingleDataComponent/SingleDataComponent.d.ts +0 -32
- package/dist/components/SingleDataComponent/SingleDataComponent.d.ts.map +0 -1
- package/dist/components/SingleDataComponent/SingleDataComponent.types.d.ts +0 -51
- package/dist/components/SingleDataComponent/SingleDataComponent.types.d.ts.map +0 -1
- package/dist/components/SingleDataComponent/index.d.ts +0 -3
- package/dist/components/SingleDataComponent/index.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA8flD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,MAAM,2GAkHlB,CAAC;AAIF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { DataContainerCardProps } from './DataContainerCard.types';
|
|
3
|
+
/**
|
|
4
|
+
* DataContainerCard is a generic container component for displaying data sections
|
|
5
|
+
* with consistent styling. It supports both collapsible (accordion) and static
|
|
6
|
+
* display modes, nested containers, and customizable visual styling.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* // Basic non-collapsible usage
|
|
11
|
+
* <DataContainerCard title="Review Details" collapsible={false}>
|
|
12
|
+
* <MetadataDetails name="Status" value="Complete" />
|
|
13
|
+
* </DataContainerCard>
|
|
14
|
+
*
|
|
15
|
+
* // Collapsible usage
|
|
16
|
+
* <DataContainerCard title="Select Files" collapsible defaultOpen>
|
|
17
|
+
* <FileInputSection />
|
|
18
|
+
* </DataContainerCard>
|
|
19
|
+
*
|
|
20
|
+
* // Nested containers
|
|
21
|
+
* <DataContainerCard title="Review Results" collapsible defaultOpen>
|
|
22
|
+
* <DataContainerCard title="High Severity" isChild collapsible defaultOpen>
|
|
23
|
+
* <FindingCard severity="high" />
|
|
24
|
+
* </DataContainerCard>
|
|
25
|
+
* </DataContainerCard>
|
|
26
|
+
*
|
|
27
|
+
* // With visual styling
|
|
28
|
+
* <DataContainerCard
|
|
29
|
+
* title="Summary"
|
|
30
|
+
* borderRadius="md"
|
|
31
|
+
* shadow="md"
|
|
32
|
+
* showBorder
|
|
33
|
+
* >
|
|
34
|
+
* <ResultsSummary />
|
|
35
|
+
* </DataContainerCard>
|
|
36
|
+
* ```
|
|
37
|
+
*/
|
|
38
|
+
export declare const DataContainerCard: React.FC<DataContainerCardProps>;
|
|
39
|
+
export default DataContainerCard;
|
|
40
|
+
//# sourceMappingURL=DataContainerCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataContainerCard.d.ts","sourceRoot":"","sources":["../../../src/components/DataContainerCard/DataContainerCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,2BAA2B,CAAC;AAuOnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqK9D,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Configuration for using a string/ReactNode title
|
|
4
|
+
*/
|
|
5
|
+
type DataContainerCardWithTitle = {
|
|
6
|
+
/**
|
|
7
|
+
* The title displayed in the header.
|
|
8
|
+
* Can be a string or any ReactNode.
|
|
9
|
+
*/
|
|
10
|
+
title: ReactNode;
|
|
11
|
+
customTitleComponent?: never;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Configuration for using a fully custom title component
|
|
15
|
+
*/
|
|
16
|
+
type DataContainerCardWithCustomTitle = {
|
|
17
|
+
/**
|
|
18
|
+
* A custom component to render as the entire title area.
|
|
19
|
+
* When provided, this replaces the default title rendering entirely.
|
|
20
|
+
*/
|
|
21
|
+
customTitleComponent: ReactNode;
|
|
22
|
+
title?: never;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Title can be provided as either `title` or `customTitleComponent`, but not both.
|
|
26
|
+
* This union type enforces mutual exclusivity.
|
|
27
|
+
*/
|
|
28
|
+
type TitleOptions = DataContainerCardWithTitle | DataContainerCardWithCustomTitle;
|
|
29
|
+
/**
|
|
30
|
+
* Border radius options for the container
|
|
31
|
+
*/
|
|
32
|
+
export type DataContainerCardBorderRadius = 'none' | 'sm' | 'md' | 'lg';
|
|
33
|
+
/**
|
|
34
|
+
* Drop shadow intensity options
|
|
35
|
+
*/
|
|
36
|
+
export type DataContainerCardShadow = 'none' | 'sm' | 'md' | 'lg';
|
|
37
|
+
/**
|
|
38
|
+
* Content padding options
|
|
39
|
+
*/
|
|
40
|
+
export type DataContainerCardContentPadding = 'none' | 'sm' | 'md';
|
|
41
|
+
/**
|
|
42
|
+
* Props for the DataContainerCard component
|
|
43
|
+
*/
|
|
44
|
+
export type DataContainerCardProps = {
|
|
45
|
+
/**
|
|
46
|
+
* The content to be displayed inside the container.
|
|
47
|
+
* For collapsible mode, this is shown when expanded.
|
|
48
|
+
*/
|
|
49
|
+
children: ReactNode;
|
|
50
|
+
/**
|
|
51
|
+
* Controls whether the container is collapsible (accordion behavior).
|
|
52
|
+
* When false, the container is always expanded and shows no toggle.
|
|
53
|
+
* @default false
|
|
54
|
+
*/
|
|
55
|
+
collapsible?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Initial open/closed state for collapsible containers.
|
|
58
|
+
* Ignored when collapsible is false.
|
|
59
|
+
* @default true
|
|
60
|
+
*/
|
|
61
|
+
defaultOpen?: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* Controlled open state. When provided, the component becomes controlled.
|
|
64
|
+
* Use with `onOpenChange` for full control.
|
|
65
|
+
*/
|
|
66
|
+
open?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Callback fired when the open state changes (collapsible mode only).
|
|
69
|
+
* @param isOpen - The new open state
|
|
70
|
+
*/
|
|
71
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
72
|
+
/**
|
|
73
|
+
* Indicates this is a nested child container within another DataContainerCard.
|
|
74
|
+
* Applies appropriate visual styling (reduced header size, nested background).
|
|
75
|
+
* @default false
|
|
76
|
+
*/
|
|
77
|
+
isChild?: boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Optional content to display on the right side of the header.
|
|
80
|
+
* Commonly used for action buttons, status indicators, or badges.
|
|
81
|
+
*/
|
|
82
|
+
rightSection?: ReactNode;
|
|
83
|
+
/**
|
|
84
|
+
* Border radius of the container.
|
|
85
|
+
* @default 'none'
|
|
86
|
+
*/
|
|
87
|
+
borderRadius?: DataContainerCardBorderRadius;
|
|
88
|
+
/**
|
|
89
|
+
* Drop shadow intensity. Use for elevated appearance.
|
|
90
|
+
* @default 'none'
|
|
91
|
+
*/
|
|
92
|
+
shadow?: DataContainerCardShadow;
|
|
93
|
+
/**
|
|
94
|
+
* Custom border color. When undefined, uses default theme border color.
|
|
95
|
+
* Accepts any valid CSS color value or theme token path.
|
|
96
|
+
* @example 'grey.200' | '#e0e0e0' | 'error'
|
|
97
|
+
*/
|
|
98
|
+
borderColor?: string;
|
|
99
|
+
/**
|
|
100
|
+
* Whether to show a border around the container.
|
|
101
|
+
* @default false
|
|
102
|
+
*/
|
|
103
|
+
showBorder?: boolean;
|
|
104
|
+
/**
|
|
105
|
+
* Whether to show a border below the header when content is visible.
|
|
106
|
+
* @default true
|
|
107
|
+
*/
|
|
108
|
+
showHeaderBorderBottom?: boolean;
|
|
109
|
+
/**
|
|
110
|
+
* Custom height for the header in pixels.
|
|
111
|
+
* - Parent containers: 48px (default)
|
|
112
|
+
* - Child containers: 40px (applied automatically when isChild=true)
|
|
113
|
+
* - Set to 0 for auto height
|
|
114
|
+
*/
|
|
115
|
+
headerHeight?: number;
|
|
116
|
+
/**
|
|
117
|
+
* Whether the header should stick to the top when scrolling within a scrollable parent.
|
|
118
|
+
* @default false
|
|
119
|
+
*/
|
|
120
|
+
stickyHeader?: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* Padding for the content area.
|
|
123
|
+
* @default 'md'
|
|
124
|
+
*/
|
|
125
|
+
contentPadding?: DataContainerCardContentPadding;
|
|
126
|
+
/**
|
|
127
|
+
* Unique identifier for the container.
|
|
128
|
+
* Used for accessibility attributes and the onOpenChange callback.
|
|
129
|
+
*/
|
|
130
|
+
id?: string;
|
|
131
|
+
/**
|
|
132
|
+
* Data attribute for tracking/analytics (e.g., Pendo).
|
|
133
|
+
*/
|
|
134
|
+
dataId?: string;
|
|
135
|
+
/**
|
|
136
|
+
* data-testid attribute for testing purposes.
|
|
137
|
+
*/
|
|
138
|
+
dataTestId?: string;
|
|
139
|
+
/**
|
|
140
|
+
* Additional CSS class name for custom styling.
|
|
141
|
+
*/
|
|
142
|
+
className?: string;
|
|
143
|
+
/**
|
|
144
|
+
* Inline styles applied to the container.
|
|
145
|
+
*/
|
|
146
|
+
style?: CSSProperties;
|
|
147
|
+
} & TitleOptions;
|
|
148
|
+
export {};
|
|
149
|
+
//# sourceMappingURL=DataContainerCard.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataContainerCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/DataContainerCard/DataContainerCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,KAAK,0BAA0B,GAAG;IAChC;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB,oBAAoB,CAAC,EAAE,KAAK,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,KAAK,gCAAgC,GAAG;IACtC;;;OAGG;IACH,oBAAoB,EAAE,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,KAAK,YAAY,GAAG,0BAA0B,GAAG,gCAAgC,CAAC;AAElF;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,6BAA6B,CAAC;IAE7C;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,cAAc,CAAC,EAAE,+BAA+B,CAAC;IAEjD;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,GAAG,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataContainerCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EACV,sBAAsB,EACtB,6BAA6B,EAC7B,uBAAuB,EACvB,+BAA+B,GAChC,MAAM,2BAA2B,CAAC"}
|
|
@@ -8,8 +8,10 @@ import { FieldLabelProps } from './FieldLabel.types';
|
|
|
8
8
|
* @example
|
|
9
9
|
* ```tsx
|
|
10
10
|
* <FieldLabel label="Email" htmlFor="email-input" required />
|
|
11
|
+
* <FieldLabel label="Large Label" fontSize="lg" />
|
|
12
|
+
* <FieldLabel label="Custom Size" fontSize="18px" />
|
|
11
13
|
* ```
|
|
12
14
|
*/
|
|
13
|
-
export declare function FieldLabel({ label, required, htmlFor, id, className, 'data-testid': testId, }: FieldLabelProps): import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
export declare function FieldLabel({ label, required, htmlFor, id, className, fontSize, 'data-testid': testId, }: FieldLabelProps): import("react/jsx-runtime").JSX.Element | null;
|
|
14
16
|
export default FieldLabel;
|
|
15
17
|
//# sourceMappingURL=FieldLabel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,oBAAoB,CAAC;AAiDzE;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,EAAE,EACF,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,MAAM,GACtB,EAAE,eAAe,kDAajB;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Font size value - can be a theme token key or a CSS value
|
|
4
|
+
*/
|
|
5
|
+
export type FontSizeValue = 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | CSSProperties['fontSize'];
|
|
1
6
|
/**
|
|
2
7
|
* FieldLabel Component Types
|
|
3
8
|
*/
|
|
@@ -26,5 +31,10 @@ export interface FieldLabelProps {
|
|
|
26
31
|
* Optional data-testid for testing
|
|
27
32
|
*/
|
|
28
33
|
'data-testid'?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Custom font size for the label
|
|
36
|
+
* Can be a theme token key ('xs', 'sm', 'base', 'md', 'lg', 'xl') or CSS value
|
|
37
|
+
*/
|
|
38
|
+
fontSize?: FontSizeValue;
|
|
29
39
|
}
|
|
30
40
|
//# sourceMappingURL=FieldLabel.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldLabel.types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/FieldLabel.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"FieldLabel.types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/FieldLabel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;AAElG;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { IconProps } from './Icon.types';
|
|
2
2
|
/**
|
|
3
|
-
* Icon component - Flexible icon component supporting Material
|
|
3
|
+
* Icon component - Flexible icon component supporting Material Symbols and custom SVG
|
|
4
4
|
*
|
|
5
5
|
* @example
|
|
6
6
|
* ```tsx
|
|
7
|
-
* // Using Material
|
|
7
|
+
* // Using Material Symbols
|
|
8
8
|
* <Icon name="folder" size="md" color="primary" />
|
|
9
9
|
* <Icon name="download" size="lg" />
|
|
10
10
|
* <Icon name="search" />
|
|
@@ -12,8 +12,8 @@ export type IconColor = 'inherit' | 'primary' | 'secondary' | 'info' | 'success'
|
|
|
12
12
|
*/
|
|
13
13
|
export interface IconProps {
|
|
14
14
|
/**
|
|
15
|
-
* Material
|
|
16
|
-
* Use this for Material
|
|
15
|
+
* Material Symbol name (e.g., 'folder', 'download', 'search')
|
|
16
|
+
* Use this for Material Symbols font icons
|
|
17
17
|
*/
|
|
18
18
|
name?: string;
|
|
19
19
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../src/components/LoginForm/LoginForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAoB,MAAM,mBAAmB,CAAC;AAG1E;;;GAGG;AACH,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../src/components/LoginForm/LoginForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAoB,MAAM,mBAAmB,CAAC;AAG1E;;;GAGG;AACH,eAAO,MAAM,SAAS,4GAkPrB,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -73,6 +73,11 @@ export interface LoginFormProps {
|
|
|
73
73
|
* @default 'URL (without https://)'
|
|
74
74
|
*/
|
|
75
75
|
urlLabel?: string;
|
|
76
|
+
/**
|
|
77
|
+
* Description text displayed above the form
|
|
78
|
+
* @default 'Login to your IntelligenceBank account by entering your credentials below.'
|
|
79
|
+
*/
|
|
80
|
+
description?: string;
|
|
76
81
|
/**
|
|
77
82
|
* Additional CSS classes
|
|
78
83
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginForm.types.d.ts","sourceRoot":"","sources":["../../../src/components/LoginForm/LoginForm.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAElD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
1
|
+
{"version":3,"file":"LoginForm.types.d.ts","sourceRoot":"","sources":["../../../src/components/LoginForm/LoginForm.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAElD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { MetadataDetailsProps } from './MetadataDetails.types';
|
|
2
|
+
/**
|
|
3
|
+
* MetadataDetails displays a labeled data field in various formats.
|
|
4
|
+
*
|
|
5
|
+
* Supports four display types:
|
|
6
|
+
* - Normal: Standard label-value pair
|
|
7
|
+
* - Bold: Label with emphasized (semi-bold) value
|
|
8
|
+
* - Chip: Compact chip-style display with background
|
|
9
|
+
* - Custom: Label with custom component as value
|
|
10
|
+
*
|
|
11
|
+
* Layout options:
|
|
12
|
+
* - inline: Label on the left, value on the right (default)
|
|
13
|
+
* - stacked: Label above, value below
|
|
14
|
+
*
|
|
15
|
+
* Font sizes can be customized using theme-aligned variants:
|
|
16
|
+
* - labelFontSize: Controls the label text size
|
|
17
|
+
* - valueFontSize: Controls the value text size
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* // Normal usage
|
|
21
|
+
* <MetadataDetails name="Name" value="John Doe" />
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* // Stacked layout with custom font sizes
|
|
25
|
+
* <MetadataDetails
|
|
26
|
+
* name="Status"
|
|
27
|
+
* value="Active"
|
|
28
|
+
* layout="stacked"
|
|
29
|
+
* valueFontSize="xs"
|
|
30
|
+
* />
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* // Bold type
|
|
34
|
+
* <MetadataDetails name="Title" value="Project Manager" type="Bold" />
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* // Chip type (always stacked internally)
|
|
38
|
+
* <MetadataDetails name="Status" value="Active" type="Chip" />
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* // Custom component
|
|
42
|
+
* <MetadataDetails
|
|
43
|
+
* name="Link"
|
|
44
|
+
* type="Custom"
|
|
45
|
+
* component={<a href="#">View Details</a>}
|
|
46
|
+
* />
|
|
47
|
+
*/
|
|
48
|
+
export declare const MetadataDetails: import('react').ForwardRefExoticComponent<MetadataDetailsProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
49
|
+
//# sourceMappingURL=MetadataDetails.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MetadataDetails.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataDetails/MetadataDetails.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAmC,MAAM,yBAAyB,CAAC;AAqHrG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,eAAe,iHA0D3B,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Type variants for MetadataDetails display
|
|
4
|
+
* - Normal: Standard text display
|
|
5
|
+
* - Bold: Emphasized text display (semi-bold)
|
|
6
|
+
* - Chip: Compact chip-style display with background
|
|
7
|
+
* - Custom: Custom component as value
|
|
8
|
+
*/
|
|
9
|
+
export type MetadataDetailsType = 'Normal' | 'Bold' | 'Chip' | 'Custom';
|
|
10
|
+
/**
|
|
11
|
+
* Font size variants aligned with theme typography
|
|
12
|
+
*/
|
|
13
|
+
export type FontSizeVariant = 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl';
|
|
14
|
+
/**
|
|
15
|
+
* Layout variants for label/value positioning
|
|
16
|
+
* - inline: Label on the left, value on the right (default)
|
|
17
|
+
* - stacked: Label above, value below
|
|
18
|
+
*/
|
|
19
|
+
export type MetadataLayout = 'inline' | 'stacked';
|
|
20
|
+
export interface MetadataDetailsProps {
|
|
21
|
+
/**
|
|
22
|
+
* Label/name text displayed above or beside the value
|
|
23
|
+
*/
|
|
24
|
+
name: string;
|
|
25
|
+
/**
|
|
26
|
+
* Value text to display (used when type is not 'Custom')
|
|
27
|
+
*/
|
|
28
|
+
value?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Display type variant
|
|
31
|
+
* @default 'Normal'
|
|
32
|
+
*/
|
|
33
|
+
type?: MetadataDetailsType;
|
|
34
|
+
/**
|
|
35
|
+
* Layout variant for label/value positioning
|
|
36
|
+
* - inline: Label on the left, value on the right
|
|
37
|
+
* - stacked: Label above, value below
|
|
38
|
+
* @default 'inline'
|
|
39
|
+
*/
|
|
40
|
+
layout?: MetadataLayout;
|
|
41
|
+
/**
|
|
42
|
+
* Custom component to render as the value (used when type is 'Custom')
|
|
43
|
+
*/
|
|
44
|
+
component?: ReactNode;
|
|
45
|
+
/**
|
|
46
|
+
* Color for the name/label text
|
|
47
|
+
* @default theme.colors.grey[500]
|
|
48
|
+
*/
|
|
49
|
+
color?: string;
|
|
50
|
+
/**
|
|
51
|
+
* Minimum width for the name/label field (only applies to inline layout)
|
|
52
|
+
* @default '140px'
|
|
53
|
+
*/
|
|
54
|
+
minWidth?: string | number;
|
|
55
|
+
/**
|
|
56
|
+
* Font size variant for the label text
|
|
57
|
+
* Aligns with theme.typography.fontSize keys
|
|
58
|
+
* @default undefined (uses component default of 11px)
|
|
59
|
+
*/
|
|
60
|
+
labelFontSize?: FontSizeVariant;
|
|
61
|
+
/**
|
|
62
|
+
* Font size variant for the value text
|
|
63
|
+
* Aligns with theme.typography.fontSize keys
|
|
64
|
+
* @default 'sm' (14px)
|
|
65
|
+
*/
|
|
66
|
+
valueFontSize?: FontSizeVariant;
|
|
67
|
+
/**
|
|
68
|
+
* Additional CSS class name
|
|
69
|
+
*/
|
|
70
|
+
className?: string;
|
|
71
|
+
}
|
|
72
|
+
//# sourceMappingURL=MetadataDetails.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MetadataDetails.types.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataDetails/MetadataDetails.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAE3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataDetails/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,cAAc,GACf,MAAM,yBAAyB,CAAC"}
|
|
@@ -15,7 +15,7 @@ import { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from '
|
|
|
15
15
|
* </Modal>
|
|
16
16
|
* ```
|
|
17
17
|
*/
|
|
18
|
-
export declare function Modal({ isOpen, onClose, title, children, size, closeOnBackdropClick, closeOnEsc, showCloseButton, footer, className, portalContainer, 'data-testid': testId, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function Modal({ isOpen, onClose, title, children, size, closeOnBackdropClick, closeOnEsc, showCloseButton, footer, className, portalContainer, 'data-testid': testId, transparent, zIndex, initialFocusRef, onMount, 'aria-label': ariaLabel, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export declare namespace Modal {
|
|
20
20
|
var Header: typeof ModalHeader;
|
|
21
21
|
var Body: typeof ModalBody;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAuPvB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,oBAA2B,EAC3B,UAAiB,EACjB,eAAsB,EACtB,MAAM,EACN,SAAS,EACT,eAAe,EACf,aAAa,EAAE,MAAM,EACrB,WAAmB,EACnB,MAAW,EACX,eAAe,EACf,OAAO,EACP,YAAY,EAAE,SAAS,GACxB,EAAE,UAAU,2CA2IZ;yBA7Je,KAAK;;;;;;AA+JrB;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAEpE;yBAFe,WAAW;;;AAI3B;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAEhE;yBAFe,SAAS;;;AAIzB;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAEpE;yBAFe,WAAW;;;AAc3B,eAAe,KAAK,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* Size variants for the Modal component
|
|
4
4
|
*/
|
|
@@ -6,37 +6,20 @@ export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
|
6
6
|
/**
|
|
7
7
|
* Props for the Modal component
|
|
8
8
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* **Modal** is a high-level, complete dialog component with built-in structure:
|
|
9
|
+
* The Modal component provides a complete dialog solution with:
|
|
12
10
|
* - Pre-built header with title and close button
|
|
13
11
|
* - Scrollable body content area
|
|
14
12
|
* - Footer for action buttons
|
|
15
13
|
* - Size variants (sm, md, lg, xl, full)
|
|
16
14
|
* - Uses Headless UI Dialog for accessibility
|
|
17
15
|
* - Animated transitions for both backdrop and panel
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* -
|
|
21
|
-
* - Content body
|
|
22
|
-
* - Action buttons (confirm, cancel, etc.)
|
|
23
|
-
*
|
|
24
|
-
* **Overlay** is a low-level backdrop primitive for custom overlay scenarios:
|
|
25
|
-
* - Just a backdrop with optional children (no built-in structure)
|
|
26
|
-
* - Transparent option (no dark background)
|
|
27
|
-
* - Custom z-index control
|
|
28
|
-
* - Manual focus trap control
|
|
29
|
-
* - Portal rendering
|
|
30
|
-
*
|
|
31
|
-
* Use Overlay when you need:
|
|
32
|
-
* - A loading overlay with just a spinner
|
|
33
|
-
* - A custom popup that doesn't follow modal structure
|
|
34
|
-
* - A backdrop behind a drawer or slide-out panel
|
|
35
|
-
* - To build other overlay-based components
|
|
16
|
+
* - Transparent backdrop option for loading overlays or custom scenarios
|
|
17
|
+
* - Custom z-index for stacking contexts
|
|
18
|
+
* - Focus management with initial focus control
|
|
36
19
|
*
|
|
37
20
|
* @example
|
|
38
21
|
* ```tsx
|
|
39
|
-
* //
|
|
22
|
+
* // Standard dialog with structure
|
|
40
23
|
* <Modal isOpen={isOpen} onClose={handleClose} title="Confirm Delete">
|
|
41
24
|
* <p>Are you sure you want to delete this item?</p>
|
|
42
25
|
* <Modal.Footer>
|
|
@@ -45,10 +28,15 @@ export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
|
45
28
|
* </Modal.Footer>
|
|
46
29
|
* </Modal>
|
|
47
30
|
*
|
|
48
|
-
* //
|
|
49
|
-
* <
|
|
31
|
+
* // Loading overlay (transparent backdrop with just a spinner)
|
|
32
|
+
* <Modal isOpen={isLoading} onClose={() => {}} transparent showCloseButton={false}>
|
|
50
33
|
* <Spinner size="lg" />
|
|
51
|
-
* </
|
|
34
|
+
* </Modal>
|
|
35
|
+
*
|
|
36
|
+
* // Custom z-index for stacking
|
|
37
|
+
* <Modal isOpen={isOpen} onClose={handleClose} zIndex={2000}>
|
|
38
|
+
* <p>High z-index modal</p>
|
|
39
|
+
* </Modal>
|
|
52
40
|
* ```
|
|
53
41
|
*/
|
|
54
42
|
export interface ModalProps {
|
|
@@ -76,6 +64,30 @@ export interface ModalProps {
|
|
|
76
64
|
portalContainer?: HTMLElement;
|
|
77
65
|
/** Test ID */
|
|
78
66
|
'data-testid'?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Whether the backdrop is transparent (no dark background)
|
|
69
|
+
* Useful for loading overlays or custom scenarios
|
|
70
|
+
* @default false
|
|
71
|
+
*/
|
|
72
|
+
transparent?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Z-index for the modal
|
|
75
|
+
* @default 50
|
|
76
|
+
*/
|
|
77
|
+
zIndex?: number;
|
|
78
|
+
/**
|
|
79
|
+
* Reference to an element that should receive initial focus when the modal opens
|
|
80
|
+
* If not provided, focus will go to the first focusable element in the modal
|
|
81
|
+
*/
|
|
82
|
+
initialFocusRef?: RefObject<HTMLElement | null>;
|
|
83
|
+
/**
|
|
84
|
+
* Callback fired when the modal finishes mounting
|
|
85
|
+
*/
|
|
86
|
+
onMount?: (container: HTMLDivElement) => void;
|
|
87
|
+
/**
|
|
88
|
+
* ARIA label for the dialog region
|
|
89
|
+
*/
|
|
90
|
+
'aria-label'?: string;
|
|
79
91
|
}
|
|
80
92
|
/**
|
|
81
93
|
* Props for the ModalHeader compound component
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,UAAU;IACzB,4BAA4B;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../src/components/Multiselect/Multiselect.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../src/components/Multiselect/Multiselect.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAiB,MAAM,qBAAqB,CAAC;AA6B3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW,6GAuiBvB,CAAC;AAIF,eAAe,WAAW,CAAC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Font size value - can be a theme token key or a CSS value
|
|
4
|
+
*/
|
|
5
|
+
export type FontSizeValue = 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | CSSProperties['fontSize'];
|
|
2
6
|
/**
|
|
3
7
|
* Option for the Multiselect component
|
|
4
8
|
*/
|
|
@@ -117,5 +121,20 @@ export interface MultiselectProps {
|
|
|
117
121
|
* Test ID for testing
|
|
118
122
|
*/
|
|
119
123
|
'data-testid'?: string;
|
|
124
|
+
/**
|
|
125
|
+
* Font size for the field label
|
|
126
|
+
* Can be a theme token key ('xs', 'sm', 'base', 'md', 'lg', 'xl') or CSS value
|
|
127
|
+
*/
|
|
128
|
+
labelFontSize?: FontSizeValue;
|
|
129
|
+
/**
|
|
130
|
+
* Font size for the selected value chips
|
|
131
|
+
* Can be a theme token key ('xs', 'sm', 'base', 'md', 'lg', 'xl') or CSS value
|
|
132
|
+
*/
|
|
133
|
+
chipFontSize?: FontSizeValue;
|
|
134
|
+
/**
|
|
135
|
+
* Font size for options in the dropdown menu
|
|
136
|
+
* Can be a theme token key ('xs', 'sm', 'base', 'md', 'lg', 'xl') or CSS value
|
|
137
|
+
*/
|
|
138
|
+
optionFontSize?: FontSizeValue;
|
|
120
139
|
}
|
|
121
140
|
//# sourceMappingURL=Multiselect.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.types.d.ts","sourceRoot":"","sources":["../../../src/components/Multiselect/Multiselect.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Multiselect.types.d.ts","sourceRoot":"","sources":["../../../src/components/Multiselect/Multiselect.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;AAElG;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAE7B;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAEhB;;OAEG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAIvB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B;;;OAGG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAA+B,MAAM,gBAAgB,CAAC;AAkY/E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,wGAwXjB,CAAC;AAIH,eAAe,MAAM,CAAC"}
|