inline-chat-kit 0.50.0 → 0.51.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/CHANGELOG.md +17 -0
- package/dist/ChatHeader/ChatHeader.d.ts +14 -0
- package/dist/index.d.ts +1 -1
- package/dist/inline-chat-kit.js +959 -959
- package/dist/inline-chat-kit.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,23 @@ The versions before 1.0 follow the pre-release convention: **a breaking change
|
|
|
6
6
|
or new public API bumps the minor**, and the patch is for fixes. Anything that would break an
|
|
7
7
|
existing install is called out under **Breaking**, with what to do about it.
|
|
8
8
|
|
|
9
|
+
## 0.51.0 — 2026-09-02
|
|
10
|
+
|
|
11
|
+
### Added
|
|
12
|
+
|
|
13
|
+
- **`headerIconSize`** — how big an icon in a `<ChatHeader>` should be, one
|
|
14
|
+
number per header size (`s` 14, `m` 16, `l` 18).
|
|
15
|
+
|
|
16
|
+
The header draws its own back button and overflow menu from these; every
|
|
17
|
+
other icon in the row is a `ReactNode` the caller made at whatever size they
|
|
18
|
+
guessed. In the demo a segmented toggle came out at 15 against everything
|
|
19
|
+
else's 16 — one pixel, and visible, because the row is four icons in a line
|
|
20
|
+
and one of them was smaller. Now it can be asked for:
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
23
|
+
<Highlighter size={headerIconSize.m} />
|
|
24
|
+
```
|
|
25
|
+
|
|
9
26
|
## 0.50.0 — 2026-09-02
|
|
10
27
|
|
|
11
28
|
### Added
|
|
@@ -86,4 +86,18 @@ export interface ChatHeaderProps extends Omit<HTMLAttributes<HTMLElement>, "titl
|
|
|
86
86
|
*/
|
|
87
87
|
children?: ReactNode;
|
|
88
88
|
}
|
|
89
|
+
/**
|
|
90
|
+
* How big an icon in this header should be, per header size.
|
|
91
|
+
*
|
|
92
|
+
* Exported because the actions are the caller's: the header draws its own back
|
|
93
|
+
* button and overflow menu from this, and everything beside them is a
|
|
94
|
+
* `ReactNode` somebody else made at whatever size they guessed. A segmented
|
|
95
|
+
* toggle in the demo came out at 15 against everything else's 16 — a pixel,
|
|
96
|
+
* and visible, because the row is four icons in a line and one of them was
|
|
97
|
+
* smaller.
|
|
98
|
+
*
|
|
99
|
+
* `<Highlighter size={headerIconSize.m} />` rather than a number, and the row
|
|
100
|
+
* stays even when the header's size changes.
|
|
101
|
+
*/
|
|
102
|
+
export declare const headerIconSize: Record<ChatHeaderSize, number>;
|
|
89
103
|
export declare const ChatHeader: import('react').ForwardRefExoticComponent<ChatHeaderProps & import('react').RefAttributes<HTMLElement>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export { useVoiceInput } from './voice/useVoiceInput';
|
|
|
14
14
|
export type { TranscribeContext, TranscribeHandler, UseVoiceInputOptions, VoiceInput, VoiceState, } from './voice/useVoiceInput';
|
|
15
15
|
export { announce } from './announce/announce';
|
|
16
16
|
export type { Politeness } from './announce/announce';
|
|
17
|
-
export { ChatHeader } from './ChatHeader/ChatHeader';
|
|
17
|
+
export { ChatHeader, headerIconSize } from './ChatHeader/ChatHeader';
|
|
18
18
|
export type { ChatHeaderAction, ChatHeaderProps, ChatHeaderSize, ChatHeaderVariant, } from './ChatHeader/ChatHeader';
|
|
19
19
|
export { ChatTurnRow } from './ChatTurnRow/ChatTurnRow';
|
|
20
20
|
export type { ChatTurnRowProps } from './ChatTurnRow/ChatTurnRow';
|