@patternfly/chatbot 2.2.0-prerelease.8 → 2.2.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 (501) hide show
  1. package/dist/cjs/AttachmentEdit/AttachmentEdit.test.d.ts +1 -0
  2. package/dist/cjs/AttachmentEdit/AttachmentEdit.test.js +52 -0
  3. package/dist/cjs/Chatbot/Chatbot.d.ts +2 -1
  4. package/dist/cjs/Chatbot/Chatbot.js +1 -0
  5. package/dist/cjs/Chatbot/Chatbot.test.d.ts +1 -0
  6. package/dist/cjs/Chatbot/Chatbot.test.js +28 -0
  7. package/dist/cjs/ChatbotAlert/ChatbotAlert.test.d.ts +1 -0
  8. package/dist/cjs/ChatbotAlert/ChatbotAlert.test.js +27 -0
  9. package/dist/cjs/ChatbotContent/ChatbotContent.test.d.ts +1 -0
  10. package/dist/cjs/ChatbotContent/ChatbotContent.test.js +18 -0
  11. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.d.ts +3 -3
  12. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +3 -1
  13. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +27 -4
  14. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +24 -12
  15. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +99 -3
  16. package/dist/cjs/ChatbotConversationHistoryNav/EmptyState.d.ts +11 -0
  17. package/dist/cjs/ChatbotConversationHistoryNav/EmptyState.js +29 -0
  18. package/dist/cjs/ChatbotConversationHistoryNav/LoadingState.d.ts +4 -0
  19. package/dist/cjs/ChatbotConversationHistoryNav/LoadingState.js +45 -0
  20. package/dist/cjs/ChatbotFooter/ChatbotFooter.test.d.ts +1 -0
  21. package/dist/cjs/ChatbotFooter/ChatbotFooter.test.js +18 -0
  22. package/dist/cjs/ChatbotFooter/ChatbotFooternote.test.d.ts +1 -0
  23. package/dist/cjs/ChatbotFooter/ChatbotFooternote.test.js +87 -0
  24. package/dist/cjs/ChatbotFooter/ChatbotFootnote.d.ts +1 -1
  25. package/dist/cjs/ChatbotFooter/ChatbotFootnote.js +1 -1
  26. package/dist/cjs/ChatbotHeader/ChatbotHeader.test.d.ts +1 -0
  27. package/dist/cjs/ChatbotHeader/ChatbotHeader.test.js +18 -0
  28. package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.test.d.ts +1 -0
  29. package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.test.js +18 -0
  30. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.js +3 -1
  31. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts +1 -0
  32. package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.test.js +20 -0
  33. package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.test.d.ts +1 -0
  34. package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.test.js +18 -0
  35. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js +3 -1
  36. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -0
  37. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.test.js +20 -0
  38. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -1
  39. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -0
  40. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +43 -0
  41. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +6 -4
  42. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -0
  43. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +41 -0
  44. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.d.ts +3 -1
  45. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.js +4 -2
  46. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.d.ts +1 -0
  47. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.js +55 -0
  48. package/dist/cjs/ChatbotToggle/ChatbotToggle.js +3 -1
  49. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +19 -11
  50. package/dist/cjs/Compare/Compare.d.ts +17 -0
  51. package/dist/cjs/Compare/Compare.js +50 -0
  52. package/dist/cjs/Compare/Compare.test.d.ts +1 -0
  53. package/dist/cjs/Compare/Compare.test.js +20 -0
  54. package/dist/cjs/Compare/index.d.ts +2 -0
  55. package/dist/cjs/Compare/index.js +23 -0
  56. package/dist/cjs/Message/ErrorMessage/ErrorMessage.d.ts +4 -0
  57. package/dist/cjs/Message/ErrorMessage/ErrorMessage.js +26 -0
  58. package/dist/cjs/Message/ImageMessage/ImageMessage.d.ts +4 -0
  59. package/dist/cjs/Message/ImageMessage/ImageMessage.js +25 -0
  60. package/dist/cjs/Message/LinkMessage/LinkMessage.d.ts +4 -0
  61. package/dist/cjs/Message/LinkMessage/LinkMessage.js +30 -0
  62. package/dist/cjs/Message/Message.d.ts +49 -8
  63. package/dist/cjs/Message/Message.js +70 -18
  64. package/dist/cjs/Message/Message.test.js +269 -3
  65. package/dist/cjs/Message/QuickResponse/QuickResponse.d.ts +17 -0
  66. package/dist/cjs/Message/QuickResponse/QuickResponse.js +34 -0
  67. package/dist/cjs/Message/QuickStarts/FallbackImg.d.ts +13 -0
  68. package/dist/cjs/Message/QuickStarts/FallbackImg.js +34 -0
  69. package/dist/cjs/Message/QuickStarts/QuickStartTile.d.ts +27 -0
  70. package/dist/cjs/Message/QuickStarts/QuickStartTile.js +82 -0
  71. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
  72. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.js +64 -0
  73. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
  74. package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.js +76 -0
  75. package/dist/cjs/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
  76. package/dist/cjs/Message/QuickStarts/QuickStartTileHeader.js +30 -0
  77. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
  78. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +77 -0
  79. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
  80. package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.js +77 -0
  81. package/dist/cjs/Message/QuickStarts/types.d.ts +132 -0
  82. package/dist/cjs/Message/QuickStarts/types.js +17 -0
  83. package/dist/cjs/Message/TableMessage/TableMessage.d.ts +20 -0
  84. package/dist/cjs/Message/TableMessage/TableMessage.js +67 -0
  85. package/dist/cjs/Message/TableMessage/TbodyMessage.d.ts +7 -0
  86. package/dist/cjs/Message/TableMessage/TbodyMessage.js +33 -0
  87. package/dist/cjs/Message/TableMessage/TdMessage.d.ts +5 -0
  88. package/dist/cjs/Message/TableMessage/TdMessage.js +26 -0
  89. package/dist/cjs/Message/TableMessage/ThMessage.d.ts +5 -0
  90. package/dist/cjs/Message/TableMessage/ThMessage.js +26 -0
  91. package/dist/cjs/Message/TableMessage/TheadMessage.d.ts +5 -0
  92. package/dist/cjs/Message/TableMessage/TheadMessage.js +26 -0
  93. package/dist/cjs/Message/TableMessage/TrMessage.d.ts +7 -0
  94. package/dist/cjs/Message/TableMessage/TrMessage.js +37 -0
  95. package/dist/cjs/Message/TextMessage/TextMessage.d.ts +2 -1
  96. package/dist/cjs/Message/TextMessage/TextMessage.js +2 -2
  97. package/dist/cjs/Message/UserFeedback/CloseButton.d.ts +10 -0
  98. package/dist/cjs/Message/UserFeedback/CloseButton.js +14 -0
  99. package/dist/cjs/Message/UserFeedback/UserFeedback.d.ts +39 -0
  100. package/dist/cjs/Message/UserFeedback/UserFeedback.js +54 -0
  101. package/dist/cjs/Message/UserFeedback/UserFeedback.test.d.ts +1 -0
  102. package/dist/cjs/Message/UserFeedback/UserFeedback.test.js +133 -0
  103. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.d.ts +42 -0
  104. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.js +117 -0
  105. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.test.d.ts +1 -0
  106. package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.test.js +249 -0
  107. package/dist/cjs/MessageBar/AttachButton.js +4 -2
  108. package/dist/cjs/MessageBar/MessageBar.d.ts +11 -4
  109. package/dist/cjs/MessageBar/MessageBar.js +127 -46
  110. package/dist/cjs/MessageBar/MessageBar.test.js +12 -4
  111. package/dist/cjs/MessageBar/MicrophoneButton.d.ts +1 -1
  112. package/dist/cjs/MessageBar/SendButton.js +3 -1
  113. package/dist/cjs/MessageBar/StopButton.js +3 -1
  114. package/dist/cjs/MessageBox/MessageBox.test.d.ts +1 -0
  115. package/dist/cjs/MessageBox/MessageBox.test.js +22 -0
  116. package/dist/cjs/PreviewAttachment/PreviewAttachment.test.d.ts +1 -0
  117. package/dist/cjs/PreviewAttachment/PreviewAttachment.test.js +28 -0
  118. package/dist/cjs/ResponseActions/ResponseActionButton.d.ts +4 -1
  119. package/dist/cjs/ResponseActions/ResponseActionButton.js +21 -6
  120. package/dist/cjs/ResponseActions/ResponseActions.d.ts +8 -2
  121. package/dist/cjs/ResponseActions/ResponseActions.js +7 -7
  122. package/dist/cjs/ResponseActions/ResponseActions.test.js +2 -2
  123. package/dist/cjs/Settings/SettingsForm.test.d.ts +1 -0
  124. package/dist/cjs/Settings/SettingsForm.test.js +26 -0
  125. package/dist/cjs/__mocks__/rehype-external-links.d.ts +2 -0
  126. package/dist/cjs/__mocks__/rehype-external-links.js +4 -0
  127. package/dist/cjs/__mocks__/rehype-sanitize.d.ts +2 -0
  128. package/dist/cjs/__mocks__/rehype-sanitize.js +4 -0
  129. package/dist/cjs/__mocks__/rehype-unwrap-images.d.ts +2 -0
  130. package/dist/cjs/__mocks__/rehype-unwrap-images.js +4 -0
  131. package/dist/cjs/index.d.ts +4 -0
  132. package/dist/cjs/index.js +7 -1
  133. package/dist/cjs/tracking/console_tracking_provider.d.ts +10 -0
  134. package/dist/cjs/tracking/console_tracking_provider.js +27 -0
  135. package/dist/cjs/tracking/index.d.ts +2 -0
  136. package/dist/cjs/tracking/index.js +23 -0
  137. package/dist/cjs/tracking/posthog_tracking_provider.d.ts +9 -0
  138. package/dist/cjs/tracking/posthog_tracking_provider.js +37 -0
  139. package/dist/cjs/tracking/segment_tracking_provider.d.ts +10 -0
  140. package/dist/cjs/tracking/segment_tracking_provider.js +50 -0
  141. package/dist/cjs/tracking/trackingProviderProxy.d.ts +9 -0
  142. package/dist/cjs/tracking/trackingProviderProxy.js +24 -0
  143. package/dist/cjs/tracking/tracking_api.d.ts +8 -0
  144. package/dist/cjs/tracking/tracking_api.js +2 -0
  145. package/dist/cjs/tracking/tracking_registry.d.ts +4 -0
  146. package/dist/cjs/tracking/tracking_registry.js +33 -0
  147. package/dist/cjs/tracking/tracking_spi.d.ts +9 -0
  148. package/dist/cjs/tracking/tracking_spi.js +2 -0
  149. package/dist/cjs/tracking/umami_tracking_provider.d.ts +14 -0
  150. package/dist/cjs/tracking/umami_tracking_provider.js +44 -0
  151. package/dist/css/main.css +438 -147
  152. package/dist/css/main.css.map +1 -1
  153. package/dist/dynamic/Compare/package.json +1 -0
  154. package/dist/dynamic/tracking/package.json +1 -0
  155. package/dist/esm/AttachmentEdit/AttachmentEdit.test.d.ts +1 -0
  156. package/dist/esm/AttachmentEdit/AttachmentEdit.test.js +47 -0
  157. package/dist/esm/Chatbot/Chatbot.d.ts +2 -1
  158. package/dist/esm/Chatbot/Chatbot.js +1 -0
  159. package/dist/esm/Chatbot/Chatbot.test.d.ts +1 -0
  160. package/dist/esm/Chatbot/Chatbot.test.js +23 -0
  161. package/dist/esm/ChatbotAlert/ChatbotAlert.test.d.ts +1 -0
  162. package/dist/esm/ChatbotAlert/ChatbotAlert.test.js +22 -0
  163. package/dist/esm/ChatbotContent/ChatbotContent.test.d.ts +1 -0
  164. package/dist/esm/ChatbotContent/ChatbotContent.test.js +13 -0
  165. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.d.ts +3 -3
  166. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +3 -1
  167. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +27 -4
  168. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +24 -12
  169. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +99 -3
  170. package/dist/esm/ChatbotConversationHistoryNav/EmptyState.d.ts +11 -0
  171. package/dist/esm/ChatbotConversationHistoryNav/EmptyState.js +22 -0
  172. package/dist/esm/ChatbotConversationHistoryNav/LoadingState.d.ts +4 -0
  173. package/dist/esm/ChatbotConversationHistoryNav/LoadingState.js +38 -0
  174. package/dist/esm/ChatbotFooter/ChatbotFooter.test.d.ts +1 -0
  175. package/dist/esm/ChatbotFooter/ChatbotFooter.test.js +13 -0
  176. package/dist/esm/ChatbotFooter/ChatbotFooternote.test.d.ts +1 -0
  177. package/dist/esm/ChatbotFooter/ChatbotFooternote.test.js +82 -0
  178. package/dist/esm/ChatbotFooter/ChatbotFootnote.d.ts +1 -1
  179. package/dist/esm/ChatbotFooter/ChatbotFootnote.js +1 -1
  180. package/dist/esm/ChatbotHeader/ChatbotHeader.test.d.ts +1 -0
  181. package/dist/esm/ChatbotHeader/ChatbotHeader.test.js +13 -0
  182. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.d.ts +1 -0
  183. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.js +13 -0
  184. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js +3 -1
  185. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts +1 -0
  186. package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.js +15 -0
  187. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.d.ts +1 -0
  188. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.js +13 -0
  189. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +3 -1
  190. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.d.ts +1 -0
  191. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.js +15 -0
  192. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +3 -1
  193. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.d.ts +1 -0
  194. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.js +38 -0
  195. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +6 -4
  196. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.d.ts +1 -0
  197. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js +36 -0
  198. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.d.ts +3 -1
  199. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.js +4 -2
  200. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.d.ts +1 -0
  201. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.test.js +50 -0
  202. package/dist/esm/ChatbotToggle/ChatbotToggle.js +3 -1
  203. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +19 -11
  204. package/dist/esm/Compare/Compare.d.ts +17 -0
  205. package/dist/esm/Compare/Compare.js +43 -0
  206. package/dist/esm/Compare/Compare.test.d.ts +1 -0
  207. package/dist/esm/Compare/Compare.test.js +15 -0
  208. package/dist/esm/Compare/index.d.ts +2 -0
  209. package/dist/esm/Compare/index.js +2 -0
  210. package/dist/esm/Message/ErrorMessage/ErrorMessage.d.ts +4 -0
  211. package/dist/esm/Message/ErrorMessage/ErrorMessage.js +21 -0
  212. package/dist/esm/Message/ImageMessage/ImageMessage.d.ts +4 -0
  213. package/dist/esm/Message/ImageMessage/ImageMessage.js +20 -0
  214. package/dist/esm/Message/LinkMessage/LinkMessage.d.ts +4 -0
  215. package/dist/esm/Message/LinkMessage/LinkMessage.js +25 -0
  216. package/dist/esm/Message/Message.d.ts +49 -8
  217. package/dist/esm/Message/Message.js +68 -16
  218. package/dist/esm/Message/Message.test.js +269 -3
  219. package/dist/esm/Message/QuickResponse/QuickResponse.d.ts +17 -0
  220. package/dist/esm/Message/QuickResponse/QuickResponse.js +27 -0
  221. package/dist/esm/Message/QuickStarts/FallbackImg.d.ts +13 -0
  222. package/dist/esm/Message/QuickStarts/FallbackImg.js +9 -0
  223. package/dist/esm/Message/QuickStarts/QuickStartTile.d.ts +27 -0
  224. package/dist/esm/Message/QuickStarts/QuickStartTile.js +52 -0
  225. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
  226. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.js +35 -0
  227. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
  228. package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.js +48 -0
  229. package/dist/esm/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
  230. package/dist/esm/Message/QuickStarts/QuickStartTileHeader.js +5 -0
  231. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
  232. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +74 -0
  233. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
  234. package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.js +74 -0
  235. package/dist/esm/Message/QuickStarts/types.d.ts +132 -0
  236. package/dist/esm/Message/QuickStarts/types.js +14 -0
  237. package/dist/esm/Message/TableMessage/TableMessage.d.ts +20 -0
  238. package/dist/esm/Message/TableMessage/TableMessage.js +62 -0
  239. package/dist/esm/Message/TableMessage/TbodyMessage.d.ts +7 -0
  240. package/dist/esm/Message/TableMessage/TbodyMessage.js +28 -0
  241. package/dist/esm/Message/TableMessage/TdMessage.d.ts +5 -0
  242. package/dist/esm/Message/TableMessage/TdMessage.js +21 -0
  243. package/dist/esm/Message/TableMessage/ThMessage.d.ts +5 -0
  244. package/dist/esm/Message/TableMessage/ThMessage.js +21 -0
  245. package/dist/esm/Message/TableMessage/TheadMessage.d.ts +5 -0
  246. package/dist/esm/Message/TableMessage/TheadMessage.js +21 -0
  247. package/dist/esm/Message/TableMessage/TrMessage.d.ts +7 -0
  248. package/dist/esm/Message/TableMessage/TrMessage.js +32 -0
  249. package/dist/esm/Message/TextMessage/TextMessage.d.ts +2 -1
  250. package/dist/esm/Message/TextMessage/TextMessage.js +3 -3
  251. package/dist/esm/Message/UserFeedback/CloseButton.d.ts +10 -0
  252. package/dist/esm/Message/UserFeedback/CloseButton.js +9 -0
  253. package/dist/esm/Message/UserFeedback/UserFeedback.d.ts +39 -0
  254. package/dist/esm/Message/UserFeedback/UserFeedback.js +49 -0
  255. package/dist/esm/Message/UserFeedback/UserFeedback.test.d.ts +1 -0
  256. package/dist/esm/Message/UserFeedback/UserFeedback.test.js +128 -0
  257. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.d.ts +42 -0
  258. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.js +112 -0
  259. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.test.d.ts +1 -0
  260. package/dist/esm/Message/UserFeedback/UserFeedbackComplete.test.js +244 -0
  261. package/dist/esm/MessageBar/AttachButton.js +4 -2
  262. package/dist/esm/MessageBar/MessageBar.d.ts +11 -4
  263. package/dist/esm/MessageBar/MessageBar.js +127 -46
  264. package/dist/esm/MessageBar/MessageBar.test.js +12 -4
  265. package/dist/esm/MessageBar/MicrophoneButton.d.ts +1 -1
  266. package/dist/esm/MessageBar/SendButton.js +3 -1
  267. package/dist/esm/MessageBar/StopButton.js +3 -1
  268. package/dist/esm/MessageBox/MessageBox.test.d.ts +1 -0
  269. package/dist/esm/MessageBox/MessageBox.test.js +17 -0
  270. package/dist/esm/PreviewAttachment/PreviewAttachment.test.d.ts +1 -0
  271. package/dist/esm/PreviewAttachment/PreviewAttachment.test.js +23 -0
  272. package/dist/esm/ResponseActions/ResponseActionButton.d.ts +4 -1
  273. package/dist/esm/ResponseActions/ResponseActionButton.js +18 -3
  274. package/dist/esm/ResponseActions/ResponseActions.d.ts +8 -2
  275. package/dist/esm/ResponseActions/ResponseActions.js +7 -7
  276. package/dist/esm/ResponseActions/ResponseActions.test.js +2 -2
  277. package/dist/esm/Settings/SettingsForm.test.d.ts +1 -0
  278. package/dist/esm/Settings/SettingsForm.test.js +21 -0
  279. package/dist/esm/__mocks__/rehype-external-links.d.ts +2 -0
  280. package/dist/esm/__mocks__/rehype-external-links.js +2 -0
  281. package/dist/esm/__mocks__/rehype-sanitize.d.ts +2 -0
  282. package/dist/esm/__mocks__/rehype-sanitize.js +2 -0
  283. package/dist/esm/__mocks__/rehype-unwrap-images.d.ts +2 -0
  284. package/dist/esm/__mocks__/rehype-unwrap-images.js +2 -0
  285. package/dist/esm/index.d.ts +4 -0
  286. package/dist/esm/index.js +4 -0
  287. package/dist/esm/tracking/console_tracking_provider.d.ts +10 -0
  288. package/dist/esm/tracking/console_tracking_provider.js +23 -0
  289. package/dist/esm/tracking/index.d.ts +2 -0
  290. package/dist/esm/tracking/index.js +2 -0
  291. package/dist/esm/tracking/posthog_tracking_provider.d.ts +9 -0
  292. package/dist/esm/tracking/posthog_tracking_provider.js +33 -0
  293. package/dist/esm/tracking/segment_tracking_provider.d.ts +10 -0
  294. package/dist/esm/tracking/segment_tracking_provider.js +46 -0
  295. package/dist/esm/tracking/trackingProviderProxy.d.ts +9 -0
  296. package/dist/esm/tracking/trackingProviderProxy.js +22 -0
  297. package/dist/esm/tracking/tracking_api.d.ts +8 -0
  298. package/dist/esm/tracking/tracking_api.js +1 -0
  299. package/dist/esm/tracking/tracking_registry.d.ts +4 -0
  300. package/dist/esm/tracking/tracking_registry.js +26 -0
  301. package/dist/esm/tracking/tracking_spi.d.ts +9 -0
  302. package/dist/esm/tracking/tracking_spi.js +1 -0
  303. package/dist/esm/tracking/umami_tracking_provider.d.ts +14 -0
  304. package/dist/esm/tracking/umami_tracking_provider.js +40 -0
  305. package/dist/tsconfig.tsbuildinfo +1 -1
  306. package/package.json +8 -9
  307. package/patternfly-docs/content/extensions/chatbot/about-chatbot.md +8 -2
  308. package/patternfly-docs/content/extensions/chatbot/design-guidelines.md +192 -15
  309. package/patternfly-docs/content/extensions/chatbot/examples/Analytics/Analytics.md +219 -0
  310. package/patternfly-docs/content/extensions/chatbot/examples/Messages/AttachmentError.tsx +2 -2
  311. package/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx +214 -12
  312. package/patternfly-docs/content/extensions/chatbot/examples/Messages/FileDropZone.tsx +2 -1
  313. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithAttachment.tsx +2 -2
  314. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithCustomResponseActions.tsx +1 -1
  315. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedback.tsx +71 -0
  316. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedbackTimeout.tsx +27 -0
  317. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickResponses.tsx +1 -1
  318. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx +31 -0
  319. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithResponseActions.tsx +1 -1
  320. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithSources.tsx +1 -1
  321. package/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md +61 -9
  322. package/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx +244 -14
  323. package/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx +54 -0
  324. package/patternfly-docs/content/extensions/chatbot/examples/Messages/explore-pipeline-quickstart.ts +65 -0
  325. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFooter.tsx +1 -1
  326. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFootnote.tsx +5 -5
  327. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderBasic.tsx +1 -1
  328. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawer.tsx +36 -3
  329. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerNavigation.tsx +67 -0
  330. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerResizable.tsx +94 -0
  331. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx +1 -1
  332. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomeInteraction.tsx +1 -1
  333. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomePrompt.tsx +7 -7
  334. package/patternfly-docs/content/extensions/chatbot/examples/UI/SquareChatbotToggle.tsx +1 -1
  335. package/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md +21 -6
  336. package/patternfly-docs/content/extensions/chatbot/examples/demos/AttachmentDemos.md +14 -0
  337. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +39 -1
  338. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx +48 -35
  339. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx +2 -2
  340. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx +3 -3
  341. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotInDrawer.tsx +453 -0
  342. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx +11 -11
  343. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx +206 -0
  344. package/patternfly-docs/content/extensions/chatbot/examples/demos/Feedback.tsx +104 -0
  345. package/patternfly-docs/content/extensions/chatbot/img/ai-action-inpage.svg +85 -0
  346. package/patternfly-docs/content/extensions/chatbot/img/ai-action-message.svg +63 -0
  347. package/patternfly-docs/content/extensions/chatbot/img/analytics-example.svg +127 -0
  348. package/patternfly-docs/content/extensions/chatbot/img/attached-file.svg +24 -29
  349. package/patternfly-docs/content/extensions/chatbot/img/attachment-menu.svg +4 -4
  350. package/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg +30 -58
  351. package/patternfly-docs/content/extensions/chatbot/img/chatbot-analytics.svg +51 -0
  352. package/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg +11 -12
  353. package/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg +58 -0
  354. package/patternfly-docs/content/extensions/chatbot/img/chatbot-settings.svg +83 -0
  355. package/patternfly-docs/content/extensions/chatbot/img/comparison.svg +45 -0
  356. package/patternfly-docs/content/extensions/chatbot/img/conversation-history.svg +6 -29
  357. package/patternfly-docs/content/extensions/chatbot/img/docked.svg +259 -241
  358. package/patternfly-docs/content/extensions/chatbot/img/drawer.svg +255 -0
  359. package/patternfly-docs/content/extensions/chatbot/img/error-state.svg +30 -0
  360. package/patternfly-docs/content/extensions/chatbot/img/feedback-form.svg +88 -0
  361. package/patternfly-docs/content/extensions/chatbot/img/footnote.svg +1 -1
  362. package/patternfly-docs/content/extensions/chatbot/img/fullscreen.svg +25 -16
  363. package/patternfly-docs/content/extensions/chatbot/img/listening-pulse.svg +22 -0
  364. package/patternfly-docs/content/extensions/chatbot/img/listening.svg +1 -1
  365. package/patternfly-docs/content/extensions/chatbot/img/loading-state.svg +28 -0
  366. package/patternfly-docs/content/extensions/chatbot/img/masthead-toggle-notification.svg +49 -0
  367. package/patternfly-docs/content/extensions/chatbot/img/masthead-toggle.svg +75 -0
  368. package/patternfly-docs/content/extensions/chatbot/img/message-bar-elements.svg +3 -3
  369. package/patternfly-docs/content/extensions/chatbot/img/message-elements.svg +84 -142
  370. package/patternfly-docs/content/extensions/chatbot/img/message-feedback.svg +52 -0
  371. package/patternfly-docs/content/extensions/chatbot/img/message-responses.svg +54 -0
  372. package/patternfly-docs/content/extensions/chatbot/img/new-chat-emptystate.svg +27 -0
  373. package/patternfly-docs/content/extensions/chatbot/img/no-results-emptystate.svg +27 -0
  374. package/patternfly-docs/content/extensions/chatbot/img/overlay.svg +54 -39
  375. package/patternfly-docs/content/extensions/chatbot/img/posthog.svg +30 -0
  376. package/patternfly-docs/content/extensions/chatbot/img/segment.svg +36 -0
  377. package/patternfly-docs/content/extensions/chatbot/img/settings-menu.svg +122 -0
  378. package/patternfly-docs/content/extensions/chatbot/img/source-tile.svg +62 -0
  379. package/patternfly-docs/content/extensions/chatbot/img/thank-you-card.svg +81 -0
  380. package/patternfly-docs/content/extensions/chatbot/img/toggle-customizations.svg +12 -0
  381. package/patternfly-docs/content/extensions/chatbot/img/toggle-tooltips.svg +38 -0
  382. package/patternfly-docs/content/extensions/chatbot/img/umami.svg +30 -0
  383. package/patternfly-docs/content/extensions/chatbot/img/welcome-elements.svg +82 -0
  384. package/patternfly-docs/content/extensions/chatbot/img/welcome-message.svg +94 -0
  385. package/src/AttachMenu/AttachMenu.scss +1 -1
  386. package/src/AttachmentEdit/AttachmentEdit.test.tsx +55 -0
  387. package/src/Chatbot/Chatbot.scss +20 -1
  388. package/src/Chatbot/Chatbot.test.tsx +31 -0
  389. package/src/Chatbot/Chatbot.tsx +2 -1
  390. package/src/ChatbotAlert/ChatbotAlert.test.tsx +31 -0
  391. package/src/ChatbotContent/ChatbotContent.scss +1 -0
  392. package/src/ChatbotContent/ChatbotContent.test.tsx +15 -0
  393. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx +10 -4
  394. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +24 -1
  395. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx +242 -3
  396. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +94 -26
  397. package/src/ChatbotConversationHistoryNav/EmptyState.tsx +44 -0
  398. package/src/ChatbotConversationHistoryNav/LoadingState.tsx +38 -0
  399. package/src/ChatbotFooter/ChatbotFooter.scss +8 -4
  400. package/src/ChatbotFooter/ChatbotFooter.test.tsx +15 -0
  401. package/src/ChatbotFooter/ChatbotFooternote.test.tsx +84 -0
  402. package/src/ChatbotFooter/ChatbotFootnote.tsx +2 -2
  403. package/src/ChatbotHeader/ChatbotHeader.scss +5 -6
  404. package/src/ChatbotHeader/ChatbotHeader.test.tsx +15 -0
  405. package/src/ChatbotHeader/ChatbotHeaderActions.test.tsx +17 -0
  406. package/src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx +20 -0
  407. package/src/ChatbotHeader/ChatbotHeaderCloseButton.tsx +7 -1
  408. package/src/ChatbotHeader/ChatbotHeaderMain.test.tsx +17 -0
  409. package/src/ChatbotHeader/ChatbotHeaderMenu.test.tsx +19 -0
  410. package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +7 -1
  411. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx +45 -0
  412. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +8 -1
  413. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx +43 -0
  414. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx +11 -4
  415. package/src/ChatbotHeader/ChatbotHeaderTitle.test.tsx +75 -0
  416. package/src/ChatbotHeader/ChatbotHeaderTitle.tsx +7 -2
  417. package/src/ChatbotModal/ChatbotModal.scss +12 -12
  418. package/src/ChatbotToggle/ChatbotToggle.tsx +6 -1
  419. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss +2 -0
  420. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx +26 -18
  421. package/src/ChatbotWelcomePrompt/__snapshots__/ChatbotWelcomePrompt.test.tsx.snap +2 -2
  422. package/src/CodeModal/CodeModal.scss +7 -4
  423. package/src/Compare/Compare.scss +72 -0
  424. package/src/Compare/Compare.test.tsx +31 -0
  425. package/src/Compare/Compare.tsx +98 -0
  426. package/src/Compare/index.ts +2 -0
  427. package/src/FileDetails/FileDetails.scss +1 -1
  428. package/src/FileDetailsLabel/FileDetailsLabel.scss +2 -2
  429. package/src/Message/CodeBlockMessage/CodeBlockMessage.scss +4 -4
  430. package/src/Message/ErrorMessage/ErrorMessage.tsx +14 -0
  431. package/src/Message/ImageMessage/ImageMessage.scss +9 -0
  432. package/src/Message/ImageMessage/ImageMessage.tsx +14 -0
  433. package/src/Message/LinkMessage/LinkMessage.tsx +34 -0
  434. package/src/Message/ListMessage/ListMessage.scss +6 -6
  435. package/src/Message/Message.scss +4 -26
  436. package/src/Message/Message.test.tsx +367 -3
  437. package/src/Message/Message.tsx +157 -31
  438. package/src/Message/MessageLoading.scss +2 -2
  439. package/src/Message/QuickResponse/QuickResponse.scss +33 -0
  440. package/src/Message/QuickResponse/QuickResponse.tsx +54 -0
  441. package/src/Message/QuickStarts/FallbackImg.tsx +24 -0
  442. package/src/Message/QuickStarts/QuickStartTile.scss +24 -0
  443. package/src/Message/QuickStarts/QuickStartTile.tsx +147 -0
  444. package/src/Message/QuickStarts/QuickStartTileDescription.test.tsx +57 -0
  445. package/src/Message/QuickStarts/QuickStartTileDescription.tsx +81 -0
  446. package/src/Message/QuickStarts/QuickStartTileHeader.tsx +21 -0
  447. package/src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts +75 -0
  448. package/src/Message/QuickStarts/monitor-sampleapp-quickstart.ts +75 -0
  449. package/src/Message/QuickStarts/types.ts +154 -0
  450. package/src/Message/TableMessage/TableMessage.scss +23 -0
  451. package/src/Message/TableMessage/TableMessage.tsx +83 -0
  452. package/src/Message/TableMessage/TbodyMessage.tsx +20 -0
  453. package/src/Message/TableMessage/TdMessage.tsx +11 -0
  454. package/src/Message/TableMessage/ThMessage.tsx +11 -0
  455. package/src/Message/TableMessage/TheadMessage.tsx +11 -0
  456. package/src/Message/TableMessage/TrMessage.tsx +27 -0
  457. package/src/Message/TextMessage/TextMessage.scss +21 -12
  458. package/src/Message/TextMessage/TextMessage.tsx +3 -3
  459. package/src/Message/UserFeedback/CloseButton.tsx +21 -0
  460. package/src/Message/UserFeedback/UserFeedback.scss +53 -0
  461. package/src/Message/UserFeedback/UserFeedback.test.tsx +236 -0
  462. package/src/Message/UserFeedback/UserFeedback.tsx +128 -0
  463. package/src/Message/UserFeedback/UserFeedbackComplete.test.tsx +255 -0
  464. package/src/Message/UserFeedback/UserFeedbackComplete.tsx +211 -0
  465. package/src/MessageBar/AttachButton.scss +19 -3
  466. package/src/MessageBar/AttachButton.tsx +3 -1
  467. package/src/MessageBar/MessageBar.scss +58 -24
  468. package/src/MessageBar/MessageBar.test.tsx +12 -4
  469. package/src/MessageBar/MessageBar.tsx +164 -65
  470. package/src/MessageBar/MicrophoneButton.scss +8 -8
  471. package/src/MessageBar/MicrophoneButton.tsx +1 -1
  472. package/src/MessageBar/SendButton.tsx +2 -0
  473. package/src/MessageBar/StopButton.scss +17 -3
  474. package/src/MessageBar/StopButton.tsx +2 -0
  475. package/src/MessageBox/JumpButton.scss +6 -6
  476. package/src/MessageBox/MessageBox.scss +1 -0
  477. package/src/MessageBox/MessageBox.test.tsx +26 -0
  478. package/src/PreviewAttachment/PreviewAttachment.test.tsx +51 -0
  479. package/src/ResponseActions/ResponseActionButton.tsx +14 -2
  480. package/src/ResponseActions/ResponseActions.scss +2 -2
  481. package/src/ResponseActions/ResponseActions.test.tsx +4 -2
  482. package/src/ResponseActions/ResponseActions.tsx +26 -2
  483. package/src/Settings/Settings.scss +2 -2
  484. package/src/Settings/SettingsForm.test.tsx +28 -0
  485. package/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss +2 -2
  486. package/src/SourcesCard/SourcesCard.scss +9 -3
  487. package/src/TermsOfUse/TermsOfUse.scss +1 -1
  488. package/src/__mocks__/rehype-external-links.ts +3 -0
  489. package/src/__mocks__/rehype-sanitize.ts +3 -0
  490. package/src/__mocks__/rehype-unwrap-images.tsx +3 -0
  491. package/src/index.ts +6 -0
  492. package/src/main.scss +6 -6
  493. package/src/tracking/console_tracking_provider.ts +30 -0
  494. package/src/tracking/index.ts +3 -0
  495. package/src/tracking/posthog_tracking_provider.ts +42 -0
  496. package/src/tracking/segment_tracking_provider.ts +62 -0
  497. package/src/tracking/trackingProviderProxy.ts +28 -0
  498. package/src/tracking/tracking_api.ts +11 -0
  499. package/src/tracking/tracking_registry.ts +33 -0
  500. package/src/tracking/tracking_spi.ts +14 -0
  501. package/src/tracking/umami_tracking_provider.ts +54 -0
