@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.
Files changed (63) hide show
  1. package/dist/components/Button/Button.d.ts.map +1 -1
  2. package/dist/components/DataContainerCard/DataContainerCard.d.ts +40 -0
  3. package/dist/components/DataContainerCard/DataContainerCard.d.ts.map +1 -0
  4. package/dist/components/DataContainerCard/DataContainerCard.types.d.ts +149 -0
  5. package/dist/components/DataContainerCard/DataContainerCard.types.d.ts.map +1 -0
  6. package/dist/components/DataContainerCard/index.d.ts +3 -0
  7. package/dist/components/DataContainerCard/index.d.ts.map +1 -0
  8. package/dist/components/FieldLabel/FieldLabel.d.ts +3 -1
  9. package/dist/components/FieldLabel/FieldLabel.d.ts.map +1 -1
  10. package/dist/components/FieldLabel/FieldLabel.types.d.ts +10 -0
  11. package/dist/components/FieldLabel/FieldLabel.types.d.ts.map +1 -1
  12. package/dist/components/Icon/Icon.d.ts +2 -2
  13. package/dist/components/Icon/Icon.types.d.ts +2 -2
  14. package/dist/components/LoginForm/LoginForm.d.ts.map +1 -1
  15. package/dist/components/LoginForm/LoginForm.types.d.ts +5 -0
  16. package/dist/components/LoginForm/LoginForm.types.d.ts.map +1 -1
  17. package/dist/components/MetadataDetails/MetadataDetails.d.ts +49 -0
  18. package/dist/components/MetadataDetails/MetadataDetails.d.ts.map +1 -0
  19. package/dist/components/MetadataDetails/MetadataDetails.types.d.ts +72 -0
  20. package/dist/components/MetadataDetails/MetadataDetails.types.d.ts.map +1 -0
  21. package/dist/components/MetadataDetails/index.d.ts +3 -0
  22. package/dist/components/MetadataDetails/index.d.ts.map +1 -0
  23. package/dist/components/Modal/Modal.d.ts +1 -1
  24. package/dist/components/Modal/Modal.d.ts.map +1 -1
  25. package/dist/components/Modal/Modal.types.d.ts +38 -26
  26. package/dist/components/Modal/Modal.types.d.ts.map +1 -1
  27. package/dist/components/Multiselect/Multiselect.d.ts.map +1 -1
  28. package/dist/components/Multiselect/Multiselect.types.d.ts +20 -1
  29. package/dist/components/Multiselect/Multiselect.types.d.ts.map +1 -1
  30. package/dist/components/Select/Select.d.ts.map +1 -1
  31. package/dist/components/Select/Select.types.d.ts +20 -1
  32. package/dist/components/Select/Select.types.d.ts.map +1 -1
  33. package/dist/components/StickyFooter/StickyFooter.d.ts +40 -0
  34. package/dist/components/StickyFooter/StickyFooter.d.ts.map +1 -0
  35. package/dist/components/StickyFooter/StickyFooter.types.d.ts +69 -0
  36. package/dist/components/StickyFooter/StickyFooter.types.d.ts.map +1 -0
  37. package/dist/components/StickyFooter/index.d.ts +3 -0
  38. package/dist/components/StickyFooter/index.d.ts.map +1 -0
  39. package/dist/components/index.d.ts +6 -4
  40. package/dist/components/index.d.ts.map +1 -1
  41. package/dist/connectingib.css +1 -1
  42. package/dist/index.js +620 -545
  43. package/dist/index.js.map +1 -1
  44. package/dist/index.mjs +6998 -6658
  45. package/dist/index.mjs.map +1 -1
  46. package/dist/theme/index.d.ts +65 -35
  47. package/dist/theme/index.d.ts.map +1 -1
  48. package/dist/theme/typography.d.ts +100 -0
  49. package/dist/theme/typography.d.ts.map +1 -0
  50. package/dist/utils/file-formats.d.ts +1 -1
  51. package/package.json +1 -1
  52. package/dist/components/Overlay/Overlay.d.ts +0 -35
  53. package/dist/components/Overlay/Overlay.d.ts.map +0 -1
  54. package/dist/components/Overlay/Overlay.types.d.ts +0 -121
  55. package/dist/components/Overlay/Overlay.types.d.ts.map +0 -1
  56. package/dist/components/Overlay/index.d.ts +0 -7
  57. package/dist/components/Overlay/index.d.ts.map +0 -1
  58. package/dist/components/SingleDataComponent/SingleDataComponent.d.ts +0 -32
  59. package/dist/components/SingleDataComponent/SingleDataComponent.d.ts.map +0 -1
  60. package/dist/components/SingleDataComponent/SingleDataComponent.types.d.ts +0 -51
  61. package/dist/components/SingleDataComponent/SingleDataComponent.types.d.ts.map +0 -1
  62. package/dist/components/SingleDataComponent/index.d.ts +0 -3
  63. 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;AAoflD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,MAAM,2GAkHlB,CAAC;AAIF,eAAe,MAAM,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,3 @@
1
+ export { DataContainerCard, default } from './DataContainerCard';
2
+ export type { DataContainerCardProps, DataContainerCardBorderRadius, DataContainerCardShadow, DataContainerCardContentPadding, } from './DataContainerCard.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,EAAE,MAAM,oBAAoB,CAAC;AA8B1D;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,EAAE,EACF,SAAS,EACT,aAAa,EAAE,MAAM,GACtB,EAAE,eAAe,kDAajB;AAED,eAAe,UAAU,CAAC"}
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;CACxB"}
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 Icons and custom SVG
3
+ * Icon component - Flexible icon component supporting Material Symbols and custom SVG
4
4
  *
5
5
  * @example
6
6
  * ```tsx
7
- * // Using Material Icon
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 Icon name (e.g., 'folder', 'download', 'search')
16
- * Use this for Material Icons font icons
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,4GAiPrB,CAAC;AAIF,eAAe,SAAS,CAAC"}
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,3 @@
1
+ export { MetadataDetails } from './MetadataDetails';
2
+ export type { MetadataDetailsProps, MetadataDetailsType, FontSizeVariant, MetadataLayout, } from './MetadataDetails.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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;AA6PvB;;;;;;;;;;;;;;;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,GACtB,EAAE,UAAU,2CAiHZ;yBA9He,KAAK;;;;;;AAgIrB;;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
+ {"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
- * ## Modal vs Overlay: When to Use Each
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
- * Use Modal when you need a standard dialog with:
20
- * - A title
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
- * // Use Modal for dialogs with structure
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
- * // Use Overlay for custom overlays
49
- * <Overlay open={isLoading}>
31
+ * // Loading overlay (transparent backdrop with just a spinner)
32
+ * <Modal isOpen={isLoading} onClose={() => {}} transparent showCloseButton={false}>
50
33
  * <Spinner size="lg" />
51
- * </Overlay>
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;AAEvC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;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;CACxB;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
+ {"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,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW,6GAyhBvB,CAAC;AAIF,eAAe,WAAW,CAAC"}
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;AAEvC;;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;CACxB"}
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,EAAgB,MAAM,gBAAgB,CAAC;AA+WhE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,wGA6WjB,CAAC;AAIH,eAAe,MAAM,CAAC"}
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"}