ninchat-embed
v2.3.1
Published
Ninchat Embed
Downloads
5,223
Readme
Installation
install using npm i ninchat-embed or link main directly from ninchat.com:
<!DOCTYPE html>
<html>
<head>
<script src="https://ninchat.com/app/embed3.js"></script>
</head>
<body>
<div id="ninchat-container"></div>
<script>
const Ninchat = new NinchatEmbed()
const options = {
configKey: SITE_CONFIG_KEY,
containerId: 'ninchat-container',
}
Ninchat.on(Ninchat.Event.ActivityCount, (data) => {console.info('Activity from Ninchat', data)})
Ninchat.on(Ninchat.Event.AudienceAccepted, (data) => {console.info('Audience accepted from Ninchat', data)})
Ninchat.on(Ninchat.Event.AudienceClosed, (data) => {console.info('Audience closed from Ninchat', data)})
Ninchat.on(Ninchat.Event.AudienceEnded, (data) => {console.info('Audience ended from Ninchat', data)})
Ninchat.on(Ninchat.Event.Route, (data) => {console.info('Route change from Ninchat', data)})
Ninchat.on(Ninchat.Event.Notification, (data) => {
switch (data.type) {
case Ninchat.NotificationType.MessageReceivedChannel:
console.info('Channel message was received', data)
break
default:
console.info('Notification from Ninchat', data)
}
})
Ninchat.on(Ninchat.Event.Error, (data) => {console.error('Error from Ninchat', data)})
Ninchat.init(options)
</script>
</body>
</html>Site config JSON
{
"description": "Site config",
"default": {
"variant": "app"
}
}Init options
Top level options
| Key | Type | Description |
|-----|------|-------------|
| configKey | string | Site config key |
| environment | string[] | List of environment keys. 'default' is always used, and can be omited. |
| targetOrigin | string | Target origin for iframe communication |
| version | string | Version to be send with each API request |
| config | object | Config used to override subset of the keys obtained via configKey and others. See Config Properties in table below |
| configUrls | string[] | List of URL addresses for self-hosted configs. |
| containerId | string | DOM element id for where the chat container is placed.|
| postConfigUrls | string[] | List of URL addresses for self-hosted configs loaded via POST request. |
| variant | 'live' \| 'stage' | Application variant override |
Config Common properties
| Key | Type | Description |
|-----|------|-------------|
| audienceMetadata | object | Audience metadata passed to the expert. |
| variant | 'app' \| 'queue' \| 'channel' | Application variant (required) |
| autoStart | boolean | disable autostart, if set to false Ninchat.start() will need to be called to start embed |
| remember | boolean | Use localStorage instead of default sessionStorage |
| sessionKey | string | Session key prefix for local/session storage |
| timeFormat | '12' \| '24' | Force using specific time format |
| timeLocale | 'en-GB', 'en-US', 'fi', 'no', ... | Force using specific time format locale name, different than selected language |
Config 'App' variant properties
| Key | Type | Description |
|-----|------|-------------|
| sso | object | Single Sign-On configuration (app variant) |
| sso.email | string | User email (when type is 'email') (app variant) |
| sso.name | string | User name (alternative to email) (app variant) |
| sso.type | 'email' | SSO type identifier (app variant) |
| newSso | boolean | Enable new SSO which redirect in parent page |
| initialRoute | Route | Initial route on application load (for app version only) (app variant) |
| colorScheme | 'light' \| 'dark' | Color scheme preference (app variant) |
| hideSidebar | boolean | Hide application sidebar |
Config 'Queue' and 'Channel' variants properties
| Key | Type | Description |
|-----|------|-------------|
| scheduleAccessKey | string | Access key for scheduled appointments |
| channelId | string | Channel id for variant "channel" |
| audienceRealmId | string | Realm identifier for audience (required) |
| audienceAutoQueue | string | Automatic queue for audience |
| language | 'fi' \| 'en' \| 'sv' | Default language |
| translations | object {"string": "string"} | Custom translation overrides (key-value pairs) |
| askUserName | boolean | Force ask userName modal before entering first chat message |
| inQueueText | string | Text shown when user is in queue |
| showCloseConfirmation | boolean | Show confirmation dialog on close |
| closeConfirmText | string | Close confirmation message text |
| closeConfirmTitle | string | Close confirmation title |
| closeConfirmQueueText | string | Close confirmation text for queue |
| closeConfirmQueueTitle | string | Close confirmation title for queue |
| closeConfirmQuestionnaireText | string | Close confirmation text for questionnaire |
| closeConfirmQuestionnaireTitle | string | Close confirmation title for questionnaire |
| audienceStartedText | string | Text shown when audience starts |
| messageAvatars | 'all' \| 'agentsOnly' \| 'none' | Chat avatars display mode |
| sendText | string | Text for chat send button |
| sendIcon | object \| null | Icon configuration for chat send button |
| sendIcon.src | string | Icon image source URL for chat button |
| sendIcon.svg | string | Inline SVG for icon for chat button |
| responsive | array | Responsive breakpoint configurations |
| responsive[].minWidth | number | Minimum viewport width for breakpoint |
| responsive[].maxWidth | number | Maximum viewport width for breakpoint |
| responsive[].overrides | object | Configuration overrides for this breakpoint |
| lightBot | boolean | Enable light bot mode for questionnaire |
| lightBotAvatarIcon | object | Light Bot Avatar Icon |
| lightBotAvatarIcon.src | string | Image source URL |
| lightBotAvatarIcon.svg | string | Inline SVG |
| lightBotAvatarIcon.alt | string | Image alt text |
| lightBotAvatarIcon.width | string | Image width |
| lightBotAvatarIcon.height | string | Image height |
| lightBotAvatarName| string| Light Bot Avatar Name |
| questionnaireValues | object {"string": "string"} | Pre-filled questionnaire text values |
| preAudienceQuestionnaire | array | Setup pre questionnaire (see Questionnaires table below)|
| postAudienceQuestionnaire | array | Setup post questionnaire (see Questionnaires table below) |
| theme | object | Theme customization (see Theme Overrides table below) |
Container properties
| Key | Type | Description |
|-----|------|-------------|
| containerOptions | object | Embed Container display options |
| containerOptions.showHeader | boolean | Show container header |
| containerOptions.headerOptions | object | Header configuration |
| containerOptions.headerOptions.height | number | Header height in pixels |
| containerOptions.headerOptions.title | string | Header title text |
| containerOptions.headerOptions.image | object | Header image configuration |
| containerOptions.headerOptions.image.src | string | Image source URL |
| containerOptions.headerOptions.image.svg | string | Inline SVG |
| containerOptions.headerOptions.image.alt | string | Image alt text |
| containerOptions.headerOptions.image.width | number | Image width |
| containerOptions.headerOptions.image.height | number | Image height |
| containerOptions.headerOptions.actions | object | Header action buttons |
| containerOptions.headerOptions.actions.close | object | Close button configuration |
| containerOptions.headerOptions.actions.close.icon | boolean | Show close icon |
| containerOptions.headerOptions.actions.close.buttonTitle | string | Close button title |
| containerOptions.headerOptions.actions.close.text | string | Close button text |
| containerOptions.headerOptions.actions.dropdown | object | Dropdown button configuration |
| containerOptions.headerOptions.actions.dropdown.icon | boolean | Show dropdown icon |
| containerOptions.headerOptions.actions.dropdown.buttonTitle | string | Dropdown button title |
| containerOptions.headerOptions.actions.dropdown.text | string | Dropdown button text |
| containerOptions.headerOptions.actions.chatList | object | Chat list button configuration |
| containerOptions.headerOptions.actions.chatList.icon | boolean | Show chat list icon |
| containerOptions.headerOptions.actions.chatList.buttonTitle | string | Chat list button title |
| containerOptions.headerOptions.actions.chatList.text | string | Chat list button text |
Floating container properties
| Key | Type | Description |
|-----|------|-------------|
| floating | boolean | Enable embed floating mode |
| floatingOptions | object | Floating mode configuration |
| floatingOptions.ball | boolean | Show floating ball |
| floatingOptions.ballOptions | object | Ball configuration |
| floatingOptions.ballOptions.close | boolean | Show close button on ball |
| floatingOptions.ballOptions.text | string | Ball text content |
| floatingOptions.ballOptions.image | object | Ball image configuration |
| floatingOptions.ballOptions.image.src | string | Image source URL |
| floatingOptions.ballOptions.image.alt | string | Image alt text |
| floatingOptions.ballOptions.image.svg | string | Inline SVG |
| floatingOptions.ballOptions.image.width | number | Image width |
| floatingOptions.ballOptions.image.height | number | Image height |
| floatingOptions.ballOptions.height | number | Ball height in pixels |
| floatingOptions.ballOptions.width | number | Ball width in pixels |
| floatingOptions.ballOptions.offset | object | Ball position offset |
| floatingOptions.ballOptions.offset.x | number | Horizontal offset in pixels |
| floatingOptions.ballOptions.offset.y | number | Vertical offset in pixels |
| floatingOptions.ballOptions.padding | object | Ball padding |
| floatingOptions.ballOptions.padding.horizontal | number | Horizontal padding in pixels |
| floatingOptions.ballOptions.padding.vertical | number | Vertical padding in pixels |
| floatingOptions.headerOptions | object | Floating header configuration |
| floatingOptions.headerOptions.height | number | Header height in pixels |
| floatingOptions.headerOptions.title | object | Title text per state |
| floatingOptions.headerOptions.title.minimized | string | Title when minimized |
| floatingOptions.headerOptions.title.full | string | Title when expanded screen |
| floatingOptions.headerOptions.title.open | string | Title when open |
| floatingOptions.headerOptions.image | object | Header image configuration |
| floatingOptions.headerOptions.image.src | string | Image source URL |
| floatingOptions.headerOptions.image.svg | string | Inline SVG |
| floatingOptions.headerOptions.image.alt | string | Image alt text |
| floatingOptions.headerOptions.image.width | number | Image width |
| floatingOptions.headerOptions.image.height | number | Image height |
| floatingOptions.headerOptions.actions | object | Action buttons configuration |
| floatingOptions.headerOptions.actions.minimized | object | Actions for minimized state |
| floatingOptions.headerOptions.actions.minimized.minimize | object | Minimize button config |
| floatingOptions.headerOptions.actions.minimized.minimize.icon | boolean | Show minimize icon |
| floatingOptions.headerOptions.actions.minimized.minimize.buttonTitle | string | Minimize button title |
| floatingOptions.headerOptions.actions.minimized.minimize.text | string | Minimize button text |
| floatingOptions.headerOptions.actions.minimized.expand | object | Expand button config |
| floatingOptions.headerOptions.actions.minimized.expand.icon | boolean | Show expand icon |
| floatingOptions.headerOptions.actions.minimized.expand.buttonTitle | string | Expand button title |
| floatingOptions.headerOptions.actions.minimized.expand.text | string | Expand button text |
| floatingOptions.headerOptions.actions.minimized.close | object | Close button config |
| floatingOptions.headerOptions.actions.minimized.close.icon | boolean | Show close icon |
| floatingOptions.headerOptions.actions.minimized.close.buttonTitle | string | Close button title |
| floatingOptions.headerOptions.actions.minimized.close.text | string | Close button text |
| floatingOptions.headerOptions.actions.minimized.dropdown | object | Dropdown button config |
| floatingOptions.headerOptions.actions.minimized.dropdown.icon | boolean | Show dropdown icon |
| floatingOptions.headerOptions.actions.minimized.dropdown.buttonTitle | string | Dropdown button title |
| floatingOptions.headerOptions.actions.minimized.dropdown.text | string | Dropdown button text |
| floatingOptions.headerOptions.actions.minimized.chatList | object | Chat list button config |
| floatingOptions.headerOptions.actions.minimized.chatList.icon | boolean | Show chat list icon |
| floatingOptions.headerOptions.actions.minimized.chatList.buttonTitle | string | Chat list button title |
| floatingOptions.headerOptions.actions.minimized.chatList.text | string | Chat list button text |
| floatingOptions.headerOptions.actions.open | object | Actions for open state |
| floatingOptions.headerOptions.actions.open.minimize | object | Minimize button config |
| floatingOptions.headerOptions.actions.open.minimize.icon | boolean | Show minimize icon |
| floatingOptions.headerOptions.actions.open.minimize.buttonTitle | string | Minimize button title |
| floatingOptions.headerOptions.actions.open.minimize.text | string | Minimize button text |
| floatingOptions.headerOptions.actions.open.expand | object | Expand button config |
| floatingOptions.headerOptions.actions.open.expand.icon | boolean | Show expand icon |
| floatingOptions.headerOptions.actions.open.expand.buttonTitle | string | Expand button title |
| floatingOptions.headerOptions.actions.open.expand.text | string | Expand button text |
| floatingOptions.headerOptions.actions.open.close | object | Close button config |
| floatingOptions.headerOptions.actions.open.close.icon | boolean | Show close icon |
| floatingOptions.headerOptions.actions.open.close.buttonTitle | string | Close button title |
| floatingOptions.headerOptions.actions.open.close.text | string | Close button text |
| floatingOptions.headerOptions.actions.open.dropdown | object | Dropdown button config |
| floatingOptions.headerOptions.actions.open.dropdown.icon | boolean | Show dropdown icon |
| floatingOptions.headerOptions.actions.open.dropdown.buttonTitle | string | Dropdown button title |
| floatingOptions.headerOptions.actions.open.dropdown.text | string | Dropdown button text |
| floatingOptions.headerOptions.actions.open.chatList | object | Chat list button config |
| floatingOptions.headerOptions.actions.open.chatList.icon | boolean | Show chat list icon |
| floatingOptions.headerOptions.actions.open.chatList.buttonTitle | string | Chat list button title |
| floatingOptions.headerOptions.actions.open.chatList.text | string | Chat list button text |
| floatingOptions.headerOptions.actions.full | object | Actions for expanded/full state |
| floatingOptions.headerOptions.actions.full.minimize | object | Minimize button config |
| floatingOptions.headerOptions.actions.full.minimize.icon | boolean | Show minimize icon |
| floatingOptions.headerOptions.actions.full.minimize.buttonTitle | string | Minimize button title |
| floatingOptions.headerOptions.actions.full.minimize.text | string | Minimize button text |
| floatingOptions.headerOptions.actions.full.expand | object | Expand button config |
| floatingOptions.headerOptions.actions.full.expand.icon | boolean | Show expand icon |
| floatingOptions.headerOptions.actions.full.expand.buttonTitle | string | Expand button title |
| floatingOptions.headerOptions.actions.full.expand.text | string | Expand button text |
| floatingOptions.headerOptions.actions.full.close | object | Close button config |
| floatingOptions.headerOptions.actions.full.close.icon | boolean | Show close icon |
| floatingOptions.headerOptions.actions.full.close.buttonTitle | string | Close button title |
| floatingOptions.headerOptions.actions.full.close.text | string | Close button text |
| floatingOptions.headerOptions.actions.full.dropdown | object | Dropdown button config |
| floatingOptions.headerOptions.actions.full.dropdown.icon | boolean | Show dropdown icon |
| floatingOptions.headerOptions.actions.full.dropdown.buttonTitle | string | Dropdown button title |
| floatingOptions.headerOptions.actions.full.dropdown.text | string | Dropdown button text |
| floatingOptions.headerOptions.actions.full.chatList | object | Chat list button config |
| floatingOptions.headerOptions.actions.full.chatList.icon | boolean | Show chat list icon |
| floatingOptions.headerOptions.actions.full.chatList.buttonTitle | string | Chat list button title |
| floatingOptions.headerOptions.actions.full.chatList.text | string | Chat list button text |
| floatingOptions.promoBubble | object | Promotional bubble configuration |
| floatingOptions.promoBubble.caret | boolean | Show caret/arrow on bubble |
| floatingOptions.promoBubble.showTimeout | number | Auto-hide timeout in milliseconds |
| floatingOptions.promoBubble.offset | object | Bubble position offset |
| floatingOptions.promoBubble.offset.x | number | Horizontal offset in pixels |
| floatingOptions.promoBubble.offset.y | number | Vertical offset in pixels |
| floatingOptions.promoBubble.items | array | Array of bubble content items |
| floatingOptions.promoBubble.items[].content | string | Bubble item content text |
| floatingOptions.dock | object | Docking position configuration |
| floatingOptions.dock.bottom | boolean | Dock to bottom of viewport |
| floatingOptions.dock.center | boolean | Dock to center of viewport |
| floatingOptions.dock.left | boolean | Dock to left of viewport |
| floatingOptions.dock.right | boolean | Dock to right of viewport |
| floatingOptions.height | string | Floating window height (CSS value) |
| floatingOptions.width | object | Width configuration per state |
| floatingOptions.width.minimized | string | Width when minimized (CSS value) |
| floatingOptions.width.full | string | Width when expanded/full mode (CSS value) |
| floatingOptions.width.open | string | Width when open (CSS value) |
| floatingOptions.initialState | 'minimized' \| 'open' \| 'full' | Initial display state |
| floatingOptions.offset | object | Window position offset |
| floatingOptions.offset.x | number | Horizontal offset in pixels |
| floatingOptions.offset.y | number | Vertical offset in pixels |
Theme Overrides
| Key | Type | Description |
|-----|------|-------------|
| customFonts | array | Array of custom font definitions |
| customFonts[].family | string | Font family name (required) |
| customFonts[].weight | string \| number | Font weight |
| customFonts[].style | 'normal' \| 'italic' \| 'bold' | Font style |
| customFonts[].src | string | Font file URL (required) |
| colors.buttonFilledBackground | string | Button filled background color |
| colors.buttonFilledBackgroundActive | string | Button filled background color (active) |
| colors.buttonFilledBackgroundDisabled | string | Button filled background color (disabled) |
| colors.buttonFilledBackgroundFocus | string | Button filled background color (focus) |
| colors.buttonFilledBackgroundHover | string | Button filled background color (hover) |
| colors.buttonFilledBorder | string | Button filled border color |
| colors.buttonFilledBorderActive | string | Button filled border color (active) |
| colors.buttonFilledBorderDisabled | string | Button filled border color (disabled) |
| colors.buttonFilledBorderFocus | string | Button filled border color (focus) |
| colors.buttonFilledBorderHover | string | Button filled border color (hover) |
| colors.buttonFilledText | string | Button filled text color |
| colors.buttonFilledTextActive | string | Button filled text color (active) |
| colors.buttonFilledTextdDisabled | string | Button filled text color (disabled) |
| colors.buttonFilledTextFocus | string | Button filled text color (focus) |
| colors.buttonFilledTextHover | string | Button filled text color (hover) |
| colors.buttonFilledIcon | string | Button filled icon color |
| colors.buttonFilledIconActive | string | Button filled icon color (active) |
| colors.buttonFilledIconDisabled | string | Button filled icon color (disabled) |
| colors.buttonFilledIconFocus | string | Button filled icon color (focus) |
| colors.buttonFilledIconHover | string | Button filled icon color (hover) |
| colors.buttonFilledOutlineFocus | string | Button filled focus outline color |
| colors.buttonBackground | string | Button background color |
| colors.buttonBackgroundActive | string | Button background color (active) |
| colors.buttonBackgroundDisabled | string | Button background color (disabled) |
| colors.buttonBackgroundFocus | string | Button background color (focus) |
| colors.buttonBackgroundHover | string | Button background color (hover) |
| colors.buttonBorder | string | Button border color |
| colors.buttonBorderActive | string | Button border color (active) |
| colors.buttonBorderDisabled | string | Button border color (disabled) |
| colors.buttonBorderFocus | string | Button border color (focus) |
| colors.buttonBorderHover | string | Button border color (hover) |
| colors.buttonText | string | Button text color |
| colors.buttonTextActive | string | Button text color (active) |
| colors.buttonTextdDisabled | string | Button text color (disabled) |
| colors.buttonTextFocus | string | Button text color (focus) |
| colors.buttonTextHover | string | Button text color (hover) |
| colors.buttonIcon | string | Button icon color |
| colors.buttonIconActive | string | Button icon color (active) |
| colors.buttonIconDisabled | string | Button icon color (disabled) |
| colors.buttonIconFocus | string | Button icon color (focus) |
| colors.buttonIconHover | string | Button icon color (hover) |
| colors.buttonOutlineFocus | string | Button focus outline color |
| colors.buttonTextBackground | string | Text button background color |
| colors.buttonTextBackgroundActive | string | Text button background color (active) |
| colors.buttonTextBackgroundDisabled | string | Text button background color (disabled) |
| colors.buttonTextBackgroundFocus | string | Text button background color (focus) |
| colors.buttonTextBackgroundHover | string | Text button background color (hover) |
| colors.buttonTextBorder | string | Text button border color |
| colors.buttonTextBorderActive | string | Text button border color (active) |
| colors.buttonTextBorderDisabled | string | Text button border color (disabled) |
| colors.buttonTextBorderFocus | string | Text button border color (focus) |
| colors.buttonTextBorderHover | string | Text button border color (hover) |
| colors.buttonTextContentText | string | Text button text color |
| colors.buttonTextContentTextActive | string | Text button text color (active) |
| colors.buttonTextContentTextDisabled | string | Text button text color (disabled) |
| colors.buttonTextContentTextFocus | string | Text button text color (focus) |
| colors.buttonTextContentTextHover | string | Text button text color (hover) |
| colors.buttonTextIcon | string | Text button icon color |
| colors.buttonTextIconActive | string | Text button icon color (active) |
| colors.buttonTextIconDisabled | string | Text button icon color (disabled) |
| colors.buttonTextIconFocus | string | Text button icon color (focus) |
| colors.buttonTextIconHover | string | Text button icon color (hover) |
| colors.buttonTextOutlineFocus | string | Text button focus outline color |
| colors.buttonSendBackground | string | Send button background color |
| colors.buttonSendBackgroundActive | string | Send button background color (active) |
| colors.buttonSendBackgroundDisabled | string | Send button background color (disabled) |
| colors.buttonSendBackgroundFocus | string | Send button background color (focus) |
| colors.buttonSendBackgroundHover | string | Send button background color (hover) |
| colors.buttonSendBorder | string | Send button border color |
| colors.buttonSendBorderActive | string | Send button border color (active) |
| colors.buttonSendBorderDisabled | string | Send button border color (disabled) |
| colors.buttonSendBorderFocus | string | Send button border color (focus) |
| colors.buttonSendBorderHover | string | Send button border color (hover) |
| colors.buttonSendText | string | Send button text color |
| colors.buttonSendTextActive | string | Send button text color (active) |
| colors.buttonSendTextdDisabled | string | Send button text color (disabled) |
| colors.buttonSendTextFocus | string | Send button text color (focus) |
| colors.buttonSendTextHover | string | Send button text color (hover) |
| colors.buttonSendIcon | string | Send button icon color |
| colors.buttonSendIconActive | string | Send button icon color (active) |
| colors.buttonSendIconDisabled | string | Send button icon color (disabled) |
| colors.buttonSendIconFocus | string | Send button icon color (focus) |
| colors.buttonSendIconHover | string | Send button icon color (hover) |
| colors.buttonSendOutlineFocus | string | Send button focus outline color |
| colors.buttonVideoBackground | string | Video button background color |
| colors.buttonVideoBackgroundActive | string | Video button background color (active) |
| colors.buttonVideoBackgroundDisabled | string | Video button background color (disabled) |
| colors.buttonVideoBackgroundFocus | string | Video button background color (focus) |
| colors.buttonVideoBackgroundHover | string | Video button background color (hover) |
| colors.buttonVideoBorder | string | Video button border color |
| colors.buttonVideoBorderActive | string | Video button border color (active) |
| colors.buttonVideoBorderDisabled | string | Video button border color (disabled) |
| colors.buttonVideoBorderFocus | string | Video button border color (focus) |
| colors.buttonVideoBorderHover | string | Video button border color (hover) |
| colors.buttonVideoText | string | Video button text color |
| colors.buttonVideoTextActive | string | Video button text color (active) |
| colors.buttonVideoTextdDisabled | string | Video button text color (disabled) |
| colors.buttonVideoTextFocus | string | Video button text color (focus) |
| colors.buttonVideoTextHover | string | Video button text color (hover) |
| colors.buttonVideoIcon | string | Video button icon color |
| colors.buttonVideoIconActive | string | Video button icon color (active) |
| colors.buttonVideoIconDisabled | string | Video button icon color (disabled) |
| colors.buttonVideoIconFocus | string | Video button icon color (focus) |
| colors.buttonVideoIconHover | string | Video button icon color (hover) |
| colors.buttonVideoOutlineFocus | string | Video button focus outline color |
| colors.questionnaireRadioBackground | string | Radio button background color |
| colors.questionnaireRadioBackgroundSelected | string | Radio button background color (selected) |
| colors.questionnaireRadioBorder | string | Radio button border color |
| colors.questionnaireRadioBorderSelected | string | Radio button border color (selected) |
| colors.questionnaireRadioText | string | Radio button text color |
| colors.questionnaireRadioTextSelected | string | Radio button text color (selected) |
| colors.questionnaireRadioFocusOutline | string | Radio button focus outline color |
| colors.modalBackground | string | Modal background color |
| colors.modalHeaderBackground | string | Modal header background color |
| colors.modalFooterBackground | string | Modal footer background color |
| colors.modalFooterBorder | string | Modal footer border color |
| colors.modalText | string | Modal text color |
| colors.modalBorder | string | Modal border color |
| colors.inputBackground | string | Input background color |
| colors.inputText | string | Input text color |
| colors.inputBorder | string | Input border color |
| colors.inputBackgroundDisabled | string | Input background color (disabled) |
| colors.inputTextDisabled | string | Input text color (disabled) |
| colors.inputBorderDisabled | string | Input border color (disabled) |
| colors.inputBackgroundHover | string | Input background color (hover) |
| colors.inputTextHover | string | Input text color (hover) |
| colors.inputBorderHover | string | Input border color (hover) |
| colors.inputBackgroundActive | string | Input background color (active) |
| colors.inputTextActive | string | Input text color (active) |
| colors.inputBorderActive | string | Input border color (active) |
| colors.inputBackgroundFocus | string | Input background color (focus) |
| colors.inputTextFocus | string | Input text color (focus) |
| colors.inputBorderFocus | string | Input border color (focus) |
| colors.inputBackgroundInvalid | string | Input background color (invalid) |
| colors.inputTextInvalid | string | Input text color (invalid) |
| colors.inputBorderInvalid | string | Input border color (invalid) |
| colors.inputBackgroundValid | string | Input background color (valid) |
| colors.inputTextValid | string | Input text color (valid) |
| colors.inputBorderValid | string | Input border color (valid) |
| colors.inputBackgroundAutopopulated | string | Input background color (autopopulated) |
| colors.inputTextAutopopulated | string | Input text color (autopopulated) |
| colors.inputBorderAutopopulated | string | Input border color (autopopulated) |
| colors.inputBackgroundAutopopulatedFocus | string | Input background color (autopopulated, focus) |
| colors.inputTextAutopopulatedFocus | string | Input text color (autopopulated, focus) |
| colors.inputBorderAutopopulatedFocus | string | Input border color (autopopulated, focus) |
| colors.inputPlaceholder | string | Input placeholder text color |
| colors.inputIconColor | string | Input icon color |
| colors.inputErrorMessage | string | Input error message color |
| colors.toastBackgroundDefault | string | Toast background color (default) |
| colors.toastTextDefault | string | Toast text color (default) |
| colors.toastBorderDefault | string | Toast border color (default) |
| colors.toastBackgroundSuccess | string | Toast background color (success) |
| colors.toastTextSuccess | string | Toast text color (success) |
| colors.toastBorderSuccess | string | Toast border color (success) |
| colors.toastBackgroundError | string | Toast background color (error) |
| colors.toastTextError | string | Toast text color (error) |
| colors.toastBorderError | string | Toast border color (error) |
| colors.checkboxBackground | string | Checkbox background color |
| colors.checkboxBackgroundDisabled | string | Checkbox background color (disabled) |
| colors.checkboxBackgroundHover | string | Checkbox background color (hover) |
| colors.checkboxBackgroundFocus | string | Checkbox background color (focus) |
| colors.checkboxBackgroundChecked | string | Checkbox background color (checked) |
| colors.checkboxBackgroundCheckedDisabled | string | Checkbox background color (checked, disabled) |
| colors.checkboxBackgroundCheckedHover | string | Checkbox background color (checked, hover) |
| colors.checkboxBackgroundCheckedFocus | string | Checkbox background color (checked, focus) |
| colors.checkboxBorder | string | Checkbox border color |
| colors.checkboxBorderDisabled | string | Checkbox border color (disabled) |
| colors.checkboxBorderHover | string | Checkbox border color (hover) |
| colors.checkboxBorderFocus | string | Checkbox border color (focus) |
| colors.checkboxBorderChecked | string | Checkbox border color (checked) |
| colors.checkboxBorderCheckedDisabled | string | Checkbox border color (checked, disabled) |
| colors.checkboxBorderCheckedHover | string | Checkbox border color (checked, hover) |
| colors.checkboxBorderCheckedFocus | string | Checkbox border color (checked, focus) |
| colors.checkboxIconChecked | string | Checkbox icon color (checked) |
| colors.checkboxIconCheckedDisabled | string | Checkbox icon color (checked, disabled) |
| colors.checkboxIconCheckedHover | string | Checkbox icon color (checked, hover) |
| colors.checkboxIconCheckedFocus | string | Checkbox icon color (checked, focus) |
| colors.checkboxBackgroundHoverChecked | string | Checkbox background color (hover, checked) |
| colors.checkboxDescription | string | Checkbox description text color |
| colors.checkboxFocusOutline | string | Checkbox focus outline color |
| colors.switchBackground | string | Switch background color |
| colors.switchBackgroundHover | string | Switch background color (hover) |
| colors.switchBackgroundFocus | string | Switch background color (focus) |
| colors.switchBackgroundDisabled | string | Switch background color (disabled) |
| colors.switchBackgroundChecked | string | Switch background color (checked) |
| colors.switchBackgroundCheckedDisabled | string | Switch background color (checked, disabled) |
| colors.switchBackgroundCheckedHover | string | Switch background color (checked, hover) |
| colors.switchBackgroundCheckedFocus | string | Switch background color (checked, focus) |
| colors.switchBorder | string | Switch border color |
| colors.switchBorderHover | string | Switch border color (hover) |
| colors.switchBorderFocus | string | Switch border color (focus) |
| colors.switchBorderDisabled | string | Switch border color (disabled) |
| colors.switchBorderChecked | string | Switch border color (checked) |
| colors.switchBorderCheckedHover | string | Switch border color (checked, hover) |
| colors.switchBorderCheckedFocus | string | Switch border color (checked, focus) |
| colors.switchBorderCheckedDisabled | string | Switch border color (checked, disabled) |
| colors.switchThumbBackground | string | Switch thumb background color |
| colors.switchThumbBackgroundDisabled | string | Switch thumb background color (disabled) |
| colors.switchThumbBackgroundHover | string | Switch thumb background color (hover) |
| colors.switchThumbBackgroundFocus | string | Switch thumb background color (focus) |
| colors.switchThumbBackgroundChecked | string | Switch thumb background color (checked) |
| colors.switchThumbBackgroundCheckedDisabled | string | Switch thumb background color (checked, disabled) |
| colors.switchThumbBackgroundCheckedHover | string | Switch thumb background color (checked, hover) |
| colors.switchThumbBackgroundCheckedFocus | string | Switch thumb background color (checked, focus) |
| colors.switchThumbBorder | string | Switch thumb border color |
| colors.switchThumbBorderDisabled | string | Switch thumb border color (disabled) |
| colors.switchThumbBorderHover | string | Switch thumb border color (hover) |
| colors.switchThumbBorderFocus | string | Switch thumb border color (focus) |
| colors.switchThumbBorderChecked | string | Switch thumb border color (checked) |
| colors.switchThumbBorderCheckedDisabled | string | Switch thumb border color (checked, disabled) |
| colors.switchThumbBorderCheckedHover | string | Switch thumb border color (checked, hover) |
| colors.switchThumsBorderCheckedFocus | string | Switch thumb border color (checked, focus) |
| colors.switchIcon | string | Switch icon color |
| colors.switchIconDisabled | string | Switch icon color (disabled) |
| colors.switchIconHover | string | Switch icon color (hover) |
| colors.switchIconFocus | string | Switch icon color (focus) |
| colors.switchIconChecked | string | Switch icon color (checked) |
| colors.switchOutlineFocus | string | Switch focus outline color |
| colors.floatingEmbedHeader | string | Floating embed header background color |
| colors.floatingEmbedHeaderBorder | string | Floating embed header border color |
| colors.floatingEmbedHeaderTitle | string | Floating embed header title color |
| colors.floatingEmbedHeaderIcon | string | Floating embed header icon color |
| colors.floatingEmbedHeaderSubtitle | string | Floating embed header subtitle color |
| colors.floatingEmbedHeaderButton | string | Floating embed header button color |
| colors.floatingEmbedHeaderButtonIcon | string | Floating embed header button icon color |
| colors.floatingEmbedHeaderButtonBackground | string | Floating embed header button background color |
| colors.floatingEmbedHeaderButtonBorder | string | Floating embed header button border color |
| colors.floatingEmbedHeaderButtonHoverBackground | string | Floating embed header button background (hover) |
| colors.floatingEmbedHeaderButtonFocusBackground | string | Floating embed header button background (focus) |
| colors.floatingEmbedHeaderButtonActiveOutline | string | Floating embed header button outline (active) |
| colors.floatingEmbedBall | string | Floating embed ball background color |
| colors.floatingEmbedBallHover | string | Floating embed ball background color (hover) |
| colors.floatingEmbedBallActive | string | Floating embed ball background color (active) |
| colors.floatingEmbedBallText | string | Floating embed ball text color |
| colors.floatingEmbedBallTextHover | string | Floating embed ball text color (hover) |
| colors.floatingEmbedPromoBubble | string | Floating embed promo bubble background color |
| colors.floatingEmbedPromoBubbleText | string | Floating embed promo bubble text color |
| colors.containerEmbedHeader | string | Container embed header background color |
| colors.containerEmbedHeaderBorder | string | Container embed header border color |
| colors.containerEmbedHeaderTitle | string | Container embed header title color |
| colors.containerEmbedHeaderIcon | string | Container embed header icon color |
| colors.containerEmbedHeaderSubtitle | string | Container embed header subtitle color |
| colors.containerEmbedHeaderButton | string | Container embed header button color |
| colors.containerEmbedHeaderButtonIcon | string | Container embed header button icon color |
| colors.containerEmbedHeaderButtonBackground | string | Container embed header button background color |
| colors.containerEmbedHeaderButtonBorder | string | Container embed header button border color |
| colors.containerEmbedHeaderButtonHoverBackground | string | Container embed header button background (hover) |
| colors.containerEmbedHeaderButtonFocusBackground | string | Container embed header button background (focus) |
| colors.containerEmbedHeaderButtonActiveOutline | string | Container embed header button outline (active) |
| colors.embedBody | string | Embed body text color |
| colors.embedBodyHeading1 | string | Embed body heading 1 color |
| colors.embedBodyHeading2 | string | Embed body heading 2 color |
| colors.embedBodyHeading3 | string | Embed body heading 3 color |
| colors.embedBodyHeading4 | string | Embed body heading 4 color |
| colors.embedBodyHeading5 | string | Embed body heading 5 color |
| colors.embedBodyHeading6 | string | Embed body heading 6 color |
| colors.embedBodyBold | string | Embed body bold text color |
| colors.embedBodyBackground | string | Embed body background color |
| colors.embedErrorTitle | string | Embed error title color |
| colors.embedHero | string | Embed hero text color |
| colors.embedHeroBorder | string | Embed hero border color |
| colors.embedHeroBackground | string | Embed hero background color |
| colors.embedHeroAvatar | string | Embed hero avatar background color |
| colors.embedHeroAvatarBorder | string | Embed hero avatar border color |
| colors.embedHeroSubtitle | string | Embed hero subtitle color |
| colors.embedQueuePosition | string | Embed queue position text color |
| colors.embedQueueSpinner | string | Embed queue spinner color |
| colors.questionnaireNavigation | string | Questionnaire navigation color |
| colors.questionnaireEmojiGood | string | Questionnaire good emoji color |
| colors.questionnaireEmojiAvarageGood | string | Questionnaire above average emoji color |
| colors.questionnaireEmojiAvarage | string | Questionnaire average emoji color |
| colors.questionnaireEmojiAvarageBad | string | Questionnaire below average emoji color |
| colors.questionnaireEmojiBad | string | Questionnaire bad emoji color |
| colors.questionnaireLink | string | Questionnaire link color |
| colors.questionnaireLinkHover | string | Questionnaire link color (hover) |
| colors.questionnaireLabel | string | Questionnaire label color |
| colors.questionnaireLabelDescription | string | Questionnaire label description color |
| colors.questionnaireLightBotUsername | string | Questionnaire light bot avatar name color |
| colors.questionnaireLightBotBubbleBorder | string | LightBot bubble border color |
| colors.questionnaireLightBotBubbleBackground | string | LightBot bubble background color |
| colors.questionnaireLightBotBubbleText | string | LightBot bubble border color |
| colors.questionnaireLightBotAnswerBubbleBackground | string | LightBot answer bubble background |
| colors.questionnaireLightBotAnswerBubbleBorder| string | Light bot answer bubble border |
| colors.questionnaireLightBotAnswerBubbleText | string | LightBot answer bubble text color |
| colors.questionnaireLightBotAnswerBubbleLabel | string | LightBot answer label color |
| colors.chatBacklogBackground | string | Chat backlog background color |
| colors.chatCommandBarWrapper | string | Chat command bar wrapper color |
| colors.chatCommandBar | string | Chat command bar background color |
| colors.chatCommandBarBorder | string | Chat command bar border color |
| colors.chatCommandBarTextareaText | string | Chat command bar textarea text color |
| colors.chatCommandBarTextareaPlaceholder | string | Chat command bar textarea placeholder color |
| colors.messageInfo | string | Message info background color |
| colors.messageInfoBorder | string | Message info border color |
| colors.messageInfoText | string | Message info text color |
| colors.messageInfoTimestamp | string | Message info timestamp color |
| colors.messageInfoIcon | string | Message info icon color |
| colors.messageInfoLink | string | Message info link color |
| colors.messageInfoLinkHover | string | Message info link color (hover) |
| colors.messageAvatarOperatorModeratorBorder | string | Operator/moderator avatar border color |
| colors.messageAvatarOperatorModeratorText | string | Operator/moderator avatar text color |
| colors.messageAvatarOtherBorder | string | Other user avatar border color |
| colors.messageAvatarOtherText | string | Other user avatar text color |
| colors.messageUsernameOperatorModerator | string | Operator/moderator username color |
| colors.messageUsernameOther | string | Other user username color |
| colors.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble background |
| colors.messageSpeechBubbleOther | string | Other user speech bubble background |
| colors.messageSpeechBubbleOperatorModeratorBorder | string | Operator/moderator speech bubble border |
| colors.messageSpeechBubbleOtherBorder | string | Other user speech bubble border |
| colors.messageSpeechBubbleOperatorModeratorText | string | Operator/moderator speech bubble text color |
| colors.messageSpeechBubbleOtherText | string | Other user speech bubble text color |
| colors.messageSpeechBubbleOperatorModeratorLink | string | Operator/moderator speech bubble link color |
| colors.messageSpeechBubbleOperatorModeratorLinkHover | string | Operator/moderator speech bubble link (hover) |
| colors.messageSpeechBubbleOtherLink | string | Other user speech bubble link color |
| colors.messageSpeechBubbleOtherLinkHover | string | Other user speech bubble link color (hover) |
| colors.messageSpeechBubbleOperatorModeratorTimestamp | string | Operator/moderator timestamp color |
| colors.messageSpeechBubbleOtherTimestamp | string | Other user timestamp color |
| borderStyles.embedHero | string | Embed hero border style |
| borderStyles.floatingEmbedHeaderBorder | string | Floating embed header border style |
| borderStyles.containerEmbedHeaderBorder | string | Container embed header border style |
| borderStyles.buttonFilled | string | Filled button border style |
| borderStyles.button | string | Button border style |
| borderStyles.buttonText | string | Text button border style |
| borderStyles.buttonSend | string | Send button border style |
| borderStyles.buttonVideo | string | Video button border style |
| borderStyles.modal | string | Modal border style |
| borderStyles.input | string | Input border style |
| borderStyles.toast | string | Toast border style |
| borderStyles.checkbox | string | Checkbox border style |
| borderStyles.switch | string | Switch border style |
| borderStyles.switchThumb | string | Switch thumb border style |
| borderStyles.chatCommandBar | string | Chat command bar border style |
| borderStyles.messageInfo | string | Message info border style |
| borderStyles.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble border style |
| borderStyles.messageSpeechBubbleOther | string | Other user speech bubble border style |
| borderStyles.questionnaireLightBotBubble | string | Questionnaire light bot bubble border style |
| borderStyles.questionnaireLightBotAnswerBubble | string | Questionnaire light bot answer bubble border style |
| borderWidths.embedHero | string | Embed hero border width |
| borderWidths.floatingEmbedHeaderBorder | string | Floating embed header border width |
| borderWidths.containerEmbedHeaderBorder | string | Container embed header border width |
| borderWidths.buttonFilled | string | Filled button border width |
| borderWidths.button | string | Button border width |
| borderWidths.buttonText | string | Text button border width |
| borderWidths.buttonSend | string | Send button border width |
| borderWidths.buttonVideo | string | Video button border width |
| borderWidths.modal | string | Modal border width |
| borderWidths.input | string | Input border width |
| borderWidths.toast | string | Toast border width |
| borderWidths.checkbox | string | Checkbox border width |
| borderWidths.switch | string | Switch border width |
| borderWidths.switchThumb | string | Switch thumb border width |
| borderWidths.chatCommandBar | string | Chat command bar border width |
| borderWidths.messageInfo | string | Message info border width |
| borderWidths.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble border width |
| borderWidths.messageSpeechBubbleOther | string | Other user speech bubble border width |
| borderWidths.questionnaireLightBotBubble | string | Questionnaire light bot bubble border width |
| borderWidths.questionnaireLightBotAnswerBubble | string | Questionnaire light bot answer bubble border width |
| fonts.floatingEmbedBall | string | Floating embed ball font family |
| fonts.floatingEmbedHeaderTitle | string | Floating embed header title font family |
| fonts.floatingEmbedHeaderSubtitle | string | Floating embed header subtitle font family |
| fonts.floatingEmbedHeaderButton | string | Floating embed header button font family |
| fonts.floatingEmbedPromoBubble | string | Floating embed promo bubble font family |
| fonts.containerEmbedHeaderTitle | string | Container embed header title font family |
| fonts.containerEmbedHeaderSubtitle | string | Container embed header subtitle font family |
| fonts.containerEmbedHeaderButton | string | Container embed header button font family |
| fonts.embedBody | string | Embed body font family |
| fonts.embedBodyHeading1 | string | Embed body heading 1 font family |
| fonts.embedBodyHeading2 | string | Embed body heading 2 font family |
| fonts.embedBodyHeading3 | string | Embed body heading 3 font family |
| fonts.embedBodyHeading4 | string | Embed body heading 4 font family |
| fonts.embedBodyHeading5 | string | Embed body heading 5 font family |
| fonts.embedBodyHeading6 | string | Embed body heading 6 font family |
| fonts.embedHero | string | Embed hero font family |
| fonts.embedHeroSubtitle | string | Embed hero subtitle font family |
| fonts.questionnaireLink | string | Questionnaire link font family |
| fonts.buttonFilled | string | Filled button font family |
| fonts.button | string | Button font family |
| fonts.buttonText | string | Text button font family |
| fonts.buttonSend | string | Send button font family |
| fonts.buttonVideo | string | Video button font family |
| fonts.modal | string | Modal font family |
| fonts.input | string | Input font family |
| fonts.toast | string | Toast font family |
| fonts.messageInfoText | string | Message info text font family |
| fonts.messageUsernameOperatorModerator | string | Operator/moderator username font family |
| fonts.messageUsernameOther | string | Other user username font family |
| fonts.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble font family |
| fonts.messageSpeechBubbleOther | string | Other user speech bubble font family |
| fonts.questionnaireLightBotBubble | string | Questionnaire light bot bubble font family |
| fonts.questionnaireLightBotAnswerBubble | string | Questionnaire light bot answer bubble font family |
| fontSizes.floatingEmbedBall | string | Floating embed ball font size |
| fontSizes.floatingEmbedHeaderTitle | string | Floating embed header title font size |
| fontSizes.floatingEmbedHeaderSubtitle | string | Floating embed header subtitle font size |
| fontSizes.floatingEmbedHeaderButton | string | Floating embed header button font size |
| fontSizes.floatingEmbedPromoBubble | string | Floating embed promo bubble font size |
| fontSizes.containerEmbedHeaderTitle | string | Container embed header title font size |
| fontSizes.containerEmbedHeaderSubtitle | string | Container embed header subtitle font size |
| fontSizes.containerEmbedHeaderButton | string | Container embed header button font size |
| fontSizes.embedBody | string | Embed body font size |
| fontSizes.embedBodyHeading1 | string | Embed body heading 1 font size |
| fontSizes.embedBodyHeading2 | string | Embed body heading 2 font size |
| fontSizes.embedBodyHeading3 | string | Embed body heading 3 font size |
| fontSizes.embedBodyHeading4 | string | Embed body heading 4 font size |
| fontSizes.embedBodyHeading5 | string | Embed body heading 5 font size |
| fontSizes.embedBodyHeading6 | string | Embed body heading 6 font size |
| fontSizes.embedHero | string | Embed hero font size |
| fontSizes.embedHeroSubtitle | string | Embed hero subtitle font size |
| fontSizes.questionnaireLink | string | Questionnaire link font size |
| fontSizes.questionnaireLabel | string | Questionnaire label font size |
| fontSizes.questionnaireLabelDescription | string | Questionnaire label description font size |
| fontSizes.buttonFilled | string | Filled button font size |
| fontSizes.button | string | Button font size |
| fontSizes.buttonText | string | Text button font size |
| fontSizes.buttonSend | string | Send button font size |
| fontSizes.buttonVideo | string | Video button font size |
| fontSizes.modal | string | Modal font size |
| fontSizes.input | string | Input font size |
| fontSizes.toast | string | Toast font size |
| fontSizes.messageInfoText | string | Message info text font size |
| fontSizes.messageUsernameOperatorModerator | string | Operator/moderator username font size |
| fontSizes.messageUsernameOther | string | Other user username font size |
| fontSizes.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble font size |
| fontSizes.messageSpeechBubbleOther | string | Other user speech bubble font size |
| fontSizes.questionnaireLightBotUsername | string | Questionnaire light bot avatar name font size |
| fontSizes.questionnaireLightBotBubble | string | Questionnaire light bot bubble font size |
| fontSizes.questionnaireLightBotAnswerBubble | string | Questionnaire light bot answer bubble font size|
| fontStyle.embedBody | string | Embed body font style |
| fontStyle.embedBodyHeading1 | string | Embed body heading 1 font style |
| fontStyle.embedBodyHeading2 | string | Embed body heading 2 font style |
| fontStyle.embedBodyHeading3 | string | Embed body heading 3 font style |
| fontStyle.embedBodyHeading4 | string | Embed body heading 4 font style |
| fontStyle.embedBodyHeading5 | string | Embed body heading 5 font style |
| fontStyle.embedBodyHeading6 | string | Embed body heading 6 font style |
| fontStyle.embedHero | string | Embed hero font style |
| fontStyle.embedHeroSubtitle | string | Embed hero subtitle font style |
| fontStyle.questionnaireLink | string | Questionnaire link font style |
| fontStyle.questionnaireLabel | string | Questionnaire label font style |
| fontStyle.questionnaireLabelDescription | string | Questionnaire label description font style |
| fontStyle.buttonFilled | string | Filled button font style |
| fontStyle.button | string | Button font style |
| fontStyle.buttonText | string | Text button font style |
| fontStyle.buttonSend | string | Send button font style |
| fontStyle.buttonVideo | string | Video button font style |
| fontStyle.modal | string | Modal font style |
| fontStyle.input | string | Input font style |
| fontStyle.toast | string | Toast font style |
| fontStyle.messageInfoText | string | Message info text font style |
| fontStyle.messageUsernameOperatorModerator | string | Operator/moderator username font style |
| fontStyle.messageUsernameOther | string | Other user username font style |
| fontStyle.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble font style |
| fontStyle.messageSpeechBubbleOther | string | Other user speech bubble font style |
| fontStyle.questionnaireLightBotBubble | string | Questionnaire light bot bubble font style |
| fontStyle.questionnaireLightBotAnswerBubble | string | Questionnaire light bot answer bubble font style |
| fontVariant.embedBody | string | Embed body font variant |
| fontVariant.embedBodyHeading1 | string | Embed body heading 1 font variant |
| fontVariant.embedBodyHeading2 | string | Embed body heading 2 font variant |
| fontVariant.embedBodyHeading3 | string | Embed body heading 3 font variant |
| fontVariant.embedBodyHeading4 | string | Embed body heading 4 font variant |
| fontVariant.embedBodyHeading5 | string | Embed body heading 5 font variant |
| fontVariant.embedBodyHeading6 | string | Embed body heading 6 font variant |
| fontVariant.embedHero | string | Embed hero font variant |
| fontVariant.embedHeroSubtitle | string | Embed hero subtitle font variant |
| fontVariant.questionnaireLink | string | Questionnaire link font variant |
| fontVariant.questionnaireLabel | string | Questionnaire label font variant |
| fontVariant.questionnaireLabelDescription | string | Questionnaire label description font variant |
| fontVariant.buttonFilled | string | Filled button font variant |
| fontVariant.button | string | Button font variant |
| fontVariant.buttonText | string | Text button font variant |
| fontVariant.buttonSend | string | Send button font variant |
| fontVariant.buttonVideo | string | Video button font variant |
| fontVariant.modal | string | Modal font variant |
| fontVariant.input | string | Input font variant |
| fontVariant.toast | string | Toast font variant |
| fontVariant.messageInfoText | string | Message info text font variant |
| fontVariant.messageUsernameOperatorModerator | string | Operator/moderator username font variant |
| fontVariant.messageUsernameOther | string | Other user username font variant |
| fontVariant.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble font variant |
| fontVariant.messageSpeechBubbleOther | string | Other user speech bubble font variant |
| fontVariant.questionnaireLightBotBubble | string | Questionnaire light bot bubble font variant |
| fontVariant.questionnaireLightBotAnswerBubble | string | Questionnaire light bot answer bubble font variant |
| fontWeights.floatingEmbedBall | number | Floating embed ball font weight |
| fontWeights.floatingEmbedHeaderTitle | string | Floating embed header title font weight |
| fontWeights.floatingEmbedHeaderSubtitle | string | Floating embed header subtitle font weight |
| fontWeights.floatingEmbedHeaderButton | string | Floating embed header button font weight |
| fontWeights.containerEmbedHeaderTitle | string | Container embed header title font weight |
| fontWeights.containerEmbedHeaderSubtitle | string | Container embed header subtitle font weight |
| fontWeights.containerEmbedHeaderButton | string | Container embed header button font weight |
| fontWeights.embedBody | string | Embed body font weight |
| fontWeights.embedBodyHeading1 | string | Embed body heading 1 font weight |
| fontWeights.embedBodyHeading2 | string | Embed body heading 2 font weight |
| fontWeights.embedBodyHeading3 | string | Embed body heading 3 font weight |
| fontWeights.embedBodyHeading4 | string | Embed body heading 4 font weight |
| fontWeights.embedBodyHeading5 | string | Embed body heading 5 font weight |
| fontWeights.embedBodyHeading6 | string | Embed body heading 6 font weight |
| fontWeights.embedHero | string | Embed hero font weight |
| fontWeights.embedHeroSubtitle | string | Embed hero subtitle font weight |
| fontWeights.questionnaireLink | string | Questionnaire link font weight |
| fontWeights.questionnaireLabel | string | Questionnaire label font weight |
| fontWeights.questionnaireLabelDescription | string | Questionnaire label description font weight |
| fontWeights.buttonFilled | string | Filled button font weight |
| fontWeights.button | string | Button font weight |
| fontWeights.buttonText | string | Text button font weight |
| fontWeights.buttonSend | string | Send button font weight |
| fontWeights.buttonVideo | string | Video button font weight |
| fontWeights.modal | string | Modal font weight |
| fontWeights.input | string | Input font weight |
| fontWeights.toast | string | Toast font weight |
| fontWeights.messageInfoText | string | Message info text font weight |
| fontWeights.messageUsernameOperatorModerator | string | Operator/moderator username font weight |
| fontWeights.messageUsernameOther | string | Other user username font weight |
| fontWeights.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble font weight |
| fontWeights.messageSpeechBubbleOther | string | Other user speech bubble font weight |
| fontWeights.questionnaireLightBotBubble | string | Questionnaire light bot bubble font weight |
| fontWeights.questionnaireLightBotAnswerBubble | string | Questionnaire light bot answer bubble font weight |
| maxWidths.questionnaire | string | Questionnaire maximum width |
| space.embedHero | string | Embed hero spacing |
| space.buttonSend | string | Send button spacing |
| space.buttonVideo | string | Video button spacing |
| zIndices.floatingEmbed | number | Floating embed z-index |
| zIndices.floatingEmbedBall | number | Floating embed ball z-index |
| zIndices.containerHeader | number | Container header z-index |
| radii.floatingEmbed | string | Floating embed border radius |
| radii.floatingEmbedBall | string | Floating embed ball border radius |
| radii.floatingEmbedPromoBubble | string | Floating embed promo bubble border radius |
| radii.embedHero | string | Embed hero border radius |
| radii.buttonFilled | string | Filled button border radius |
| radii.button | string | Button border radius |
| radii.buttonText | string | Text button border radius |
| radii.buttonSend | string | Send button border radius |
| radii.buttonVideo | string | Video button border radius |
| radii.modal | string | Modal border radius |
| radii.input | string | Input border radius |
| radii.toast | string | Toast border radius |
| radii.checkbox | string | Checkbox border radius |
| radii.switch | string | Switch border radius |
| radii.switchThumb | string | Switch thumb border radius |
| radii.chatCommandBar | string | Chat command bar border radius |
| radii.messageInfo | string | Message info border radius |
| radii.messageSpeechBubbleOther | string | Other user speech bubble border radius |
| radii.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble border radius |
| radii.questionnaireLightBotBubble | string | Questionnaire light bot bubble border radius |
| radii.questionnaireLightBotAnswerBubble | string | Questionnaire light bot answer bubble border radius |
| shadows.floatingEmbed | string | Floating embed box shadow |
| shadows.floatingEmbedBall | string | Floating embed ball box shadow |
| shadows.floatingEmbedPromoBubble | string | Floating embed promo bubble box shadow |
| lineHeights.embedBody | string | Embed body line height |
| lineHeights.embedBodyHeading1 | string | Embed body heading 1 line height |
| lineHeights.embedBodyHeading2 | string | Embed body heading 2 line height |
| lineHeights.embedBodyHeading3 | string | Embed body heading 3 line height |
| lineHeights.embedBodyHeading4 | string | Embed body heading 4 line height |
| lineHeights.embedBodyHeading5 | string | Embed body heading 5 line height |
| lineHeights.embedBodyHeading6 | string | Embed body heading 6 line height |
| lineHeights.embedHero | string | Embed hero line height |
| lineHeights.embedHeroSubtitle | string | Embed hero subtitle line height |
| lineHeights.buttonFilled | string | Filled button line height |
| lineHeights.button | string | Button line height |
| lineHeights.buttonText | string | Text button line height |
| lineHeights.buttonSend | string | Send button line height |
| lineHeights.buttonVideo | string | Video button line height |
| lineHeights.modal | string | Modal line height |
| lineHeights.input | string | Input line height |
| lineHeights.toast | string | Toast line height |
| lineHeights.messageInfoText | string | Message info text line height |
| lineHeights.messageUsernameOperatorModerator | string | Operator/moderator username line height |
| lineHeights.messageUsernameOther | string | Other user username line height |
| lineHeights.messageSpeechBubbleOperatorModerator | string | Operator/moderator speech bubble line height |
| lineHeights.messageSpeechBubbleOther | string | Other user speech bubble line height |
| lineHeights.questionnaireLightBotBubble | string | Questionnaire light bot bubble line height |
| lineheights.questionnaireLightBotAnswerBubble | string | Questionnaire li