package/dist/css/main.css CHANGED
@@ -47,7 +47,7 @@
47
47
  width: 21px;
48
48
  }
49
49
  .pf-chatbot__menu .pf-v6-c-menu__item-description {
50
- font-weight: 500;
50
+ font-weight: var(--pf-t--global--font--weight--body--bold);
51
51
  }
52
52
  .pf-chatbot__menu .pf-v6-c-divider {
53
53
  padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md);
@@ -64,7 +64,7 @@
64
64
  background-color: var(--pf-t--chatbot--background);
65
65
  border-radius: var(--pf-t--global--border--radius--medium);
66
66
  box-shadow: var(--pf-t--global--box-shadow--lg);
67
- font-size: var(--pf-t--chatbot--font-size);
67
+ font-size: var(--pf-t--global--font--size--md);
68
68
  z-index: var(--pf-t--global--z-index--md);
69
69
  -webkit-font-smoothing: antialiased;
70
70
  -moz-osx-font-smoothing: grayscale;
@@ -144,6 +144,21 @@
144
144
  border-radius: unset;
145
145
  }
146
146
 
147
+ .pf-chatbot--drawer {
148
+ inset-block-end: 0;
149
+ inset-inline-end: 0;
150
+ padding: 0;
151
+ width: 100%;
152
+ height: 100%;
153
+ border-radius: 0;
154
+ box-shadow: none;
155
+ border-left: var(--pf-t--global--border--width--divider--default) solid;
156
+ border-color: var(--pf-t--global--border--color--default);
157
+ }
158
+ .pf-chatbot--drawer .pf-chatbot-container {
159
+ border-radius: var(--pf-t--global--border--radius--sharp);
160
+ }
161
+
147
162
  .pf-chatbot__alert {
148
163
  position: sticky;
149
164
  top: var(--pf-t--global--spacer--lg);
@@ -164,6 +179,7 @@
164
179
  }
165
180
 
166
181
  @media screen and (min-width: 64rem) {
182
+ .pf-chatbot--drawer .pf-chatbot__content,
167
183
  .pf-chatbot--fullscreen .pf-chatbot__content,
168
184
  .pf-chatbot--embedded .pf-chatbot__content {
169
185
  display: flex;
@@ -189,7 +205,7 @@
189
205
  }
190
206
  .pf-chatbot__history .pf-chatbot__menu-item-header > .pf-v6-c-menu__group-title {
191
207
  color: var(--pf-t--global--text--color--subtle);
192
- font-weight: 500;
208
+ font-weight: var(--pf-t--global--font--weight--body--bold);
193
209
  font-size: var(--pf-t--global--icon--size--font--sm);
194
210
  --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--sm);
195
211
  --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -276,14 +292,19 @@
276
292
  flex-direction: column;
277
293
  height: 70vh;
278
294
  }
295
+ .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__panel.pf-m-resizable .pf-v6-c-drawer__panel-main {
296
+ row-gap: var(--pf-v6-c-drawer__panel--RowGap);
297
+ }
279
298
 
280
299
  .pf-chatbot--docked .pf-chatbot__history.pf-v6-c-drawer {
281
300
  height: 100vh;
282
301
  }
283
302
 
303
+ .pf-chatbot--drawer .pf-chatbot__history.pf-v6-c-drawer,
284
304
  .pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer {
285
305
  height: 100vh;
286
306
  }
307
+ .pf-chatbot--drawer .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body,
287
308
  .pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
288
309
  width: 100%;
289
310
  }
@@ -300,11 +321,26 @@
300
321
  }
301
322
 
302
323
  .pf-chatbot--docked .pf-chatbot__history .pf-chatbot__drawer-backdrop,
324
+ .pf-chatbot--drawer .pf-chatbot__history .pf-chatbot__drawer-backdrop,
303
325
  .pf-chatbot--embedded .pf-chatbot__history .pf-chatbot__drawer-backdrop,
304
326
  .pf-chatbot--fullscreen .pf-chatbot__history .pf-chatbot__drawer-backdrop {
305
327
  border-radius: unset;
306
328
  }
307
329
 
330
+ .pf-chatbot__history-loading {
331
+ display: flex;
332
+ padding: var(--pf-t--global--spacer--lg);
333
+ flex-direction: column;
334
+ gap: var(--pf-t--global--spacer--lg);
335
+ }
336
+
337
+ .pf-chatbot__history-loading-block {
338
+ display: flex;
339
+ flex-direction: column;
340
+ gap: var(--pf-t--global--spacer--sm);
341
+ align-self: stretch;
342
+ }
343
+
308
344
  .pf-chatbot__footnote {
309
345
  align-self: center;
310
346
  }
@@ -346,13 +382,14 @@
346
382
  padding: var(--pf-t--global--spacer--sm) 0;
347
383
  }
348
384
  }
349
- .pf-chatbot--docked .pf-chatbot__footer .pf-v6-c-divider {
350
- display: none;
351
- }
352
385
  .pf-chatbot--docked .pf-chatbot__footer-container {
353
386
  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
354
387
  }
355
388
 
389
+ .pf-chatbot--drawer .pf-chatbot__footer-container {
390
+ padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
391
+ }
392
+
356
393
  .pf-chatbot__header-container {
357
394
  display: grid;
358
395
  }
@@ -397,6 +434,7 @@
397
434
  }
398
435
  .pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary {
399
436
  width: 160px;
437
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
400
438
  }
401
439
 
402
440
  @media screen and (min-width: 64rem) {
@@ -409,12 +447,10 @@
409
447
  display: none;
410
448
  }
411
449
  }
450
+ .pf-chatbot--drawer .pf-chatbot__header,
412
451
  .pf-chatbot--docked .pf-chatbot__header {
413
452
  background-color: var(--pf-t--chatbot--background);
414
453
  }
415
- .pf-chatbot--docked .pf-chatbot__header__divider {
416
- display: none;
417
- }
418
454
 
419
455
  .pf-chatbot__button--toggle-options,
420
456
  .pf-chatbot__button--toggle-menu {
@@ -430,7 +466,7 @@
430
466
  .pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
431
467
  .pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon,
432
468
  .pf-chatbot__button--toggle-menu .pf-v6-c-icon__content {
433
- color: var(--pf-t--chatbot--icon--fill);
469
+ color: var(--pf-t--global--icon--color--subtle);
434
470
  }
435
471
  .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
436
472
  .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
@@ -451,7 +487,7 @@
451
487
  .pf-chatbot__button--toggle-menu:focus .pf-v6-c-button__icon,
452
488
  .pf-chatbot__button--toggle-menu:focus .pf-v6-c-menu-toggle__icon,
453
489
  .pf-chatbot__button--toggle-menu:focus .pf-v6-c-icon__content {
454
- color: var(--pf-t--chatbot--icon--fill--hover);
490
+ color: var(--pf-t--global--icon--color--regular);
455
491
  }
456
492
 
457
493
  .pf-chatbot__button--toggle-options svg {
@@ -472,24 +508,24 @@
472
508
  }
473
509
 
474
510
  .pf-chatbot__chatbot-modal-backdrop {
475
- position: static;
511
+ position: static !important;
476
512
  }
477
513
 
478
514
  .pf-chatbot__chatbot-modal {
479
- --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium);
480
- position: fixed;
515
+ --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium) !important;
516
+ position: fixed !important;
481
517
  inset-block-end: var(--pf-t--global--spacer--800);
482
518
  inset-inline-end: var(--pf-t--global--spacer--lg);
483
- width: 30rem;
519
+ width: 30rem !important;
484
520
  height: 70vh;
485
- background-color: var(--pf-t--global--background--color--secondary--default);
521
+ background-color: var(--pf-t--global--background--color--secondary--default) !important;
486
522
  }
487
523
  .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
488
524
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
489
525
  }
490
526
  .pf-chatbot__chatbot-modal .pf-v6-c-button.pf-m-primary.pf-m-block,
491
527
  .pf-chatbot__chatbot-modal .pf-v6-c-button.pf-m-link.pf-m-block {
492
- --pf-v6-c-button--FontWeight: 500;
528
+ --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--bold);
493
529
  }
494
530
  .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__footer {
495
531
  padding-block-start: var(--pf-t--global--spacer--xl);
@@ -516,24 +552,24 @@
516
552
  .pf-chatbot__chatbot-modal--fullscreen {
517
553
  inset-block-end: 0;
518
554
  inset-inline-end: 0;
519
- width: 50%;
520
- height: fit-content;
555
+ width: 50% !important;
556
+ height: fit-content !important;
521
557
  top: 50%;
522
558
  left: 50%;
523
559
  transform: translate(-50%, -50%);
524
560
  }
525
561
  }
526
562
  .pf-chatbot__chatbot-modal--default {
527
- box-shadow: unset;
563
+ box-shadow: unset !important;
528
564
  }
529
565
 
530
566
  .pf-chatbot__chatbot-modal--docked {
531
567
  height: 100vh;
532
568
  inset-block-end: 0;
533
569
  inset-inline-end: 0;
534
- border-radius: 0;
535
- --pf-v6-c-modal-box--MaxHeight: 100vh;
536
- box-shadow: unset;
570
+ border-radius: 0 !important;
571
+ --pf-v6-c-modal-box--MaxHeight: 100vh !important;
572
+ box-shadow: unset !important;
537
573
  }
538
574
 
539
575
  .pf-v6-theme-dark .pf-v6-c-modal-box.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
@@ -613,6 +649,8 @@
613
649
  }
614
650
  .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions > * {
615
651
  flex: 1;
652
+ overflow: visible;
653
+ height: 100%;
616
654
  }
617
655
 
618
656
  @media screen and (min-width: 64rem) {
@@ -627,9 +665,10 @@
627
665
  --pf-v6-c-code-editor__main--BorderEndStartRadius: 0;
628
666
  --pf-v6-c-code-editor__main--BorderEndEndRadius: 0;
629
667
  --pf-v6-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--small);
668
+ --pf-v6-c-code-editor--m-read-only__main--BackgroundColor: #1f1f1f;
630
669
  }
631
670
  .pf-chatbot__code-modal .pf-v6-c-code-editor__header {
632
- background: #1f1f1f;
671
+ background: #1f1f1f !important;
633
672
  /** this is for the attachment editor header */
634
673
  border-start-start-radius: var(--pf-t--global--border--radius--small);
635
674
  border-start-end-radius: var(--pf-t--global--border--radius--small);
@@ -647,7 +686,9 @@
647
686
  .pf-chatbot__code-modal .pf-v6-c-code-editor__header-content {
648
687
  --pf-v6-c-code-editor__header-content--BackgroundColor: #1f1f1f;
649
688
  --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: #1f1f1f;
650
- --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(--pf-t--global--border--radius--small);
689
+ --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(
690
+ --pf-t--global--border--radius--small
691
+ ) !important;
651
692
  --pf-v6-c-code-editor__header-content--PaddingInlineEnd: 0;
652
693
  justify-content: flex-end;
653
694
  }
@@ -661,7 +702,7 @@
661
702
  border: none;
662
703
  --pf-v6-c-code-editor__tab--BorderStartEndRadius: 0;
663
704
  border-start-start-radius: var(--pf-t--global--border--radius--small);
664
- --pf-t--global--font--weight--body--default: 500;
705
+ --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--body--bold);
665
706
  }
666
707
  .pf-chatbot__code-modal .pf-v6-c-code-editor__tab-icon {
667
708
  display: none;
@@ -695,14 +736,89 @@
695
736
  }
696
737
 
697
738
  .pf-chatbot__code-modal--fullscreen {
698
- height: inherit;
739
+ height: inherit !important;
740
+ }
741
+
742
+ .pf-chatbot__compare-container {
743
+ display: flex;
744
+ flex-direction: column;
745
+ position: relative;
746
+ height: 100%;
747
+ }
748
+
749
+ .pf-chatbot__compare-toggle {
750
+ width: 100%;
751
+ }
752
+ .pf-chatbot__compare-toggle .pf-v6-c-toggle-group__button {
753
+ width: 100%;
754
+ display: flex;
755
+ justify-content: center;
756
+ }
757
+
758
+ .pf-chatbot__compare {
759
+ display: flex;
760
+ height: 100%;
761
+ width: 100%;
762
+ }
763
+ @media screen and (max-width: 900px) {
764
+ .pf-chatbot__compare {
765
+ overflow-y: auto;
766
+ }
767
+ }
768
+ .pf-chatbot__compare .pf-chatbot__compare-item:first-of-type {
769
+ border-right: 1px solid var(--pf-t--global--border--color--default);
770
+ }
771
+ @media screen and (max-width: 900px) {
772
+ .pf-chatbot__compare .pf-chatbot__compare-item:first-of-type {
773
+ border-right: 0px;
774
+ }
775
+ }
776
+
777
+ .pf-chatbot__compare-item {
778
+ flex: 1;
779
+ }
780
+ .pf-chatbot__compare-item .pf-chatbot--embedded .pf-chatbot__messagebox {
781
+ width: 100%;
782
+ }
783
+ .pf-chatbot__compare-item .pf-chatbot__content {
784
+ padding: 0;
785
+ }
786
+ @media screen and (max-width: 900px) {
787
+ .pf-chatbot__compare-item .pf-chatbot.pf-chatbot--embedded {
788
+ height: 100%;
789
+ }
790
+ }
791
+
792
+ .pf-chatbot__compare-item-hidden {
793
+ display: block;
794
+ }
795
+ @media screen and (max-width: 900px) {
796
+ .pf-chatbot__compare-item-hidden {
797
+ display: none;
798
+ }
799
+ }
800
+
801
+ .pf-chatbot__compare-mobile-controls {
802
+ padding: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
803
+ display: none;
804
+ background-color: var(--pf-t--global--background--color--secondary--default);
805
+ position: sticky;
806
+ top: 0;
807
+ z-index: 9999;
808
+ }
809
+ @media screen and (max-width: 900px) {
810
+ .pf-chatbot__compare-mobile-controls {
811
+ display: flex;
812
+ flex-direction: column;
813
+ gap: var(--pf-t--global--spacer--md);
814
+ }
699
815
  }
700
816
 
701
817
  .pf-chatbot__code-language {
702
818
  color: var(--pf-t--global--text--color--subtle);
703
819
  display: flex;
704
820
  font-size: var(--pf-t--global--icon--size--font--xs);
705
- font-weight: 500;
821
+ font-weight: var(--pf-t--global--font--weight--body--bold);
706
822
  }
707
823
 
708
824
  .pf-chatbot__code-icon {
@@ -731,10 +847,10 @@
731
847
  }
732
848
 
733
849
  .pf-chatbot__file-label {
734
- padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md);
850
+ padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) !important;
735
851
  gap: var(--pf-t--global--spacer--sm);
736
852
  --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
737
- --pf-v6-c-label--MaxWidth: 12rem;
853
+ --pf-v6-c-label--MaxWidth: 12rem !important;
738
854
  }
739
855
  .pf-chatbot__file-label .pf-v6-c-truncate {
740
856
  max-width: 9ch;
@@ -833,13 +949,6 @@
833
949
  }
834
950
 
835
951
  .pf-chatbot__message {
836
- --pf-t--chatbot-message--type--background--color--default: var(--pf-t--global--background--color--tertiary--default);
837
- --pf-t--chatbot-message--type--background--color--primary: var(--pf-t--global--color--brand--default);
838
- --pf-t--chatbot-message--type--padding: var(--pf-t--global--spacer--sm);
839
- --pf-t--chatbot-message--type--text--color--default: var(--pf-t--global--text--color--regular);
840
- --pf-t--chatbot-message--type--text--color--primary: var(--pf-t--global--text--color--inverse);
841
- --pf-t--chatbot-message--type--border--radius: var(--pf-t--global--border--radius--small);
842
- --pf-t--chatbot-message--meta--label--color: var(--pf-t--global--border--color--on-secondary);
843
952
  display: flex;
844
953
  align-items: flex-start;
845
954
  gap: var(--pf-t--global--spacer--lg);
@@ -878,12 +987,12 @@
878
987
  font-size: var(--pf-t--global--font--size--sm);
879
988
  }
880
989
  .pf-chatbot__message-meta .pf-v6-c-label {
881
- --pf-v6-c-label--m-outline--BorderColor: var(--pf-t--chatbot-message--meta--label--color);
990
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--on-secondary);
882
991
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--xs);
883
- font-weight: 500;
992
+ font-weight: var(--pf-t--global--font--weight--body--bold);
884
993
  }
885
994
  .pf-chatbot__message-meta .pf-v6-c-label .pf-v6-c-label__content {
886
- --pf-v6-c-label--Color: var(--pf-t--chatbot-message--meta--label--color);
995
+ --pf-v6-c-label--Color: var(--pf-t--global--border--color--on-secondary);
887
996
  }
888
997
  .pf-chatbot__message-meta .pf-v6-c-timestamp {
889
998
  flex: 1 0 max-content;
@@ -896,25 +1005,12 @@
896
1005
  flex-direction: column;
897
1006
  align-items: flex-start;
898
1007
  gap: var(--pf-t--global--font--size--sm);
899
- color: var(--pf-t--chatbot-message--type--text--color--default);
1008
+ color: var(--pf-t--global--text--color--regular);
900
1009
  }
901
1010
  .pf-chatbot__message-and-actions {
902
1011
  display: grid;
903
1012
  gap: var(--pf-t--global--spacer--sm);
904
1013
  }
905
- .pf-chatbot__message-quick-response .pf-v6-c-label {
906
- --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
907
- }
908
- @media screen and (min-width: 401px) and (max-width: 600px) {
909
- .pf-chatbot__message-quick-response .pf-v6-c-label {
910
- --pf-v6-c-label__text--MaxWidth: 20ch;
911
- }
912
- }
913
- @media screen and (max-width: 400px) {
914
- .pf-chatbot__message-quick-response .pf-v6-c-label {
915
- --pf-v6-c-label__text--MaxWidth: 15ch;
916
- }
917
- }
918
1014
 
919
1015
  .pf-chatbot__message-attachments-container {
920
1016
  display: flex;
@@ -924,9 +1020,9 @@
924
1020
 
925
1021
  .pf-chatbot__message-loading {
926
1022
  width: 36px;
927
- padding: var(--pf-t--chatbot-message--type--padding);
1023
+ padding: var(--pf-t--global--spacer--sm);
928
1024
  background-color: var(--pf-t--global--background--color--tertiary--default);
929
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1025
+ border-radius: var(--pf-t--global--border--radius--small);
930
1026
  }
931
1027
  .pf-chatbot__message-loading-dots {
932
1028
  position: relative;
@@ -999,7 +1095,7 @@
999
1095
  justify-content: space-between;
1000
1096
  width: 100%;
1001
1097
  font-size: var(--pf-t--global--font--size--sm);
1002
- font-weight: 500;
1098
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1003
1099
  }
1004
1100
  .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button {
1005
1101
  color: var(--pf-t--color--white);
@@ -1031,7 +1127,7 @@
1031
1127
  }
1032
1128
 
1033
1129
  .pf-chatbot__message-inline-code {
1034
- background-color: var(--pf-t--chatbot--code--background);
1130
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1035
1131
  font-size: var(--pf-t--global--font--size--body--default);
1036
1132
  }
1037
1133
 
@@ -1039,37 +1135,45 @@
1039
1135
  display: inline-block;
1040
1136
  }
1041
1137
 
1138
+ .pf-chatbot__message-and-actions:has(.pf-chatbot__message-table) {
1139
+ width: 100%;
1140
+ }
1141
+
1042
1142
  .pf-chatbot__message-text {
1043
1143
  width: fit-content;
1044
- padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
1045
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1144
+ padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
1145
+ border-radius: var(--pf-t--global--border--radius--small);
1146
+ }
1147
+ .pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
1148
+ font-size: var(--pf-t--global--font--size--md);
1046
1149
  }
1047
1150
  .pf-chatbot__message-text .pf-v6-c-content,
1048
1151
  .pf-chatbot__message-text .pf-v6-c-content--small,
1049
1152
  .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1050
1153
  .pf-chatbot__message-text p,
1051
1154
  .pf-chatbot__message-text a {
1052
- --pf-v6-c-content--FontSize: var(--pf-t--chatbot--font-size);
1155
+ --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--md);
1053
1156
  }
1054
1157
  .pf-chatbot__message-text code {
1055
- background-color: var(--pf-t--chatbot-message--type--background--color--default);
1158
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1056
1159
  font-size: var(--pf-t--global--font--size--body--default);
1057
1160
  }
1058
1161
 
1059
1162
  .pf-chatbot__message--user .pf-chatbot__message-text {
1060
- background-color: var(--pf-t--chatbot-message--type--background--color--primary);
1061
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1062
- padding: var(--pf-t--chatbot-message--type--padding);
1163
+ background-color: var(--pf-t--global--color--brand--default);
1164
+ color: var(--pf-t--global--text--color--on-brand--default);
1165
+ --pf-v6-c-content--Color: var(--pf-t--global--text--color--on-brand--default);
1166
+ padding: var(--pf-t--global--spacer--sm);
1167
+ }
1168
+ .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-button__icon {
1169
+ --pf-v6-c-button__icon--Color: var(--pf-t--global--text--color--on-brand--default);
1063
1170
  }
1064
1171
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
1065
1172
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
1066
1173
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1067
1174
  .pf-chatbot__message--user .pf-chatbot__message-text p,
1068
1175
  .pf-chatbot__message--user .pf-chatbot__message-text a {
1069
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1070
- }
1071
- .pf-chatbot__message--user .pf-chatbot__message-text code {
1072
- background-color: initial;
1176
+ color: var(--pf-t--global--text--color--on-brand--default);
1073
1177
  }
1074
1178
 
1075
1179
  .pf-chatbot__message-code-block {
@@ -1102,7 +1206,7 @@
1102
1206
  justify-content: space-between;
1103
1207
  width: 100%;
1104
1208
  font-size: var(--pf-t--global--font--size--sm);
1105
- font-weight: 500;
1209
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1106
1210
  }
1107
1211
  .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button {
1108
1212
  color: var(--pf-t--color--white);
@@ -1134,52 +1238,68 @@
1134
1238
  }
1135
1239
 
1136
1240
  .pf-chatbot__message-inline-code {
1137
- background-color: var(--pf-t--chatbot--code--background);
1241
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1138
1242
  font-size: var(--pf-t--global--font--size--body--default);
1139
1243
  }
1140
1244
 
1245
+ .pf-chatbot__message-image {
1246
+ border-radius: var(--pf-t--global--border--radius--small);
1247
+ max-width: 37.5rem;
1248
+ max-height: 25rem;
1249
+ min-height: 6.25rem;
1250
+ display: block;
1251
+ }
1252
+
1141
1253
  .pf-chatbot__message-and-actions blockquote .pf-chatbot__message-text {
1142
1254
  display: inline-block;
1143
1255
  }
1144
1256
 
1257
+ .pf-chatbot__message-and-actions:has(.pf-chatbot__message-table) {
1258
+ width: 100%;
1259
+ }
1260
+
1145
1261
  .pf-chatbot__message-text {
1146
1262
  width: fit-content;
1147
- padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
1148
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1263
+ padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
1264
+ border-radius: var(--pf-t--global--border--radius--small);
1265
+ }
1266
+ .pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
1267
+ font-size: var(--pf-t--global--font--size--md);
1149
1268
  }
1150
1269
  .pf-chatbot__message-text .pf-v6-c-content,
1151
1270
  .pf-chatbot__message-text .pf-v6-c-content--small,
1152
1271
  .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1153
1272
  .pf-chatbot__message-text p,
1154
1273
  .pf-chatbot__message-text a {
1155
- --pf-v6-c-content--FontSize: var(--pf-t--chatbot--font-size);
1274
+ --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--md);
1156
1275
  }
1157
1276
  .pf-chatbot__message-text code {
1158
- background-color: var(--pf-t--chatbot-message--type--background--color--default);
1277
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1159
1278
  font-size: var(--pf-t--global--font--size--body--default);
1160
1279
  }
1161
1280
 
1162
1281
  .pf-chatbot__message--user .pf-chatbot__message-text {
1163
- background-color: var(--pf-t--chatbot-message--type--background--color--primary);
1164
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1165
- padding: var(--pf-t--chatbot-message--type--padding);
1282
+ background-color: var(--pf-t--global--color--brand--default);
1283
+ color: var(--pf-t--global--text--color--on-brand--default);
1284
+ --pf-v6-c-content--Color: var(--pf-t--global--text--color--on-brand--default);
1285
+ padding: var(--pf-t--global--spacer--sm);
1286
+ }
1287
+ .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-button__icon {
1288
+ --pf-v6-c-button__icon--Color: var(--pf-t--global--text--color--on-brand--default);
1166
1289
  }
1167
1290
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
1168
1291
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
1169
1292
  .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1170
1293
  .pf-chatbot__message--user .pf-chatbot__message-text p,
1171
1294
  .pf-chatbot__message--user .pf-chatbot__message-text a {
1172
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1173
- }
1174
- .pf-chatbot__message--user .pf-chatbot__message-text code {
1175
- background-color: initial;
1295
+ color: var(--pf-t--global--text--color--on-brand--default);
1176
1296
  }
1177
1297
 
1178
1298
  .pf-chatbot__message-ordered-list,
1179
1299
  .pf-chatbot__message-unordered-list {
1180
1300
  width: fit-content;
1181
- padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
1182
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1301
+ padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
1302
+ border-radius: var(--pf-t--global--border--radius--small);
1183
1303
  }
1184
1304
  .pf-chatbot__message-ordered-list .pf-v6-c-list,
1185
1305
  .pf-chatbot__message-ordered-list ul,
@@ -1187,21 +1307,41 @@
1187
1307
  .pf-chatbot__message-unordered-list .pf-v6-c-list,
1188
1308
  .pf-chatbot__message-unordered-list ul,
1189
1309
  .pf-chatbot__message-unordered-list li {
1190
- font-size: var(--pf-t--chatbot--font-size);
1310
+ font-size: var(--pf-t--global--font--size--md);
1191
1311
  }
1192
1312
 
1193
1313
  .pf-chatbot__message--user .pf-chatbot__message-ordered-list,
1194
1314
  .pf-chatbot__message--user .pf-chatbot__message-unordered-list {
1195
- background-color: var(--pf-t--chatbot-message--type--background--color--primary);
1196
- color: var(--pf-t--chatbot-message--type--text--color--primary);
1197
- padding: var(--pf-t--chatbot-message--type--padding);
1315
+ background-color: var(--pf-t--global--color--brand--default);
1316
+ color: var(--pf-t--global--text--color--on-brand--default);
1317
+ padding: var(--pf-t--global--spacer--sm);
1318
+ }
1319
+
1320
+ .pf-chatbot__message-table {
1321
+ border-radius: var(--pf-t--global--border--radius--small);
1322
+ --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default) !important;
1323
+ --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default) !important;
1324
+ padding: 0 var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
1325
+ }
1326
+ .pf-chatbot__message-table.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
1327
+ border-block-start: 0;
1328
+ }
1329
+ .pf-chatbot__message-table tbody {
1330
+ border-radius: var(--pf-t--global--border--radius--small);
1331
+ }
1332
+ .pf-chatbot__message-table tr {
1333
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: 0;
1334
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: 0;
1335
+ }
1336
+ .pf-chatbot__message-table .pf-v6-c-table__tr:last-of-type {
1337
+ border-block-end: 0;
1198
1338
  }
1199
1339
 
1200
1340
  .pf-chatbot__message-loading {
1201
1341
  width: 36px;
1202
- padding: var(--pf-t--chatbot-message--type--padding);
1342
+ padding: var(--pf-t--global--spacer--sm);
1203
1343
  background-color: var(--pf-t--global--background--color--tertiary--default);
1204
- border-radius: var(--pf-t--chatbot-message--type--border--radius);
1344
+ border-radius: var(--pf-t--global--border--radius--small);
1205
1345
  }
1206
1346
  .pf-chatbot__message-loading-dots {
1207
1347
  position: relative;
@@ -1244,6 +1384,107 @@
1244
1384
  }
1245
1385
  }
1246
1386
 
1387
+ .pf-chatbot__quickstarts-tile {
1388
+ max-width: 650px;
1389
+ width: 100%;
1390
+ }
1391
+ @media screen and (max-width: 700px) {
1392
+ .pf-chatbot__quickstarts-tile {
1393
+ max-width: 100%;
1394
+ min-width: initial;
1395
+ }
1396
+ }
1397
+ .pf-chatbot__quickstarts-tile .pf-v6-c-card__header-main .pf-v6-c-icon__content {
1398
+ display: contents;
1399
+ }
1400
+
1401
+ .pf-v6-theme-dark .pf-chatbot__quickstarts-tile .pfext-catalog-item-icon__img {
1402
+ filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
1403
+ }
1404
+
1405
+ .pf-chatbot__message-quick-response .pf-v6-c-label {
1406
+ --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
1407
+ }
1408
+ @media screen and (min-width: 401px) and (max-width: 600px) {
1409
+ .pf-chatbot__message-quick-response .pf-v6-c-label {
1410
+ --pf-v6-c-label__text--MaxWidth: 20ch;
1411
+ }
1412
+ }
1413
+ @media screen and (max-width: 400px) {
1414
+ .pf-chatbot__message-quick-response .pf-v6-c-label {
1415
+ --pf-v6-c-label__text--MaxWidth: 15ch;
1416
+ }
1417
+ }
1418
+ .pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected .pf-v6-c-label__content:is(:hover, :focus) {
1419
+ --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
1420
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
1421
+ }
1422
+ .pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected:hover,
1423
+ .pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected:focus {
1424
+ --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
1425
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
1426
+ }
1427
+ .pf-chatbot__message-quick-response .pf-v6-c-label.pf-m-blue.pf-m-clickable .pf-v6-c-label__content:is(:active) {
1428
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
1429
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
1430
+ --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
1431
+ }
1432
+
1433
+ .pf-chatbot__feedback-card {
1434
+ box-shadow: var(--pf-t--global--box-shadow--sm);
1435
+ --pf-v6-c-card--BorderWidth: 0;
1436
+ max-width: 27.5rem;
1437
+ }
1438
+
1439
+ .pf-chatbot__feedback-complete-body {
1440
+ display: flex;
1441
+ flex-direction: column;
1442
+ gap: var(--pf-t--global--spacer--lg);
1443
+ align-items: center;
1444
+ }
1445
+
1446
+ .pf-chatbot__feedback-complete-text {
1447
+ display: flex;
1448
+ align-items: center;
1449
+ justify-content: center;
1450
+ flex-direction: column;
1451
+ gap: var(--pf-t--global--spacer--sm);
1452
+ --pf-v6-c-card--first-child--PaddingBlockStart: 0;
1453
+ --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: 0;
1454
+ }
1455
+
1456
+ .pf-chatbot__feedback-complete-image {
1457
+ display: flex;
1458
+ align-items: center;
1459
+ justify-content: center;
1460
+ }
1461
+
1462
+ .pf-chatbot__feedback-complete-body {
1463
+ text-align: center;
1464
+ }
1465
+
1466
+ .pf-chatbot__feedback-complete-title {
1467
+ font-family: var(--pf-t--global--font--family--heading);
1468
+ font-size: var(--pf-t--global--font--size--lg);
1469
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1470
+ line-height: var(--pf-t--global--font--line-height--heading);
1471
+ }
1472
+
1473
+ .pf-chatbot__feedback-card-title {
1474
+ font-family: var(--pf-t--global--font--family--heading);
1475
+ font-size: var(--pf-t--global--font--size--md);
1476
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1477
+ line-height: var(--pf-t--global--font--line-height--heading);
1478
+ }
1479
+
1480
+ .pf-chatbot__feedback-card-form {
1481
+ --pf-v6-c-form__group--m-action--MarginBlockStart: 0 !important;
1482
+ }
1483
+
1484
+ .pf-chatbot__feedback-card-optional {
1485
+ font-weight: initial;
1486
+ }
1487
+
1247
1488
  .pf-v6-c-button.pf-chatbot__button--attach {
1248
1489
  border-radius: var(--pf-t--global--border--radius--pill);
1249
1490
  padding: var(--pf-t--global--spacer--md);
@@ -1251,10 +1492,19 @@
1251
1492
  height: 3rem;
1252
1493
  }
1253
1494
  .pf-v6-c-button.pf-chatbot__button--attach .pf-v6-c-button__icon {
1254
- color: var(--pf-t--chatbot--icon--fill);
1495
+ color: var(--pf-t--global--icon--color--subtle);
1496
+ }
1497
+ .pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon {
1498
+ color: var(--pf-t--global--icon--color--regular);
1499
+ }
1500
+ .pf-v6-c-button.pf-chatbot__button--attach:active, .pf-v6-c-button.pf-chatbot__button--attach:focus {
1501
+ background-color: var(--pf-t--global--color--brand--clicked);
1502
+ }
1503
+ .pf-v6-c-button.pf-chatbot__button--attach:active .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
1504
+ color: var(--pf-t--global--icon--color--inverse);
1255
1505
  }
1256
- .pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
1257
- color: var(--pf-t--chatbot--icon--fill--hover);
1506
+ .pf-v6-c-button.pf-chatbot__button--attach:active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:active:focus .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:focus .pf-v6-c-button__icon {
1507
+ color: var(--pf-t--global--icon--color--inverse);
1258
1508
  }
1259
1509
 
1260
1510
  .pf-v6-c-button.pf-chatbot__button--microphone {
@@ -1264,25 +1514,25 @@
1264
1514
  height: 3rem;
1265
1515
  }
1266
1516
  .pf-v6-c-button.pf-chatbot__button--microphone .pf-v6-c-button__icon {
1267
- color: var(--pf-t--chatbot--icon--fill);
1517
+ color: var(--pf-t--global--icon--color--subtle);
1268
1518
  }
1269
1519
  .pf-v6-c-button.pf-chatbot__button--microphone:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--microphone:focus .pf-v6-c-button__icon {
1270
- color: var(--pf-t--chatbot--icon--fill--hover);
1520
+ color: var(--pf-t--global--icon--color--regular);
1271
1521
  }
1272
1522
  .pf-v6-c-button.pf-chatbot__button--microphone--active {
1273
- background-color: var(--pf-t--color--blue--50);
1274
- animation: motionMicButton var(--pf-t--chatbot--timing-function) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
1523
+ background-color: var(--pf-t--global--color--brand--clicked);
1524
+ animation: motionMicButton var(--pf-t--global--motion--timing-function--accelerate) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
1275
1525
  }
1276
1526
  .pf-v6-c-button.pf-chatbot__button--microphone--active .pf-v6-c-button__icon {
1277
- color: var(--pf-t--color--white);
1527
+ color: var(--pf-t--global--icon--color--on-brand--default);
1278
1528
  }
1279
1529
  .pf-v6-c-button.pf-chatbot__button--microphone--active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--microphone--active:focus .pf-v6-c-button__icon {
1280
- color: var(--pf-t--color--white);
1530
+ color: var(--pf-t--global--icon--color--on-brand--default);
1281
1531
  }
1282
1532
 
1283
1533
  @keyframes motionMicButton {
1284
1534
  0% {
1285
- box-shadow: 0 0 0 0 rgb(0, 102, 204);
1535
+ box-shadow: 0 0 0 0 rgb(0, 77, 153);
1286
1536
  }
1287
1537
  100% {
1288
1538
  box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
@@ -1341,11 +1591,20 @@
1341
1591
  align-items: center;
1342
1592
  }
1343
1593
  .pf-v6-c-button.pf-chatbot__button--stop .pf-v6-c-button__icon {
1344
- color: var(--pf-t--global--icon--color--inverse);
1594
+ color: var(--pf-t--global--icon--color--on-brand--default);
1345
1595
  }
1346
- .pf-v6-c-button.pf-chatbot__button--stop:hover, .pf-v6-c-button.pf-chatbot__button--stop:focus {
1596
+ .pf-v6-c-button.pf-chatbot__button--stop:hover {
1347
1597
  background-color: var(--pf-t--global--color--brand--hover);
1348
1598
  }
1599
+ .pf-v6-c-button.pf-chatbot__button--stop:focus {
1600
+ background-color: var(--pf-t--global--color--brand--clicked);
1601
+ }
1602
+ .pf-v6-c-button.pf-chatbot__button--stop:focus .pf-v6-c-button__icon {
1603
+ color: var(--pf-t--global--icon--color--on-brand--default);
1604
+ }
1605
+ .pf-v6-c-button.pf-chatbot__button--stop:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--stop:focus:focus .pf-v6-c-button__icon {
1606
+ color: var(--pf-t--global--icon--color--on-brand--default);
1607
+ }
1349
1608
 
1350
1609
  .pf-chatbot__message-bar {
1351
1610
  --pf-chatbot__message-bar-child--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -1358,7 +1617,7 @@
1358
1617
  justify-content: flex-end;
1359
1618
  background-color: var(--pf-t--global--background--color--primary--default);
1360
1619
  border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
1361
- transition: box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm);
1620
+ transition: box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
1362
1621
  overflow: hidden;
1363
1622
  }
1364
1623
  .pf-chatbot__message-bar:hover {
@@ -1372,40 +1631,70 @@
1372
1631
  justify-content: end;
1373
1632
  padding-block-start: var(--pf-t--global--spacer--xs);
1374
1633
  padding-block-end: var(--pf-t--global--spacer--xs);
1375
- gap: var(--pf-t--global--spacer--xs);
1634
+ gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
1376
1635
  }
1377
1636
  .pf-chatbot__message-bar-input {
1378
1637
  flex: 1 1 auto;
1379
- padding-block-start: var(--pf-chatbot__message-bar-child--PaddingBlockStart);
1380
- padding-block-end: var(--pf-chatbot__message-bar-child--PaddingBlockEnd);
1381
- overflow: hidden;
1382
- position: relative;
1383
- }
1384
- .pf-chatbot__message-bar-placeholder {
1385
- position: absolute;
1386
- top: 20px;
1387
- left: 16px;
1388
- color: var(--pf-t--global--text--color--placeholder);
1389
- pointer-events: none;
1390
- font-size: var(--pf-t--chatbot--font-size);
1638
+ padding-block-start: var(--pf-t--global--spacer--sm);
1639
+ padding-block-end: var(--pf-t--global--spacer--sm);
1391
1640
  }
1392
1641
 
1393
1642
  .pf-chatbot__message-textarea {
1394
- padding-block-start: var(--pf-t--global--spacer--md);
1395
- padding-block-end: var(--pf-t--global--spacer--md);
1396
- padding-inline-start: var(--pf-t--global--spacer--md);
1397
- padding-inline-end: var(--pf-t--global--spacer--md);
1398
- font-size: var(--pf-t--global--font--size--md);
1399
- line-height: 1.5rem;
1643
+ --pf-v6-c-form-control--before--BorderStyle: none !important;
1644
+ --pf-v6-c-form-control--after--BorderStyle: none !important;
1645
+ resize: none !important;
1646
+ background-color: transparent !important;
1647
+ font-size: var(--pf-t--global--font--size--md) !important;
1648
+ line-height: 1.5rem !important;
1400
1649
  max-height: 12rem;
1401
- overflow-y: auto;
1650
+ overflow-y: auto !important;
1402
1651
  outline: none;
1403
- overflow-wrap: break-word;
1652
+ overflow-wrap: break-word !important;
1404
1653
  word-wrap: break-word;
1405
1654
  height: 100%;
1406
1655
  width: 100%;
1407
1656
  display: block !important;
1408
- position: relative;
1657
+ }
1658
+ .pf-chatbot__message-textarea .pf-v6-c-form-control__textarea:focus-visible {
1659
+ outline: none;
1660
+ }
1661
+ .pf-chatbot__message-textarea textarea {
1662
+ outline-offset: 0px !important;
1663
+ --pf-v6-c-form-control--PaddingBlockStart: 0;
1664
+ --pf-v6-c-form-control--PaddingBlockEnd: 0;
1665
+ --pf-v6-c-form-control--BorderRadius: 0;
1666
+ font-family: var(--pf-t--global--font--family--body);
1667
+ }
1668
+ .pf-chatbot__message-textarea textarea:focus-visible {
1669
+ outline: none;
1670
+ }
1671
+
1672
+ .pf-chatbot__message-textarea.pf-v6-c-form-control.pf-m-textarea:has(textarea) {
1673
+ --pf-v6-c-form-control--PaddingBlockStart: 0;
1674
+ --pf-v6-c-form-control--PaddingBlockEnd: 0;
1675
+ --pf-v6-c-form-control--PaddingInlineStart: 1rem;
1676
+ --pf-v6-c-form-control--PaddingInlineEnd: 1rem;
1677
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
1678
+ }
1679
+
1680
+ .pf-chatbot__message-textarea.pf-v6-c-form-control.pf-m-textarea {
1681
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: 0;
1682
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: 0;
1683
+ --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: 0;
1684
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: 0;
1685
+ }
1686
+
1687
+ @media screen and (max-width: 359px) {
1688
+ .pf-chatbot__message-textarea {
1689
+ margin-top: var(--pf-t--global--spacer--md) !important;
1690
+ margin-bottom: var(--pf-t--global--spacer--md) !important;
1691
+ }
1692
+ }
1693
+ @media screen and (max-width: 415px) {
1694
+ .pf-chatbot--embedded .pf-chatbot__message-textarea {
1695
+ margin-top: var(--pf-t--global--spacer--md) !important;
1696
+ margin-bottom: var(--pf-t--global--spacer--md) !important;
1697
+ }
1409
1698
  }
1410
1699
 
1411
1700
  .pf-chatbot__jump {
@@ -1422,9 +1711,9 @@
1422
1711
  background-color: var(--pf-t--global--background--color--primary--default) !important;
1423
1712
  border: 1px solid var(--pf-t--chatbot--border) !important;
1424
1713
  box-shadow: var(--pf-t--global--box-shadow--sm);
1425
- color: var(--pf-t--chatbot--icon--fill) !important;
1714
+ color: var(--pf-t--global--icon--color--subtle) !important;
1426
1715
  transform: translate3d(-50%, 0, 0) !important;
1427
- transition: background-color var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md) !important;
1716
+ transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
1428
1717
  z-index: var(--pf-t--global--z-index--md) !important;
1429
1718
  }
1430
1719
  .pf-chatbot__jump .pf-v6-c-button__text {
@@ -1433,7 +1722,7 @@
1433
1722
  .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
1434
1723
  background-color: var(--pf-t--global--background--color--primary--hover) !important;
1435
1724
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
1436
- color: var(--pf-t--chatbot--icon--fill--hover) !important;
1725
+ color: var(--pf-t--global--icon--color--regular) !important;
1437
1726
  }
1438
1727
  .pf-chatbot__jump--top {
1439
1728
  inset-block-start: var(--pf-t--global--spacer--md) !important;
@@ -1482,6 +1771,7 @@
1482
1771
 
1483
1772
  @media screen and (min-width: 64rem) {
1484
1773
  .pf-chatbot--embedded .pf-chatbot__messagebox,
1774
+ .pf-chatbot--drawer .pf-chatbot__messagebox,
1485
1775
  .pf-chatbot--fullscreen .pf-chatbot__messagebox {
1486
1776
  max-width: 60rem;
1487
1777
  width: 100%;
@@ -1501,9 +1791,9 @@
1501
1791
  background-color: var(--pf-t--global--background--color--primary--default) !important;
1502
1792
  border: 1px solid var(--pf-t--chatbot--border) !important;
1503
1793
  box-shadow: var(--pf-t--global--box-shadow--sm);
1504
- color: var(--pf-t--chatbot--icon--fill) !important;
1794
+ color: var(--pf-t--global--icon--color--subtle) !important;
1505
1795
  transform: translate3d(-50%, 0, 0) !important;
1506
- transition: background-color var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md) !important;
1796
+ transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
1507
1797
  z-index: var(--pf-t--global--z-index--md) !important;
1508
1798
  }
1509
1799
  .pf-chatbot__jump .pf-v6-c-button__text {
@@ -1512,7 +1802,7 @@
1512
1802
  .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
1513
1803
  background-color: var(--pf-t--global--background--color--primary--hover) !important;
1514
1804
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
1515
- color: var(--pf-t--chatbot--icon--fill--hover) !important;
1805
+ color: var(--pf-t--global--icon--color--regular) !important;
1516
1806
  }
1517
1807
  .pf-chatbot__jump--top {
1518
1808
  inset-block-start: var(--pf-t--global--spacer--md) !important;
@@ -1531,7 +1821,7 @@
1531
1821
  gap: var(--pf-t--global--spacer--xs);
1532
1822
  grid-template-columns: repeat(auto-fit, minmax(0, max-content));
1533
1823
  }
1534
- .pf-chatbot__response-actions .pf-v6-c-button {
1824
+ .pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small {
1535
1825
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
1536
1826
  border-radius: var(--pf-t--global--border--radius--pill);
1537
1827
  width: 2.3125rem;
@@ -1540,15 +1830,15 @@
1540
1830
  align-items: center;
1541
1831
  justify-content: center;
1542
1832
  }
1543
- .pf-chatbot__response-actions .pf-v6-c-button:hover {
1833
+ .pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small:hover {
1544
1834
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
1545
1835
  }
1546
- .pf-chatbot__response-actions .pf-v6-c-button:focus {
1836
+ .pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small:focus {
1547
1837
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
1548
1838
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
1549
1839
  }
1550
1840
 
1551
- .pf-v6-c-button.pf-chatbot__button--response-action-clicked {
1841
+ .pf-v6-c-button.pf-chatbot__button--response-action-clicked.pf-v6-c-button.pf-m-plain.pf-m-small {
1552
1842
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
1553
1843
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
1554
1844
  }
@@ -1574,7 +1864,7 @@
1574
1864
  justify-content: space-between;
1575
1865
  border-bottom: 1px solid var(--pf-t--global--border--color--default);
1576
1866
  padding: var(--pf-t--global--spacer--lg);
1577
- font-weight: 500;
1867
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1578
1868
  }
1579
1869
 
1580
1870
  .pf-chatbot__settings-form-row:last-of-type {
@@ -1584,7 +1874,7 @@
1584
1874
  .pf-chatbot__settings--title {
1585
1875
  font-family: var(--pf-t--global--font--family--heading);
1586
1876
  font-size: var(--pf-t--global--font--size--xl);
1587
- font-weight: 500;
1877
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1588
1878
  text-align: center;
1589
1879
  }
1590
1880
 
@@ -1595,6 +1885,11 @@
1595
1885
  padding-block-start: var(--pf-t--global--spacer--sm);
1596
1886
  max-width: 22.5rem;
1597
1887
  }
1888
+ .pf-chatbot__source a {
1889
+ color: var(--pf-t--global--text--color--link--default) !important;
1890
+ -webkit-text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
1891
+ text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
1892
+ }
1598
1893
 
1599
1894
  .pf-chatbot__sources-card {
1600
1895
  box-shadow: var(--pf-t--global--box-shadow--sm);
@@ -1618,7 +1913,7 @@
1618
1913
 
1619
1914
  .pf-chatbot__sources-card-footer-container {
1620
1915
  border-top: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--default);
1621
- padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
1916
+ padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm) !important;
1622
1917
  }
1623
1918
  .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer {
1624
1919
  display: flex;
@@ -1649,16 +1944,16 @@
1649
1944
  }
1650
1945
  .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:hover .pf-v6-c-button__icon,
1651
1946
  .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:focus .pf-v6-c-button__icon {
1652
- color: var(--pf-t--chatbot--icon--fill--hover);
1947
+ color: var(--pf-t--global--icon--color--regular);
1653
1948
  }
1654
1949
  .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__icon {
1655
- color: var(--pf-t--chatbot--icon--fill);
1950
+ color: var(--pf-t--global--icon--color--subtle);
1656
1951
  }
1657
1952
 
1658
1953
  .pf-chatbot__source-details-subhead {
1659
1954
  color: var(--pf-t--global--text--color--subtle);
1660
1955
  font-size: var(--pf-t--global--icon--size--font--xs);
1661
- font-weight: 500;
1956
+ font-weight: var(--pf-t--global--font--weight--body--bold);
1662
1957
  }
1663
1958
 
1664
1959
  .pf-chatbot__source-details-heading {
@@ -1667,7 +1962,7 @@
1667
1962
  }
1668
1963
 
1669
1964
  .pf-chatbot__source-details-icon {
1670
- width: 100%;
1965
+ width: 100% !important;
1671
1966
  }
1672
1967
 
1673
1968
  .pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg {
@@ -1731,7 +2026,7 @@
1731
2026
 
1732
2027
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen,
1733
2028
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded {
1734
- height: inherit;
2029
+ height: inherit !important;
1735
2030
  }
1736
2031
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen .pf-v6-c-content h2,
1737
2032
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded .pf-v6-c-content h2 {
@@ -1754,7 +2049,6 @@
1754
2049
  --pf-t--chatbot--illustration--fill: var(--pf-t--color--red--50);
1755
2050
  --pf-t--chatbot--code--background: var(--pf-t--color--gray--20);
1756
2051
  --pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70);
1757
- --pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1);
1758
2052
  --pf-t--chatbot--blue-icon--background--color--hover: rgba(
1759
2053
  146,
1760
2054
  197,
@@ -1763,11 +2057,8 @@
1763
2057
  );
1764
2058
  --pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--color--brand--hover);
1765
2059
  --pf-t--chatbot-toggle--color: var(--pf-t--global--icon--color--inverse);
1766
- --pf-t--chatbot--font-size: var(--pf-t--global--font--size--md);
1767
2060
  --pf-t--chatbot--background: var(--pf-t--global--background--color--secondary--default);
1768
2061
  --pf-t--chatbot--border: var(--pf-t--global--border--color--default);
1769
- --pf-t--chatbot--icon--fill: var(--pf-t--global--icon--color--subtle);
1770
- --pf-t--chatbot--icon--fill--hover: var(--pf-t--global--icon--color--regular);
1771
2062
  --pf-t--chatbot--icon--fill--active: var(--pf-t--global--text--color--regular);
1772
2063
  --pf-t--chatbot--blue-icon--fill: var(--pf-t--global--color--brand--default);
1773
2064
  }