@patternfly/chatbot 2.1.0-prerelease.17

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 (534) hide show
  1. package/@types/index.d.ts +9 -0
  2. package/dist/cjs/AttachMenu/AttachMenu.d.ts +29 -0
  3. package/dist/cjs/AttachMenu/AttachMenu.js +33 -0
  4. package/dist/cjs/AttachMenu/index.d.ts +2 -0
  5. package/dist/cjs/AttachMenu/index.js +23 -0
  6. package/dist/cjs/AttachmentEdit/AttachmentEdit.d.ts +22 -0
  7. package/dist/cjs/AttachmentEdit/AttachmentEdit.js +25 -0
  8. package/dist/cjs/AttachmentEdit/index.d.ts +2 -0
  9. package/dist/cjs/AttachmentEdit/index.js +23 -0
  10. package/dist/cjs/Chatbot/Chatbot.d.ts +23 -0
  11. package/dist/cjs/Chatbot/Chatbot.js +49 -0
  12. package/dist/cjs/Chatbot/index.d.ts +2 -0
  13. package/dist/cjs/Chatbot/index.js +23 -0
  14. package/dist/cjs/ChatbotAlert/ChatbotAlert.d.ts +8 -0
  15. package/dist/cjs/ChatbotAlert/ChatbotAlert.js +28 -0
  16. package/dist/cjs/ChatbotAlert/index.d.ts +2 -0
  17. package/dist/cjs/ChatbotAlert/index.js +23 -0
  18. package/dist/cjs/ChatbotContent/ChatbotContent.d.ts +9 -0
  19. package/dist/cjs/ChatbotContent/ChatbotContent.js +27 -0
  20. package/dist/cjs/ChatbotContent/index.d.ts +2 -0
  21. package/dist/cjs/ChatbotContent/index.js +23 -0
  22. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.d.ts +14 -0
  23. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +22 -0
  24. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +52 -0
  25. package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +83 -0
  26. package/dist/cjs/ChatbotConversationHistoryNav/index.d.ts +3 -0
  27. package/dist/cjs/ChatbotConversationHistoryNav/index.js +24 -0
  28. package/dist/cjs/ChatbotFooter/ChatbotFooter.d.ts +9 -0
  29. package/dist/cjs/ChatbotFooter/ChatbotFooter.js +35 -0
  30. package/dist/cjs/ChatbotFooter/ChatbotFootnote.d.ts +44 -0
  31. package/dist/cjs/ChatbotFooter/ChatbotFootnote.js +56 -0
  32. package/dist/cjs/ChatbotFooter/index.d.ts +3 -0
  33. package/dist/cjs/ChatbotFooter/index.js +24 -0
  34. package/dist/cjs/ChatbotHeader/ChatbotHeader.d.ts +9 -0
  35. package/dist/cjs/ChatbotHeader/ChatbotHeader.js +13 -0
  36. package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.d.ts +9 -0
  37. package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.js +10 -0
  38. package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.d.ts +9 -0
  39. package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.js +10 -0
  40. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.d.ts +15 -0
  41. package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js +14 -0
  42. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.d.ts +14 -0
  43. package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +33 -0
  44. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.d.ts +18 -0
  45. package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +33 -0
  46. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.d.ts +20 -0
  47. package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.js +33 -0
  48. package/dist/cjs/ChatbotHeader/index.d.ts +8 -0
  49. package/dist/cjs/ChatbotHeader/index.js +29 -0
  50. package/dist/cjs/ChatbotModal/ChatbotModal.d.ts +10 -0
  51. package/dist/cjs/ChatbotModal/ChatbotModal.js +34 -0
  52. package/dist/cjs/ChatbotModal/index.d.ts +2 -0
  53. package/dist/cjs/ChatbotModal/index.js +23 -0
  54. package/dist/cjs/ChatbotPopover/ChatbotPopover.d.ts +4 -0
  55. package/dist/cjs/ChatbotPopover/ChatbotPopover.js +29 -0
  56. package/dist/cjs/ChatbotPopover/index.d.ts +2 -0
  57. package/dist/cjs/ChatbotPopover/index.js +23 -0
  58. package/dist/cjs/ChatbotToggle/ChatbotToggle.d.ts +20 -0
  59. package/dist/cjs/ChatbotToggle/ChatbotToggle.js +35 -0
  60. package/dist/cjs/ChatbotToggle/index.d.ts +2 -0
  61. package/dist/cjs/ChatbotToggle/index.js +23 -0
  62. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.d.ts +23 -0
  63. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.js +40 -0
  64. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.d.ts +1 -0
  65. package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +49 -0
  66. package/dist/cjs/ChatbotWelcomePrompt/index.d.ts +2 -0
  67. package/dist/cjs/ChatbotWelcomePrompt/index.js +23 -0
  68. package/dist/cjs/CodeModal/CodeModal.d.ts +34 -0
  69. package/dist/cjs/CodeModal/CodeModal.js +105 -0
  70. package/dist/cjs/CodeModal/index.d.ts +2 -0
  71. package/dist/cjs/CodeModal/index.js +23 -0
  72. package/dist/cjs/FileDetails/FileDetails.d.ts +922 -0
  73. package/dist/cjs/FileDetails/FileDetails.js +954 -0
  74. package/dist/cjs/FileDetails/FileDetails.test.d.ts +1 -0
  75. package/dist/cjs/FileDetails/FileDetails.test.js +26 -0
  76. package/dist/cjs/FileDetails/index.d.ts +2 -0
  77. package/dist/cjs/FileDetails/index.js +23 -0
  78. package/dist/cjs/FileDetailsLabel/FileDetailsLabel.d.ts +21 -0
  79. package/dist/cjs/FileDetailsLabel/FileDetailsLabel.js +22 -0
  80. package/dist/cjs/FileDetailsLabel/FileDetailsLabel.test.d.ts +1 -0
  81. package/dist/cjs/FileDetailsLabel/FileDetailsLabel.test.js +61 -0
  82. package/dist/cjs/FileDetailsLabel/index.d.ts +2 -0
  83. package/dist/cjs/FileDetailsLabel/index.js +23 -0
  84. package/dist/cjs/FileDropZone/FileDropZone.d.ts +17 -0
  85. package/dist/cjs/FileDropZone/FileDropZone.js +28 -0
  86. package/dist/cjs/FileDropZone/FileDropZone.test.d.ts +1 -0
  87. package/dist/cjs/FileDropZone/FileDropZone.test.js +19 -0
  88. package/dist/cjs/FileDropZone/index.d.ts +2 -0
  89. package/dist/cjs/FileDropZone/index.js +23 -0
  90. package/dist/cjs/LoadingMessage/LoadingMessage.d.ts +6 -0
  91. package/dist/cjs/LoadingMessage/LoadingMessage.js +20 -0
  92. package/dist/cjs/LoadingMessage/LoadingMessage.test.d.ts +1 -0
  93. package/dist/cjs/LoadingMessage/LoadingMessage.test.js +20 -0
  94. package/dist/cjs/LoadingMessage/index.d.ts +2 -0
  95. package/dist/cjs/LoadingMessage/index.js +23 -0
  96. package/dist/cjs/Message/CodeBlockMessage/CodeBlockMessage.d.ts +4 -0
  97. package/dist/cjs/Message/CodeBlockMessage/CodeBlockMessage.js +61 -0
  98. package/dist/cjs/Message/ListMessage/ListItemMessage.d.ts +4 -0
  99. package/dist/cjs/Message/ListMessage/ListItemMessage.js +12 -0
  100. package/dist/cjs/Message/ListMessage/OrderedListMessage.d.ts +4 -0
  101. package/dist/cjs/Message/ListMessage/OrderedListMessage.js +13 -0
  102. package/dist/cjs/Message/ListMessage/UnorderedListMessage.d.ts +4 -0
  103. package/dist/cjs/Message/ListMessage/UnorderedListMessage.js +13 -0
  104. package/dist/cjs/Message/Message.d.ts +65 -0
  105. package/dist/cjs/Message/Message.js +69 -0
  106. package/dist/cjs/Message/Message.test.d.ts +1 -0
  107. package/dist/cjs/Message/Message.test.js +239 -0
  108. package/dist/cjs/Message/MessageLoading.d.ts +5 -0
  109. package/dist/cjs/Message/MessageLoading.js +13 -0
  110. package/dist/cjs/Message/TextMessage/TextMessage.d.ts +4 -0
  111. package/dist/cjs/Message/TextMessage/TextMessage.js +27 -0
  112. package/dist/cjs/Message/index.d.ts +2 -0
  113. package/dist/cjs/Message/index.js +23 -0
  114. package/dist/cjs/MessageBar/AttachButton.d.ts +21 -0
  115. package/dist/cjs/MessageBar/AttachButton.js +38 -0
  116. package/dist/cjs/MessageBar/AttachButton.test.d.ts +1 -0
  117. package/dist/cjs/MessageBar/AttachButton.test.js +66 -0
  118. package/dist/cjs/MessageBar/MessageBar.d.ts +71 -0
  119. package/dist/cjs/MessageBar/MessageBar.js +112 -0
  120. package/dist/cjs/MessageBar/MessageBar.test.d.ts +1 -0
  121. package/dist/cjs/MessageBar/MessageBar.test.js +237 -0
  122. package/dist/cjs/MessageBar/MicrophoneButton.d.ts +21 -0
  123. package/dist/cjs/MessageBar/MicrophoneButton.js +74 -0
  124. package/dist/cjs/MessageBar/SendButton.d.ts +14 -0
  125. package/dist/cjs/MessageBar/SendButton.js +32 -0
  126. package/dist/cjs/MessageBar/SendButton.test.d.ts +1 -0
  127. package/dist/cjs/MessageBar/SendButton.test.js +54 -0
  128. package/dist/cjs/MessageBar/StopButton.d.ts +14 -0
  129. package/dist/cjs/MessageBar/StopButton.js +32 -0
  130. package/dist/cjs/MessageBar/StopButton.test.d.ts +1 -0
  131. package/dist/cjs/MessageBar/StopButton.test.js +54 -0
  132. package/dist/cjs/MessageBar/index.d.ts +5 -0
  133. package/dist/cjs/MessageBar/index.js +26 -0
  134. package/dist/cjs/MessageBox/JumpButton.d.ts +11 -0
  135. package/dist/cjs/MessageBox/JumpButton.js +17 -0
  136. package/dist/cjs/MessageBox/JumpButton.test.d.ts +1 -0
  137. package/dist/cjs/MessageBox/JumpButton.test.js +39 -0
  138. package/dist/cjs/MessageBox/MessageBox.d.ts +17 -0
  139. package/dist/cjs/MessageBox/MessageBox.js +74 -0
  140. package/dist/cjs/MessageBox/index.d.ts +3 -0
  141. package/dist/cjs/MessageBox/index.js +24 -0
  142. package/dist/cjs/PreviewAttachment/PreviewAttachment.d.ts +22 -0
  143. package/dist/cjs/PreviewAttachment/PreviewAttachment.js +25 -0
  144. package/dist/cjs/PreviewAttachment/index.d.ts +2 -0
  145. package/dist/cjs/PreviewAttachment/index.js +23 -0
  146. package/dist/cjs/ResponseActions/ResponseActionButton.d.ts +20 -0
  147. package/dist/cjs/ResponseActions/ResponseActionButton.js +12 -0
  148. package/dist/cjs/ResponseActions/ResponseActions.d.ts +30 -0
  149. package/dist/cjs/ResponseActions/ResponseActions.js +36 -0
  150. package/dist/cjs/ResponseActions/ResponseActions.test.d.ts +1 -0
  151. package/dist/cjs/ResponseActions/ResponseActions.test.js +67 -0
  152. package/dist/cjs/ResponseActions/index.d.ts +2 -0
  153. package/dist/cjs/ResponseActions/index.js +23 -0
  154. package/dist/cjs/SourceDetailsMenuItem/SourceDetailsMenuItem.d.ts +11 -0
  155. package/dist/cjs/SourceDetailsMenuItem/SourceDetailsMenuItem.js +31 -0
  156. package/dist/cjs/SourceDetailsMenuItem/index.d.ts +2 -0
  157. package/dist/cjs/SourceDetailsMenuItem/index.js +23 -0
  158. package/dist/cjs/SourcesCard/SourcesCard.d.ts +34 -0
  159. package/dist/cjs/SourcesCard/SourcesCard.js +68 -0
  160. package/dist/cjs/SourcesCard/SourcesCard.test.d.ts +1 -0
  161. package/dist/cjs/SourcesCard/SourcesCard.test.js +167 -0
  162. package/dist/cjs/SourcesCard/index.d.ts +2 -0
  163. package/dist/cjs/SourcesCard/index.js +23 -0
  164. package/dist/cjs/index.d.ts +48 -0
  165. package/dist/cjs/index.js +93 -0
  166. package/dist/css/main.css +1583 -0
  167. package/dist/css/main.css.map +1 -0
  168. package/dist/dynamic/AttachMenu/package.json +1 -0
  169. package/dist/dynamic/AttachmentEdit/package.json +1 -0
  170. package/dist/dynamic/Chatbot/package.json +1 -0
  171. package/dist/dynamic/ChatbotAlert/package.json +1 -0
  172. package/dist/dynamic/ChatbotContent/package.json +1 -0
  173. package/dist/dynamic/ChatbotConversationHistoryNav/package.json +1 -0
  174. package/dist/dynamic/ChatbotFooter/package.json +1 -0
  175. package/dist/dynamic/ChatbotHeader/package.json +1 -0
  176. package/dist/dynamic/ChatbotModal/package.json +1 -0
  177. package/dist/dynamic/ChatbotPopover/package.json +1 -0
  178. package/dist/dynamic/ChatbotToggle/package.json +1 -0
  179. package/dist/dynamic/ChatbotWelcomePrompt/package.json +1 -0
  180. package/dist/dynamic/CodeModal/package.json +1 -0
  181. package/dist/dynamic/FileDetails/package.json +1 -0
  182. package/dist/dynamic/FileDetailsLabel/package.json +1 -0
  183. package/dist/dynamic/FileDropZone/package.json +1 -0
  184. package/dist/dynamic/LoadingMessage/package.json +1 -0
  185. package/dist/dynamic/Message/package.json +1 -0
  186. package/dist/dynamic/MessageBar/package.json +1 -0
  187. package/dist/dynamic/MessageBox/package.json +1 -0
  188. package/dist/dynamic/PreviewAttachment/package.json +1 -0
  189. package/dist/dynamic/ResponseActions/package.json +1 -0
  190. package/dist/dynamic/SourceDetailsMenuItem/package.json +1 -0
  191. package/dist/dynamic/SourcesCard/package.json +1 -0
  192. package/dist/esm/AttachMenu/AttachMenu.d.ts +29 -0
  193. package/dist/esm/AttachMenu/AttachMenu.js +26 -0
  194. package/dist/esm/AttachMenu/index.d.ts +2 -0
  195. package/dist/esm/AttachMenu/index.js +2 -0
  196. package/dist/esm/AttachmentEdit/AttachmentEdit.d.ts +22 -0
  197. package/dist/esm/AttachmentEdit/AttachmentEdit.js +18 -0
  198. package/dist/esm/AttachmentEdit/index.d.ts +2 -0
  199. package/dist/esm/AttachmentEdit/index.js +2 -0
  200. package/dist/esm/Chatbot/Chatbot.d.ts +23 -0
  201. package/dist/esm/Chatbot/Chatbot.js +43 -0
  202. package/dist/esm/Chatbot/index.d.ts +2 -0
  203. package/dist/esm/Chatbot/index.js +2 -0
  204. package/dist/esm/ChatbotAlert/ChatbotAlert.d.ts +8 -0
  205. package/dist/esm/ChatbotAlert/ChatbotAlert.js +21 -0
  206. package/dist/esm/ChatbotAlert/index.d.ts +2 -0
  207. package/dist/esm/ChatbotAlert/index.js +2 -0
  208. package/dist/esm/ChatbotContent/ChatbotContent.d.ts +9 -0
  209. package/dist/esm/ChatbotContent/ChatbotContent.js +20 -0
  210. package/dist/esm/ChatbotContent/index.d.ts +2 -0
  211. package/dist/esm/ChatbotContent/index.js +2 -0
  212. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.d.ts +14 -0
  213. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js +15 -0
  214. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +52 -0
  215. package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +76 -0
  216. package/dist/esm/ChatbotConversationHistoryNav/index.d.ts +3 -0
  217. package/dist/esm/ChatbotConversationHistoryNav/index.js +3 -0
  218. package/dist/esm/ChatbotFooter/ChatbotFooter.d.ts +9 -0
  219. package/dist/esm/ChatbotFooter/ChatbotFooter.js +28 -0
  220. package/dist/esm/ChatbotFooter/ChatbotFootnote.d.ts +44 -0
  221. package/dist/esm/ChatbotFooter/ChatbotFootnote.js +49 -0
  222. package/dist/esm/ChatbotFooter/index.d.ts +3 -0
  223. package/dist/esm/ChatbotFooter/index.js +3 -0
  224. package/dist/esm/ChatbotHeader/ChatbotHeader.d.ts +9 -0
  225. package/dist/esm/ChatbotHeader/ChatbotHeader.js +6 -0
  226. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.d.ts +9 -0
  227. package/dist/esm/ChatbotHeader/ChatbotHeaderActions.js +3 -0
  228. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.d.ts +9 -0
  229. package/dist/esm/ChatbotHeader/ChatbotHeaderMain.js +3 -0
  230. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.d.ts +15 -0
  231. package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +8 -0
  232. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.d.ts +14 -0
  233. package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +26 -0
  234. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.d.ts +18 -0
  235. package/dist/esm/ChatbotHeader/ChatbotHeaderSelectorDropdown.js +26 -0
  236. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.d.ts +20 -0
  237. package/dist/esm/ChatbotHeader/ChatbotHeaderTitle.js +26 -0
  238. package/dist/esm/ChatbotHeader/index.d.ts +8 -0
  239. package/dist/esm/ChatbotHeader/index.js +8 -0
  240. package/dist/esm/ChatbotModal/ChatbotModal.d.ts +10 -0
  241. package/dist/esm/ChatbotModal/ChatbotModal.js +27 -0
  242. package/dist/esm/ChatbotModal/index.d.ts +2 -0
  243. package/dist/esm/ChatbotModal/index.js +2 -0
  244. package/dist/esm/ChatbotPopover/ChatbotPopover.d.ts +4 -0
  245. package/dist/esm/ChatbotPopover/ChatbotPopover.js +22 -0
  246. package/dist/esm/ChatbotPopover/index.d.ts +2 -0
  247. package/dist/esm/ChatbotPopover/index.js +2 -0
  248. package/dist/esm/ChatbotToggle/ChatbotToggle.d.ts +20 -0
  249. package/dist/esm/ChatbotToggle/ChatbotToggle.js +30 -0
  250. package/dist/esm/ChatbotToggle/index.d.ts +2 -0
  251. package/dist/esm/ChatbotToggle/index.js +2 -0
  252. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.d.ts +23 -0
  253. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.js +33 -0
  254. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.d.ts +1 -0
  255. package/dist/esm/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js +44 -0
  256. package/dist/esm/ChatbotWelcomePrompt/index.d.ts +2 -0
  257. package/dist/esm/ChatbotWelcomePrompt/index.js +2 -0
  258. package/dist/esm/CodeModal/CodeModal.d.ts +34 -0
  259. package/dist/esm/CodeModal/CodeModal.js +75 -0
  260. package/dist/esm/CodeModal/index.d.ts +2 -0
  261. package/dist/esm/CodeModal/index.js +2 -0
  262. package/dist/esm/FileDetails/FileDetails.d.ts +922 -0
  263. package/dist/esm/FileDetails/FileDetails.js +947 -0
  264. package/dist/esm/FileDetails/FileDetails.test.d.ts +1 -0
  265. package/dist/esm/FileDetails/FileDetails.test.js +21 -0
  266. package/dist/esm/FileDetails/index.d.ts +2 -0
  267. package/dist/esm/FileDetails/index.js +2 -0
  268. package/dist/esm/FileDetailsLabel/FileDetailsLabel.d.ts +21 -0
  269. package/dist/esm/FileDetailsLabel/FileDetailsLabel.js +15 -0
  270. package/dist/esm/FileDetailsLabel/FileDetailsLabel.test.d.ts +1 -0
  271. package/dist/esm/FileDetailsLabel/FileDetailsLabel.test.js +56 -0
  272. package/dist/esm/FileDetailsLabel/index.d.ts +2 -0
  273. package/dist/esm/FileDetailsLabel/index.js +2 -0
  274. package/dist/esm/FileDropZone/FileDropZone.d.ts +17 -0
  275. package/dist/esm/FileDropZone/FileDropZone.js +23 -0
  276. package/dist/esm/FileDropZone/FileDropZone.test.d.ts +1 -0
  277. package/dist/esm/FileDropZone/FileDropZone.test.js +14 -0
  278. package/dist/esm/FileDropZone/index.d.ts +2 -0
  279. package/dist/esm/FileDropZone/index.js +2 -0
  280. package/dist/esm/LoadingMessage/LoadingMessage.d.ts +6 -0
  281. package/dist/esm/LoadingMessage/LoadingMessage.js +13 -0
  282. package/dist/esm/LoadingMessage/LoadingMessage.test.d.ts +1 -0
  283. package/dist/esm/LoadingMessage/LoadingMessage.test.js +15 -0
  284. package/dist/esm/LoadingMessage/index.d.ts +2 -0
  285. package/dist/esm/LoadingMessage/index.js +2 -0
  286. package/dist/esm/Message/CodeBlockMessage/CodeBlockMessage.d.ts +4 -0
  287. package/dist/esm/Message/CodeBlockMessage/CodeBlockMessage.js +56 -0
  288. package/dist/esm/Message/ListMessage/ListItemMessage.d.ts +4 -0
  289. package/dist/esm/Message/ListMessage/ListItemMessage.js +7 -0
  290. package/dist/esm/Message/ListMessage/OrderedListMessage.d.ts +4 -0
  291. package/dist/esm/Message/ListMessage/OrderedListMessage.js +8 -0
  292. package/dist/esm/Message/ListMessage/UnorderedListMessage.d.ts +4 -0
  293. package/dist/esm/Message/ListMessage/UnorderedListMessage.js +8 -0
  294. package/dist/esm/Message/Message.d.ts +65 -0
  295. package/dist/esm/Message/Message.js +62 -0
  296. package/dist/esm/Message/Message.test.d.ts +1 -0
  297. package/dist/esm/Message/Message.test.js +234 -0
  298. package/dist/esm/Message/MessageLoading.d.ts +5 -0
  299. package/dist/esm/Message/MessageLoading.js +8 -0
  300. package/dist/esm/Message/TextMessage/TextMessage.d.ts +4 -0
  301. package/dist/esm/Message/TextMessage/TextMessage.js +22 -0
  302. package/dist/esm/Message/index.d.ts +2 -0
  303. package/dist/esm/Message/index.js +2 -0
  304. package/dist/esm/MessageBar/AttachButton.d.ts +21 -0
  305. package/dist/esm/MessageBar/AttachButton.js +32 -0
  306. package/dist/esm/MessageBar/AttachButton.test.d.ts +1 -0
  307. package/dist/esm/MessageBar/AttachButton.test.js +61 -0
  308. package/dist/esm/MessageBar/MessageBar.d.ts +71 -0
  309. package/dist/esm/MessageBar/MessageBar.js +105 -0
  310. package/dist/esm/MessageBar/MessageBar.test.d.ts +1 -0
  311. package/dist/esm/MessageBar/MessageBar.test.js +232 -0
  312. package/dist/esm/MessageBar/MicrophoneButton.d.ts +21 -0
  313. package/dist/esm/MessageBar/MicrophoneButton.js +67 -0
  314. package/dist/esm/MessageBar/SendButton.d.ts +14 -0
  315. package/dist/esm/MessageBar/SendButton.js +25 -0
  316. package/dist/esm/MessageBar/SendButton.test.d.ts +1 -0
  317. package/dist/esm/MessageBar/SendButton.test.js +49 -0
  318. package/dist/esm/MessageBar/StopButton.d.ts +14 -0
  319. package/dist/esm/MessageBar/StopButton.js +25 -0
  320. package/dist/esm/MessageBar/StopButton.test.d.ts +1 -0
  321. package/dist/esm/MessageBar/StopButton.test.js +49 -0
  322. package/dist/esm/MessageBar/index.d.ts +5 -0
  323. package/dist/esm/MessageBar/index.js +5 -0
  324. package/dist/esm/MessageBox/JumpButton.d.ts +11 -0
  325. package/dist/esm/MessageBox/JumpButton.js +12 -0
  326. package/dist/esm/MessageBox/JumpButton.test.d.ts +1 -0
  327. package/dist/esm/MessageBox/JumpButton.test.js +34 -0
  328. package/dist/esm/MessageBox/MessageBox.d.ts +17 -0
  329. package/dist/esm/MessageBox/MessageBox.js +68 -0
  330. package/dist/esm/MessageBox/index.d.ts +3 -0
  331. package/dist/esm/MessageBox/index.js +3 -0
  332. package/dist/esm/PreviewAttachment/PreviewAttachment.d.ts +22 -0
  333. package/dist/esm/PreviewAttachment/PreviewAttachment.js +18 -0
  334. package/dist/esm/PreviewAttachment/index.d.ts +2 -0
  335. package/dist/esm/PreviewAttachment/index.js +2 -0
  336. package/dist/esm/ResponseActions/ResponseActionButton.d.ts +20 -0
  337. package/dist/esm/ResponseActions/ResponseActionButton.js +5 -0
  338. package/dist/esm/ResponseActions/ResponseActions.d.ts +30 -0
  339. package/dist/esm/ResponseActions/ResponseActions.js +29 -0
  340. package/dist/esm/ResponseActions/ResponseActions.test.d.ts +1 -0
  341. package/dist/esm/ResponseActions/ResponseActions.test.js +62 -0
  342. package/dist/esm/ResponseActions/index.d.ts +2 -0
  343. package/dist/esm/ResponseActions/index.js +2 -0
  344. package/dist/esm/SourceDetailsMenuItem/SourceDetailsMenuItem.d.ts +11 -0
  345. package/dist/esm/SourceDetailsMenuItem/SourceDetailsMenuItem.js +24 -0
  346. package/dist/esm/SourceDetailsMenuItem/index.d.ts +2 -0
  347. package/dist/esm/SourceDetailsMenuItem/index.js +2 -0
  348. package/dist/esm/SourcesCard/SourcesCard.d.ts +34 -0
  349. package/dist/esm/SourcesCard/SourcesCard.js +63 -0
  350. package/dist/esm/SourcesCard/SourcesCard.test.d.ts +1 -0
  351. package/dist/esm/SourcesCard/SourcesCard.test.js +162 -0
  352. package/dist/esm/SourcesCard/index.d.ts +2 -0
  353. package/dist/esm/SourcesCard/index.js +2 -0
  354. package/dist/esm/index.d.ts +48 -0
  355. package/dist/esm/index.js +49 -0
  356. package/dist/tsconfig.tsbuildinfo +1 -0
  357. package/generate-fed-package-json.js +75 -0
  358. package/generate-index.js +42 -0
  359. package/package.json +79 -0
  360. package/patternfly-a11y.config.js +28 -0
  361. package/patternfly-docs/content/extensions/chatbot/about-chatbot.md +29 -0
  362. package/patternfly-docs/content/extensions/chatbot/examples/Messages/AttachMenu.tsx +149 -0
  363. package/patternfly-docs/content/extensions/chatbot/examples/Messages/AttachmentEdit.tsx +26 -0
  364. package/patternfly-docs/content/extensions/chatbot/examples/Messages/AttachmentError.tsx +13 -0
  365. package/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx +87 -0
  366. package/patternfly-docs/content/extensions/chatbot/examples/Messages/FileDetails.tsx +4 -0
  367. package/patternfly-docs/content/extensions/chatbot/examples/Messages/FileDetailsLabel.tsx +54 -0
  368. package/patternfly-docs/content/extensions/chatbot/examples/Messages/FileDropZone.tsx +60 -0
  369. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithAttachment.tsx +75 -0
  370. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithCustomResponseActions.tsx +39 -0
  371. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickResponses.tsx +44 -0
  372. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithResponseActions.tsx +25 -0
  373. package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithSources.tsx +118 -0
  374. package/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md +171 -0
  375. package/patternfly-docs/content/extensions/chatbot/examples/Messages/PaperclipIcon.svg +10 -0
  376. package/patternfly-docs/content/extensions/chatbot/examples/Messages/PreviewAttachment.tsx +25 -0
  377. package/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx +37 -0
  378. package/patternfly-docs/content/extensions/chatbot/examples/Messages/patternfly_avatar.jpg +0 -0
  379. package/patternfly-docs/content/extensions/chatbot/examples/Messages/user_avatar.jpg +0 -0
  380. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotContainer.tsx +66 -0
  381. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFooter.tsx +14 -0
  382. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFootnote.tsx +26 -0
  383. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderBasic.tsx +189 -0
  384. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawer.tsx +93 -0
  385. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithActions.tsx +75 -0
  386. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderTitle.tsx +50 -0
  387. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBar.tsx +8 -0
  388. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx +148 -0
  389. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarStop.tsx +10 -0
  390. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotModal.tsx +84 -0
  391. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotToggleBasic.tsx +13 -0
  392. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomeInteraction.tsx +144 -0
  393. package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomePrompt.tsx +38 -0
  394. package/patternfly-docs/content/extensions/chatbot/examples/UI/CustomClosedIcon.tsx +89 -0
  395. package/patternfly-docs/content/extensions/chatbot/examples/UI/PF-HorizontalLogo-Color.svg +29 -0
  396. package/patternfly-docs/content/extensions/chatbot/examples/UI/PF-HorizontalLogo-Reverse.svg +28 -0
  397. package/patternfly-docs/content/extensions/chatbot/examples/UI/PF-IconLogo-Color.svg +17 -0
  398. package/patternfly-docs/content/extensions/chatbot/examples/UI/PF-IconLogo-Reverse.svg +16 -0
  399. package/patternfly-docs/content/extensions/chatbot/examples/UI/SkipToContent.tsx +40 -0
  400. package/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md +336 -0
  401. package/patternfly-docs/content/extensions/chatbot/examples/demos/AttachmentDemos.md +99 -0
  402. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +105 -0
  403. package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx +473 -0
  404. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx +278 -0
  405. package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx +268 -0
  406. package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx +437 -0
  407. package/patternfly-docs/pages/index.js +27 -0
  408. package/patternfly-docs/patternfly-docs.config.js +8 -0
  409. package/patternfly-docs/patternfly-docs.css.js +9 -0
  410. package/patternfly-docs/patternfly-docs.routes.js +12 -0
  411. package/patternfly-docs/patternfly-docs.source.js +24 -0
  412. package/release.config.js +18 -0
  413. package/src/AttachMenu/AttachMenu.scss +62 -0
  414. package/src/AttachMenu/AttachMenu.tsx +81 -0
  415. package/src/AttachMenu/index.ts +3 -0
  416. package/src/AttachmentEdit/AttachmentEdit.tsx +63 -0
  417. package/src/AttachmentEdit/index.ts +3 -0
  418. package/src/Chatbot/Chatbot.scss +89 -0
  419. package/src/Chatbot/Chatbot.tsx +81 -0
  420. package/src/Chatbot/index.ts +3 -0
  421. package/src/ChatbotAlert/ChatbotAlert.scss +5 -0
  422. package/src/ChatbotAlert/ChatbotAlert.tsx +32 -0
  423. package/src/ChatbotAlert/index.ts +3 -0
  424. package/src/ChatbotContent/ChatbotContent.scss +23 -0
  425. package/src/ChatbotContent/ChatbotContent.tsx +23 -0
  426. package/src/ChatbotContent/index.ts +3 -0
  427. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx +62 -0
  428. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +166 -0
  429. package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +217 -0
  430. package/src/ChatbotConversationHistoryNav/index.ts +4 -0
  431. package/src/ChatbotFooter/ChatbotFooter.scss +54 -0
  432. package/src/ChatbotFooter/ChatbotFooter.tsx +33 -0
  433. package/src/ChatbotFooter/ChatbotFootnote.scss +12 -0
  434. package/src/ChatbotFooter/ChatbotFootnote.tsx +135 -0
  435. package/src/ChatbotFooter/index.ts +4 -0
  436. package/src/ChatbotHeader/ChatbotHeader.scss +140 -0
  437. package/src/ChatbotHeader/ChatbotHeader.tsx +22 -0
  438. package/src/ChatbotHeader/ChatbotHeaderActions.tsx +15 -0
  439. package/src/ChatbotHeader/ChatbotHeaderMain.tsx +15 -0
  440. package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +48 -0
  441. package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +73 -0
  442. package/src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx +68 -0
  443. package/src/ChatbotHeader/ChatbotHeaderTitle.tsx +57 -0
  444. package/src/ChatbotHeader/index.ts +9 -0
  445. package/src/ChatbotModal/ChatbotModal.scss +93 -0
  446. package/src/ChatbotModal/ChatbotModal.tsx +43 -0
  447. package/src/ChatbotModal/index.ts +3 -0
  448. package/src/ChatbotPopover/ChatbotPopover.scss +27 -0
  449. package/src/ChatbotPopover/ChatbotPopover.tsx +15 -0
  450. package/src/ChatbotPopover/index.ts +3 -0
  451. package/src/ChatbotToggle/ChatbotToggle.scss +26 -0
  452. package/src/ChatbotToggle/ChatbotToggle.tsx +80 -0
  453. package/src/ChatbotToggle/index.ts +3 -0
  454. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss +48 -0
  455. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx +64 -0
  456. package/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx +66 -0
  457. package/src/ChatbotWelcomePrompt/__snapshots__/ChatbotWelcomePrompt.test.tsx.snap +29 -0
  458. package/src/ChatbotWelcomePrompt/index.ts +3 -0
  459. package/src/CodeModal/CodeModal.scss +76 -0
  460. package/src/CodeModal/CodeModal.tsx +153 -0
  461. package/src/CodeModal/index.ts +3 -0
  462. package/src/FileDetails/FileDetails.scss +25 -0
  463. package/src/FileDetails/FileDetails.test.tsx +23 -0
  464. package/src/FileDetails/FileDetails.tsx +990 -0
  465. package/src/FileDetails/__snapshots__/FileDetails.test.tsx.snap +74 -0
  466. package/src/FileDetails/index.ts +2 -0
  467. package/src/FileDetailsLabel/FileDetailsLabel.scss +66 -0
  468. package/src/FileDetailsLabel/FileDetailsLabel.test.tsx +48 -0
  469. package/src/FileDetailsLabel/FileDetailsLabel.tsx +66 -0
  470. package/src/FileDetailsLabel/__snapshots__/FileDetailsLabel.test.tsx.snap +90 -0
  471. package/src/FileDetailsLabel/index.ts +2 -0
  472. package/src/FileDropZone/FileDropZone.scss +36 -0
  473. package/src/FileDropZone/FileDropZone.test.tsx +15 -0
  474. package/src/FileDropZone/FileDropZone.tsx +56 -0
  475. package/src/FileDropZone/__snapshots__/FileDropZone.test.tsx.snap +18 -0
  476. package/src/FileDropZone/index.ts +3 -0
  477. package/src/LoadingMessage/LoadingMessage.test.tsx +16 -0
  478. package/src/LoadingMessage/LoadingMessage.tsx +27 -0
  479. package/src/LoadingMessage/__snapshots__/LoadingMessage.test.tsx.snap +52 -0
  480. package/src/LoadingMessage/index.ts +3 -0
  481. package/src/Message/CodeBlockMessage/CodeBlockMessage.scss +82 -0
  482. package/src/Message/CodeBlockMessage/CodeBlockMessage.tsx +88 -0
  483. package/src/Message/ListMessage/ListItemMessage.tsx +11 -0
  484. package/src/Message/ListMessage/ListMessage.scss +25 -0
  485. package/src/Message/ListMessage/OrderedListMessage.tsx +17 -0
  486. package/src/Message/ListMessage/UnorderedListMessage.tsx +15 -0
  487. package/src/Message/Message.scss +118 -0
  488. package/src/Message/Message.test.tsx +281 -0
  489. package/src/Message/Message.tsx +181 -0
  490. package/src/Message/MessageLoading.scss +53 -0
  491. package/src/Message/MessageLoading.tsx +15 -0
  492. package/src/Message/TextMessage/TextMessage.scss +51 -0
  493. package/src/Message/TextMessage/TextMessage.tsx +17 -0
  494. package/src/Message/index.ts +3 -0
  495. package/src/MessageBar/AttachButton.scss +20 -0
  496. package/src/MessageBar/AttachButton.test.tsx +53 -0
  497. package/src/MessageBar/AttachButton.tsx +81 -0
  498. package/src/MessageBar/MessageBar.scss +77 -0
  499. package/src/MessageBar/MessageBar.test.tsx +318 -0
  500. package/src/MessageBar/MessageBar.tsx +252 -0
  501. package/src/MessageBar/MicrophoneButton.scss +48 -0
  502. package/src/MessageBar/MicrophoneButton.tsx +114 -0
  503. package/src/MessageBar/SendButton.scss +29 -0
  504. package/src/MessageBar/SendButton.test.tsx +43 -0
  505. package/src/MessageBar/SendButton.tsx +54 -0
  506. package/src/MessageBar/StopButton.scss +22 -0
  507. package/src/MessageBar/StopButton.test.tsx +42 -0
  508. package/src/MessageBar/StopButton.tsx +57 -0
  509. package/src/MessageBar/index.ts +6 -0
  510. package/src/MessageBox/JumpButton.scss +46 -0
  511. package/src/MessageBox/JumpButton.test.tsx +26 -0
  512. package/src/MessageBox/JumpButton.tsx +37 -0
  513. package/src/MessageBox/MessageBox.scss +36 -0
  514. package/src/MessageBox/MessageBox.tsx +114 -0
  515. package/src/MessageBox/index.ts +4 -0
  516. package/src/PreviewAttachment/PreviewAttachment.tsx +67 -0
  517. package/src/PreviewAttachment/index.ts +3 -0
  518. package/src/ResponseActions/ResponseActionButton.tsx +56 -0
  519. package/src/ResponseActions/ResponseActions.scss +26 -0
  520. package/src/ResponseActions/ResponseActions.test.tsx +59 -0
  521. package/src/ResponseActions/ResponseActions.tsx +115 -0
  522. package/src/ResponseActions/index.ts +3 -0
  523. package/src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss +33 -0
  524. package/src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx +36 -0
  525. package/src/SourceDetailsMenuItem/index.ts +2 -0
  526. package/src/SourcesCard/SourcesCard.scss +74 -0
  527. package/src/SourcesCard/SourcesCard.test.tsx +238 -0
  528. package/src/SourcesCard/SourcesCard.tsx +159 -0
  529. package/src/SourcesCard/__snapshots__/SourcesCard.test.tsx.snap +34 -0
  530. package/src/SourcesCard/index.ts +3 -0
  531. package/src/index.ts +73 -0
  532. package/src/main.scss +89 -0
  533. package/tsconfig.cjs.json +8 -0
  534. package/tsconfig.json +73 -0
@@ -0,0 +1,1583 @@
1
+ .pf-chatbot__menu.pf-v6-c-menu {
2
+ --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--large);
3
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
4
+ }
5
+
6
+ .pf-chatbot__menu {
7
+ /* search input */
8
+ /* spacing between icon and text in menu item */
9
+ /* handles hover state, which uses a background */
10
+ }
11
+ .pf-chatbot__menu .pf-v6-c-text-input-group {
12
+ --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
13
+ --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-t--global--border--radius--pill);
14
+ --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-t--global--border--radius--pill);
15
+ --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-t--global--border--radius--pill);
16
+ }
17
+ .pf-chatbot__menu .pf-v6-c-text-input-group__text-input:focus-visible {
18
+ border-radius: var(--pf-t--global--border--radius--pill);
19
+ }
20
+ .pf-chatbot__menu .pf-v6-c-menu__group {
21
+ /* there is spacing between groups because of this normally, even if there's no title */
22
+ }
23
+ .pf-chatbot__menu .pf-v6-c-menu__group .pf-v6-c-menu__group-title {
24
+ height: 0;
25
+ --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26
+ --pf-v6-c-menu__group-title--PaddingBlockEnd: 0;
27
+ --pf-v6-c-menu__group-title--PaddingInlineStart: 0;
28
+ --pf-v6-c-menu__group-title--PaddingInlineEnd: 0;
29
+ }
30
+ .pf-chatbot__menu .pf-v6-c-menu__item-main {
31
+ --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--md);
32
+ }
33
+ .pf-chatbot__menu .pf-v6-c-menu__list {
34
+ padding: 0rem var(--pf-t--global--spacer--md) 0rem var(--pf-t--global--spacer--md);
35
+ }
36
+ .pf-chatbot__menu .pf-v6-c-menu__list-item {
37
+ border-radius: var(--pf-t--global--border--radius--small);
38
+ overflow: hidden;
39
+ }
40
+ .pf-chatbot__menu .pf-v6-c-menu__item {
41
+ padding-inline-start: var(--pf-t--global--spacer--md);
42
+ padding-inline-end: var(--pf-t--global--spacer--md);
43
+ }
44
+ .pf-chatbot__menu .pf-v6-c-menu__item-icon {
45
+ display: flex;
46
+ justify-content: center;
47
+ width: 21px;
48
+ }
49
+ .pf-chatbot__menu .pf-v6-c-menu__item-description {
50
+ font-weight: 500;
51
+ }
52
+ .pf-chatbot__menu .pf-v6-c-divider {
53
+ padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md);
54
+ }
55
+
56
+ .pf-chatbot {
57
+ position: fixed;
58
+ inset-block-end: var(--pf-t--global--spacer--800);
59
+ inset-inline-end: var(--pf-t--global--spacer--lg);
60
+ display: flex;
61
+ flex-direction: column;
62
+ width: 30rem;
63
+ height: 70vh;
64
+ background-color: var(--pf-t--chatbot--background);
65
+ border-radius: var(--pf-t--global--border--radius--medium);
66
+ box-shadow: var(--pf-t--global--box-shadow--lg);
67
+ font-size: var(--pf-t--chatbot--font-size);
68
+ z-index: var(--pf-t--global--z-index--md);
69
+ -webkit-font-smoothing: antialiased;
70
+ -moz-osx-font-smoothing: grayscale;
71
+ }
72
+ .pf-chatbot--hidden {
73
+ pointer-events: none;
74
+ }
75
+
76
+ .pf-chatbot--docked {
77
+ inset-block-end: 0;
78
+ inset-inline-end: 0;
79
+ padding: 0;
80
+ height: 100%;
81
+ border-radius: 0;
82
+ box-shadow: var(--pf-t--global--box-shadow--lg--left);
83
+ overflow: inherit;
84
+ }
85
+
86
+ html.pf-chatbot-allow--docked {
87
+ padding-right: 480px;
88
+ }
89
+
90
+ .pf-chatbot--fullscreen {
91
+ inset-block-end: 0;
92
+ inset-inline-end: 0;
93
+ padding: 0;
94
+ width: 100%;
95
+ height: 100%;
96
+ border-radius: 0;
97
+ box-shadow: none;
98
+ }
99
+
100
+ .pf-chatbot--embedded {
101
+ position: static;
102
+ width: 100%;
103
+ min-height: 100%;
104
+ border-radius: 0;
105
+ box-shadow: none;
106
+ }
107
+
108
+ .pf-chatbot-container {
109
+ height: 100%;
110
+ width: 100%;
111
+ display: flex;
112
+ flex-direction: column;
113
+ border-radius: var(--pf-t--global--border--radius--medium);
114
+ overflow: hidden;
115
+ }
116
+ .pf-chatbot-container--hidden {
117
+ pointer-events: none;
118
+ }
119
+
120
+ .pf-chatbot-container--embedded {
121
+ min-height: 100%;
122
+ }
123
+
124
+ .pf-chatbot-container--docked,
125
+ .pf-chatbot-container--embedded,
126
+ .pf-chatbot-container--fullscreen {
127
+ border-radius: unset;
128
+ }
129
+
130
+ .pf-chatbot__alert {
131
+ position: sticky;
132
+ top: var(--pf-t--global--spacer--lg);
133
+ z-index: var(--pf-t--global--z-index--sm);
134
+ }
135
+
136
+ .pf-chatbot__content {
137
+ position: relative;
138
+ background-color: var(--pf-t--chatbot--background);
139
+ overflow-y: auto;
140
+ overflow: hidden;
141
+ flex: 1;
142
+ }
143
+
144
+ @media screen and (min-width: 64rem) {
145
+ .pf-chatbot--fullscreen .pf-chatbot__content,
146
+ .pf-chatbot--embedded .pf-chatbot__content {
147
+ display: flex;
148
+ justify-content: center;
149
+ }
150
+ }
151
+ .pf-chatbot__history .pf-chatbot__drawer-backdrop {
152
+ position: absolute;
153
+ border-radius: var(--pf-t--global--border--radius--medium);
154
+ }
155
+ .pf-chatbot__history .pf-chatbot__input {
156
+ padding-inline-start: var(--pf-t--global--spacer--xl);
157
+ padding-inline-end: var(--pf-t--global--spacer--xl);
158
+ }
159
+ .pf-chatbot__history .pf-v6-c-menu {
160
+ --pf-v6-c-menu--PaddingBlockStart: 0;
161
+ --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
162
+ overflow: initial;
163
+ position: relative;
164
+ }
165
+ .pf-chatbot__history .pf-v6-c-menu__item-main {
166
+ --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--md);
167
+ }
168
+ .pf-chatbot__history .pf-chatbot__menu-item-header > .pf-v6-c-menu__group-title {
169
+ color: var(--pf-t--global--text--color--subtle);
170
+ font-weight: 500;
171
+ font-size: var(--pf-t--global--icon--size--font--sm);
172
+ --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--sm);
173
+ --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
174
+ position: -webkit-sticky;
175
+ position: sticky;
176
+ top: 0;
177
+ background-color: var(--pf-t--global--background--color--floating--default);
178
+ z-index: var(--pf-t--global--z-index--md);
179
+ }
180
+ .pf-chatbot__history .pf-chatbot__menu-item {
181
+ --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--sm);
182
+ --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
183
+ padding-block-start: var(--pf-t--global--spacer--xs);
184
+ padding-block-end: var(--pf-t--global--spacer--xs);
185
+ color: var(--pf-t--global--text--color--regular);
186
+ font-size: var(--pf-t--global--font--size--body--lg);
187
+ font-weight: var(--pf-t--global--font--weight--body--default);
188
+ }
189
+ .pf-chatbot__history .pf-chatbot__history-actions {
190
+ transform: rotate(90deg);
191
+ }
192
+
193
+ .pf-chatbot__history.pf-v6-c-drawer {
194
+ --pf-v6-c-drawer__panel--MinWidth: 24rem;
195
+ --pf-v6-c-drawer__panel--xl--MinWidth: 24rem;
196
+ height: 70vh;
197
+ }
198
+ .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__panel {
199
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
200
+ --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--lg);
201
+ --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
202
+ --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--lg);
203
+ overflow-x: hidden;
204
+ overflow-y: hidden;
205
+ }
206
+ .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__head {
207
+ --pf-v6-c-drawer__head--PaddingBlockStart: 0;
208
+ --pf-v6-c-drawer__head--PaddingBlockEnd: 0;
209
+ --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--lg);
210
+ --pf-v6-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
211
+ display: flex;
212
+ align-items: center;
213
+ justify-content: space-between;
214
+ height: var(--pf-t--global--spacer--2xl);
215
+ }
216
+ .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__actions {
217
+ --pf-v6-c-drawer__actions--MarginBlockStart: 0;
218
+ --pf-v6-c-drawer__actions--MarginInlineEnd: 0;
219
+ display: flex;
220
+ align-items: center;
221
+ justify-content: space-between;
222
+ align-self: center;
223
+ width: 100%;
224
+ height: 100%;
225
+ }
226
+ .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__close .pf-v6-c-button {
227
+ width: var(--pf-t--global--spacer--2xl);
228
+ height: var(--pf-t--global--spacer--2xl);
229
+ border-radius: var(--pf-t--global--border--radius--pill);
230
+ justify-content: center;
231
+ align-items: center;
232
+ }
233
+ .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
234
+ --pf-v6-c-drawer__panel__body--PaddingBlockStart: 0;
235
+ --pf-v6-c-drawer__panel__body--PaddingBlockEnd: 0;
236
+ --pf-v6-c-drawer__panel__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
237
+ --pf-v6-c-drawer__panel__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
238
+ overflow-y: auto;
239
+ display: flex;
240
+ flex-direction: column;
241
+ height: 70vh;
242
+ }
243
+
244
+ .pf-chatbot--docked .pf-chatbot__history.pf-v6-c-drawer {
245
+ height: 100vh;
246
+ }
247
+
248
+ .pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer {
249
+ height: 100vh;
250
+ }
251
+ .pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
252
+ width: 100%;
253
+ }
254
+
255
+ .pf-chatbot--embedded .pf-chatbot__history.pf-v6-c-drawer {
256
+ height: 100%;
257
+ }
258
+ .pf-chatbot--embedded .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
259
+ width: 100%;
260
+ height: 100%;
261
+ }
262
+ .pf-chatbot--embedded .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__panel {
263
+ height: 100%;
264
+ }
265
+
266
+ .pf-chatbot--docked .pf-chatbot__history .pf-chatbot__drawer-backdrop,
267
+ .pf-chatbot--embedded .pf-chatbot__history .pf-chatbot__drawer-backdrop,
268
+ .pf-chatbot--fullscreen .pf-chatbot__history .pf-chatbot__drawer-backdrop {
269
+ border-radius: unset;
270
+ }
271
+
272
+ .pf-chatbot__footnote {
273
+ align-self: center;
274
+ }
275
+ .pf-chatbot__footnote .pf-v6-c-button {
276
+ --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
277
+ --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--xs);
278
+ }
279
+
280
+ .pf-chatbot__footer {
281
+ --pf-chatbot__footer--RowGap: var(--pf-t--global--spacer--md);
282
+ background-color: var(--pf-t--chatbot--background);
283
+ display: flex;
284
+ flex-direction: column;
285
+ row-gap: var(--pf-chatbot__footer--RowGap);
286
+ position: relative;
287
+ }
288
+
289
+ .pf-chatbot__footer-container {
290
+ padding: 0 var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg);
291
+ display: flex;
292
+ flex-direction: column;
293
+ justify-content: stretch;
294
+ row-gap: var(--pf-chatbot__footer--RowGap);
295
+ }
296
+
297
+ @media screen and (min-width: 64rem) {
298
+ .pf-chatbot--embedded .pf-chatbot__footer,
299
+ .pf-chatbot--fullscreen .pf-chatbot__footer {
300
+ align-items: center;
301
+ }
302
+ .pf-chatbot--embedded .pf-chatbot__footer .pf-v6-c-divider,
303
+ .pf-chatbot--fullscreen .pf-chatbot__footer .pf-v6-c-divider {
304
+ display: none;
305
+ }
306
+ .pf-chatbot--embedded .pf-chatbot__footer-container,
307
+ .pf-chatbot--fullscreen .pf-chatbot__footer-container {
308
+ width: 60rem;
309
+ padding: var(--pf-t--global--spacer--sm) 0;
310
+ }
311
+ }
312
+ .pf-chatbot--docked .pf-chatbot__footer .pf-v6-c-divider {
313
+ display: none;
314
+ }
315
+ .pf-chatbot--docked .pf-chatbot__footer-container {
316
+ padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
317
+ }
318
+
319
+ .pf-chatbot__header-container {
320
+ display: grid;
321
+ }
322
+
323
+ .pf-chatbot__header {
324
+ display: grid;
325
+ grid-template-columns: 1fr auto;
326
+ gap: var(--pf-t--global--spacer--sm);
327
+ position: relative;
328
+ background-color: var(--pf-t--chatbot--background);
329
+ justify-content: space-between;
330
+ padding: var(--pf-t--global--spacer--lg);
331
+ }
332
+ .pf-chatbot__header .pf-chatbot__header-main {
333
+ display: flex;
334
+ gap: var(--pf-t--global--spacer--sm);
335
+ }
336
+ .pf-chatbot__header .pf-chatbot__header-main img {
337
+ pointer-events: none;
338
+ }
339
+ .pf-chatbot__header .pf-chatbot__title {
340
+ display: flex;
341
+ align-items: center;
342
+ flex: 1;
343
+ }
344
+ .pf-chatbot__header .pf-chatbot__title .pf-v6-l-bullseye {
345
+ width: 100%;
346
+ }
347
+ .pf-chatbot__header .pf-chatbot__title img {
348
+ max-height: 40px;
349
+ vertical-align: middle;
350
+ }
351
+ .pf-chatbot__header .pf-chatbot__menu {
352
+ justify-self: start;
353
+ }
354
+ .pf-chatbot__header .pf-chatbot__actions {
355
+ justify-self: end;
356
+ display: flex;
357
+ gap: var(--pf-t--global--spacer--sm);
358
+ justify-content: flex-end;
359
+ align-items: center;
360
+ }
361
+ .pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary {
362
+ width: 160px;
363
+ }
364
+
365
+ @media screen and (min-width: 64rem) {
366
+ .pf-chatbot--fullscreen .pf-chatbot__header,
367
+ .pf-chatbot--embedded .pf-chatbot__header {
368
+ background-color: var(--pf-t--global--background--color--primary--default);
369
+ }
370
+ .pf-chatbot--fullscreen .pf-chatbot__header__divider,
371
+ .pf-chatbot--embedded .pf-chatbot__header__divider {
372
+ display: none;
373
+ }
374
+ }
375
+ .pf-chatbot--docked .pf-chatbot__header {
376
+ background-color: var(--pf-t--chatbot--background);
377
+ }
378
+ .pf-chatbot--docked .pf-chatbot__header__divider {
379
+ display: none;
380
+ }
381
+
382
+ .pf-chatbot__button--toggle-options,
383
+ .pf-chatbot__button--toggle-menu {
384
+ width: 3rem;
385
+ height: 3rem;
386
+ border-radius: var(--pf-t--global--border--radius--pill);
387
+ align-items: center;
388
+ justify-content: center;
389
+ }
390
+ .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
391
+ .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
392
+ .pf-chatbot__button--toggle-options .pf-v6-c-icon__content,
393
+ .pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
394
+ .pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon,
395
+ .pf-chatbot__button--toggle-menu .pf-v6-c-icon__content {
396
+ color: var(--pf-t--chatbot--icon--fill);
397
+ }
398
+ .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
399
+ .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
400
+ .pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
401
+ .pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon {
402
+ display: flex;
403
+ align-items: center;
404
+ justify-content: center;
405
+ }
406
+ .pf-chatbot__button--toggle-options:hover .pf-v6-c-button__icon,
407
+ .pf-chatbot__button--toggle-options:hover .pf-v6-c-menu-toggle__icon,
408
+ .pf-chatbot__button--toggle-options:hover .pf-v6-c-icon__content, .pf-chatbot__button--toggle-options:focus .pf-v6-c-button__icon,
409
+ .pf-chatbot__button--toggle-options:focus .pf-v6-c-menu-toggle__icon,
410
+ .pf-chatbot__button--toggle-options:focus .pf-v6-c-icon__content,
411
+ .pf-chatbot__button--toggle-menu:hover .pf-v6-c-button__icon,
412
+ .pf-chatbot__button--toggle-menu:hover .pf-v6-c-menu-toggle__icon,
413
+ .pf-chatbot__button--toggle-menu:hover .pf-v6-c-icon__content,
414
+ .pf-chatbot__button--toggle-menu:focus .pf-v6-c-button__icon,
415
+ .pf-chatbot__button--toggle-menu:focus .pf-v6-c-menu-toggle__icon,
416
+ .pf-chatbot__button--toggle-menu:focus .pf-v6-c-icon__content {
417
+ color: var(--pf-t--chatbot--icon--fill--hover);
418
+ }
419
+
420
+ .pf-chatbot__button--toggle-options svg {
421
+ transform: rotate(90deg);
422
+ }
423
+
424
+ .show-dark,
425
+ :where(.pf-v6-theme-dark) .show-light {
426
+ display: none;
427
+ }
428
+
429
+ :where(.pf-v6-theme-dark) .show-dark {
430
+ display: revert;
431
+ }
432
+
433
+ :where(.pf-v6-theme-dark) .show-dark .pf-m-picture {
434
+ display: inline-flex;
435
+ }
436
+
437
+ .pf-chatbot__chatbot-modal-backdrop {
438
+ position: static;
439
+ }
440
+
441
+ .pf-chatbot__chatbot-modal {
442
+ --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium);
443
+ position: fixed;
444
+ inset-block-end: var(--pf-t--global--spacer--800);
445
+ inset-inline-end: var(--pf-t--global--spacer--lg);
446
+ width: 30rem;
447
+ height: 70vh;
448
+ background-color: var(--pf-t--global--background--color--secondary--default);
449
+ }
450
+ .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
451
+ --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
452
+ }
453
+ .pf-chatbot__chatbot-modal .pf-v6-c-button.pf-m-primary.pf-m-block,
454
+ .pf-chatbot__chatbot-modal .pf-v6-c-button.pf-m-link.pf-m-block {
455
+ --pf-v6-c-button--FontWeight: 500;
456
+ }
457
+ .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__footer {
458
+ padding-block-start: var(--pf-t--global--spacer--xl);
459
+ padding-block-end: var(--pf-t--global--spacer--xl);
460
+ }
461
+ .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__header {
462
+ padding-block-end: var(--pf-t--global--spacer--lg);
463
+ }
464
+
465
+ @media screen and (max-width: 600px) {
466
+ .pf-chatbot__chatbot-modal--embedded,
467
+ .pf-chatbot__chatbot-modal--fullscreen {
468
+ inset-block-end: 0;
469
+ inset-inline-end: 0;
470
+ width: 100%;
471
+ height: 100%;
472
+ top: 50%;
473
+ left: 50%;
474
+ transform: translate(-50%, -50%);
475
+ }
476
+ }
477
+ @media screen and (min-width: 601px) {
478
+ .pf-chatbot__chatbot-modal--embedded,
479
+ .pf-chatbot__chatbot-modal--fullscreen {
480
+ inset-block-end: 0;
481
+ inset-inline-end: 0;
482
+ width: 50%;
483
+ height: fit-content;
484
+ top: 50%;
485
+ left: 50%;
486
+ transform: translate(-50%, -50%);
487
+ }
488
+ }
489
+ .pf-chatbot__chatbot-modal--default {
490
+ box-shadow: unset;
491
+ }
492
+
493
+ .pf-chatbot__chatbot-modal--docked {
494
+ height: 100vh;
495
+ inset-block-end: 0;
496
+ inset-inline-end: 0;
497
+ border-radius: 0;
498
+ --pf-v6-c-modal-box--MaxHeight: 100vh;
499
+ box-shadow: unset;
500
+ }
501
+
502
+ .pf-v6-theme-dark .pf-v6-c-modal-box.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
503
+ color: #fff;
504
+ }
505
+
506
+ .pf-v6-c-backdrop.pf-chatbot__backdrop {
507
+ position: absolute;
508
+ }
509
+
510
+ .pf-chatbot__popover .pf-v6-c-popover__arrow {
511
+ display: none;
512
+ }
513
+ .pf-chatbot__popover--footnote.pf-chatbot__popover img {
514
+ border-radius: var(--pf-t--global--border--radius--small);
515
+ }
516
+ .pf-chatbot__popover--footnote.pf-chatbot__popover .pf-v6-c-content--h3 {
517
+ font-weight: var(--pf-t--global--font--weight--body--bold);
518
+ }
519
+ .pf-chatbot__popover--footnote.pf-chatbot__popover .pf-v6-c-content--p {
520
+ font-size: var(--pf-t--global--font--size--body--lg);
521
+ }
522
+ .pf-chatbot__popover--footnote.pf-chatbot__popover .pf-v6-c-button {
523
+ font-weight: var(--pf-t--global--font--weight--body--bold);
524
+ font-size: var(--pf-t--global--font--size--body--lg);
525
+ }
526
+ .pf-chatbot__popover--footnote.pf-chatbot__popover .pf-v6-c-content--a {
527
+ font-size: var(--pf-t--global--font--size--body--lg);
528
+ }
529
+
530
+ .pf-v6-c-button.pf-chatbot__button {
531
+ position: fixed;
532
+ inset-block-end: var(--pf-t--global--spacer--md);
533
+ inset-inline-end: var(--pf-t--global--spacer--md);
534
+ background-color: var(--pf-t--global--background--color--inverse--default);
535
+ border-radius: var(--pf-t--global--border--radius--pill);
536
+ --pf-v6-c-button__icon--Color: var(--pf-t--chatbot-toggle--color);
537
+ padding: var(--pf-t--global--spacer--md);
538
+ width: 3rem;
539
+ height: 3rem;
540
+ }
541
+ .pf-v6-c-button.pf-chatbot__button:hover, .pf-v6-c-button.pf-chatbot__button:focus {
542
+ background-color: var(--pf-t--chatbot-toggle--background--hover);
543
+ }
544
+ .pf-v6-c-button.pf-chatbot__button .pf-v6-c-button__icon {
545
+ display: contents;
546
+ }
547
+ .pf-v6-c-button.pf-chatbot__button svg {
548
+ width: var(--pf-t--global--spacer--lg);
549
+ height: var(--pf-t--global--spacer--lg);
550
+ }
551
+
552
+ .pf-chatbot--layout--welcome {
553
+ padding-block-end: var(--pf-t--global--spacer--lg);
554
+ flex-direction: column;
555
+ display: flex;
556
+ gap: var(--pf-t--global--spacer--lg);
557
+ }
558
+ .pf-chatbot--layout--welcome .pf-v6-c-content--h1 {
559
+ --pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--3xl);
560
+ --pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--400);
561
+ --pf-v6-c-content--h1--MarginBlockEnd: 0;
562
+ }
563
+ .pf-chatbot--layout--welcome .pf-chatbot__hello {
564
+ color: var(--pf-t--global--color--brand--default);
565
+ }
566
+ .pf-chatbot--layout--welcome .pf-chatbot__question {
567
+ color: var(--pf-t--global--text--color--subtle);
568
+ }
569
+ .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions {
570
+ flex-direction: column;
571
+ display: flex;
572
+ gap: var(--pf-t--global--spacer--lg);
573
+ }
574
+ .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions > * {
575
+ flex: 1;
576
+ }
577
+
578
+ @media screen and (min-width: 64rem) {
579
+ .pf-chatbot--fullscreen .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions,
580
+ .pf-chatbot--embedded .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions {
581
+ flex-direction: row;
582
+ align-items: baseline;
583
+ }
584
+ }
585
+ .pf-chatbot__code-modal .pf-v6-c-code-editor {
586
+ --pf-v6-c-code-editor__main--BackgroundColor: #1f1f1f;
587
+ --pf-v6-c-code-editor__main--BorderEndStartRadius: 0;
588
+ --pf-v6-c-code-editor__main--BorderEndEndRadius: 0;
589
+ --pf-v6-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--small);
590
+ }
591
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__header {
592
+ background: #1f1f1f;
593
+ /** this is for the attachment editor header */
594
+ border-start-start-radius: var(--pf-t--global--border--radius--small);
595
+ border-start-end-radius: var(--pf-t--global--border--radius--small);
596
+ }
597
+ .pf-chatbot__code-modal .pf-chatbot__code-modal-body {
598
+ gap: var(--pf-t--global--spacer--lg);
599
+ }
600
+ .pf-chatbot__code-modal .pf-chatbot__code-modal--controls > .pf-v6-c-code-editor__header {
601
+ flex-direction: row-reverse;
602
+ border-radius: var(--pf-t--global--border--radius--small);
603
+ }
604
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__header::before {
605
+ border-block-end: none;
606
+ }
607
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__header-content {
608
+ --pf-v6-c-code-editor__header-content--BackgroundColor: #1f1f1f;
609
+ --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: #1f1f1f;
610
+ --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(--pf-t--global--border--radius--small);
611
+ --pf-v6-c-code-editor__header-content--PaddingInlineEnd: 0;
612
+ justify-content: flex-end;
613
+ }
614
+ .pf-chatbot__code-modal .pf-chatbot__code-modal--controls > .pf-v6-c-code-editor__header > .pf-v6-c-code-editor__header-content {
615
+ --pf-v6-c-code-editor__header-content--BorderStartStartRadius: 0;
616
+ border-start-end-radius: var(--pf-t--global--border--radius--small);
617
+ }
618
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__tab {
619
+ --pf-v6-c-code-editor__tab--BackgroundColor: #1f1f1f;
620
+ --pf-v6-c-code-editor__tab--Color: #fff;
621
+ border: none;
622
+ --pf-v6-c-code-editor__tab--BorderStartEndRadius: 0;
623
+ border-start-start-radius: var(--pf-t--global--border--radius--small);
624
+ --pf-t--global--font--weight--body--default: 500;
625
+ }
626
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__tab-icon {
627
+ display: none;
628
+ }
629
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__main {
630
+ border: unset;
631
+ --pf-v6-c-code-editor__main--BorderEndStartRadius: var(--pf-t--global--border--radius--small);
632
+ --pf-v6-c-code-editor__main--BorderEndEndRadius: var(--pf-t--global--border--radius--small);
633
+ }
634
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__controls {
635
+ padding-right: var(--pf-t--global--spacer--sm);
636
+ }
637
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__controls > div > .pf-v6-c-button {
638
+ --pf-v6-c-button--m-plain__icon--Color: #fff;
639
+ --pf-v6-c-button--hover__icon--Color: #fff;
640
+ }
641
+ .pf-chatbot__code-modal .pf-v6-c-code-editor__header-main {
642
+ display: none;
643
+ }
644
+ .pf-chatbot__code-modal .pf-chatbot__code-modal-file-details {
645
+ padding-inline-start: var(--pf-t--global--spacer--md);
646
+ }
647
+
648
+ .pf-v6-theme-dark .pf-chatbot__code-modal .pf-v6-c-code-editor__controls > div > button {
649
+ --pf-v6-c-button--m-plain__icon--Color: #c7c7c7;
650
+ --pf-v6-c-button--hover__icon--Color: #c7c7c7;
651
+ }
652
+
653
+ .pf-chatbot__code-language {
654
+ color: var(--pf-t--global--text--color--subtle);
655
+ display: flex;
656
+ font-size: var(--pf-t--global--icon--size--font--xs);
657
+ font-weight: 500;
658
+ }
659
+
660
+ .pf-chatbot__code-icon {
661
+ color: var(--pf-t--global--icon--color--status--custom--default);
662
+ width: 24px;
663
+ height: 24px;
664
+ }
665
+
666
+ .pf-chatbot__code-fileName {
667
+ font-size: var(--pf-t--global--font--size--body--default);
668
+ }
669
+
670
+ .pf-chatbot__file-details-example {
671
+ background: var(--pf-t--global--background--color--secondary--default);
672
+ height: 100px;
673
+ display: flex;
674
+ justify-content: center;
675
+ align-items: center;
676
+ }
677
+
678
+ .pf-chatbot__file-label-contents {
679
+ display: flex;
680
+ gap: var(--pf-t--global--spacer--md);
681
+ justify-content: center;
682
+ align-items: center;
683
+ }
684
+
685
+ .pf-chatbot__file-label {
686
+ 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);
687
+ gap: var(--pf-t--global--spacer--sm);
688
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
689
+ --pf-v6-c-label--MaxWidth: 12rem;
690
+ }
691
+ .pf-chatbot__file-label .pf-v6-c-truncate {
692
+ max-width: 9ch;
693
+ }
694
+ .pf-chatbot__file-label .pf-v6-c-label__content,
695
+ .pf-chatbot__file-label .pf-v6-c-label__text {
696
+ --pf-v6-c-label__content--MaxWidth: 100%;
697
+ --pf-v6-c-label__text--MaxWidth: 100%;
698
+ }
699
+
700
+ .pf-v6-c-label.pf-chatbot__file-label {
701
+ --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--primary--default);
702
+ --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--small);
703
+ --pf-v6-c-label--Color: var(--pf-t--global--text--color--regular);
704
+ }
705
+ .pf-v6-c-label.pf-chatbot__file-label .pf-chatbot__file-label > .pf-v6-c-label__content {
706
+ --pf-v6-c-label--Color: var(--pf-t--global--background--color--primary--default);
707
+ }
708
+
709
+ .pf-v6-theme-dark .pf-v6-c-label.pf-chatbot__file-label {
710
+ --pf-v6-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
711
+ }
712
+ .pf-v6-theme-dark .pf-chatbot__file-label > .pf-v6-c-label__actions > .pf-v6-c-button.pf-m-plain > .pf-v6-c-button__icon {
713
+ --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
714
+ }
715
+
716
+ .pf-chatbot__file-label.pf-m-clickable:hover,
717
+ .pf-chatbot__file-label.pf-m-clickable:focus-within {
718
+ --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
719
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
720
+ }
721
+ .pf-chatbot__file-label.pf-m-clickable:hover .pf-chatbot__code-icon,
722
+ .pf-chatbot__file-label.pf-m-clickable:focus-within .pf-chatbot__code-icon {
723
+ color: var(--pf-t--global--icon--color--status--custom--hover);
724
+ }
725
+
726
+ .pf-chatbot__file-label-loading .pf-v6-c-truncate {
727
+ max-width: 6ch;
728
+ }
729
+
730
+ .pf-chatbot--embedded .pf-chatbot__file-label,
731
+ .pf-chatbot--fullscreen .pf-chatbot__file-label {
732
+ --pf-v6-c-label--MaxWidth: 14rem;
733
+ }
734
+
735
+ .pf-chatbot__dropzone {
736
+ gap: unset;
737
+ flex: 1;
738
+ }
739
+
740
+ .pf-chatbot__dropzone--invisible {
741
+ overflow: hidden;
742
+ display: grid;
743
+ grid-template-rows: 1fr auto;
744
+ }
745
+
746
+ .pf-chatbot__dropzone--visible.pf-chatbot__dropzone {
747
+ margin-block-start: var(--pf-t--global--spacer--lg);
748
+ margin-block-end: var(--pf-t--global--spacer--lg);
749
+ margin-inline-start: var(--pf-t--global--spacer--lg);
750
+ margin-inline-end: var(--pf-t--global--spacer--lg);
751
+ }
752
+ .pf-chatbot__dropzone--visible.pf-chatbot__dropzone .pf-v6-c-multiple-file-upload__main {
753
+ --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
754
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
755
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
756
+ --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
757
+ display: flex;
758
+ flex-direction: column;
759
+ align-items: center;
760
+ justify-content: center;
761
+ }
762
+
763
+ /** Used in example only */
764
+ .pf-chatbot__file-drop-zone-example {
765
+ border: var(--pf-t--global--border--width--divider--default) solid var(--pf-t--global--border--color--default);
766
+ height: 100vh;
767
+ width: 100%;
768
+ padding: var(--pf-t--global--spacer--md);
769
+ }
770
+
771
+ .pf-chatbot__message {
772
+ --pf-t--chatbot-message--type--background--color--default: var(--pf-t--global--background--color--tertiary--default);
773
+ --pf-t--chatbot-message--type--background--color--primary: var(--pf-t--global--color--brand--default);
774
+ --pf-t--chatbot-message--type--padding: var(--pf-t--global--spacer--sm);
775
+ --pf-t--chatbot-message--type--text--color--default: var(--pf-t--global--text--color--regular);
776
+ --pf-t--chatbot-message--type--text--color--primary: var(--pf-t--global--text--color--inverse);
777
+ --pf-t--chatbot-message--type--border--radius: var(--pf-t--global--border--radius--small);
778
+ --pf-t--chatbot-message--meta--label--color: var(--pf-t--global--border--color--on-secondary);
779
+ display: flex;
780
+ align-items: flex-start;
781
+ gap: var(--pf-t--global--spacer--lg);
782
+ padding-bottom: var(--pf-t--global--spacer--2xl);
783
+ }
784
+ .pf-chatbot__message .pf-v6-c-truncate {
785
+ --pf-v6-c-truncate--MinWidth: 0ch;
786
+ --pf-v6-c-truncate__start--MinWidth: 0ch;
787
+ }
788
+ .pf-chatbot__message .pf-v6-c-avatar {
789
+ --pf-v6-c-avatar--Width: 3rem;
790
+ --pf-v6-c-avatar--Height: 3rem;
791
+ position: sticky;
792
+ top: var(--pf-t--global--spacer--md);
793
+ object-fit: cover;
794
+ pointer-events: none;
795
+ }
796
+ .pf-chatbot__message-contents {
797
+ display: flex;
798
+ flex-direction: column;
799
+ gap: var(--pf-t--global--spacer--sm);
800
+ width: 100%;
801
+ }
802
+ .pf-chatbot__message-meta {
803
+ display: flex;
804
+ align-items: center;
805
+ gap: var(--pf-t--global--spacer--sm);
806
+ }
807
+ .pf-chatbot__message-meta .pf-chatbot__message-name {
808
+ font-family: var(--pf-t--chatbot--heading--font-family);
809
+ font-weight: 600;
810
+ font-size: var(--pf-t--global--font--size--sm);
811
+ }
812
+ .pf-chatbot__message-meta .pf-v6-c-label {
813
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-t--chatbot-message--meta--label--color);
814
+ --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--xs);
815
+ font-weight: 500;
816
+ }
817
+ .pf-chatbot__message-meta .pf-v6-c-label .pf-v6-c-label__content {
818
+ --pf-v6-c-label--Color: var(--pf-t--chatbot-message--meta--label--color);
819
+ }
820
+ .pf-chatbot__message-meta .pf-v6-c-timestamp {
821
+ flex: 1 0 max-content;
822
+ }
823
+ .pf-chatbot__message-meta time {
824
+ font-size: var(--pf-t--global--font--size--xs);
825
+ }
826
+ .pf-chatbot__message-response {
827
+ display: flex;
828
+ flex-direction: column;
829
+ align-items: flex-start;
830
+ gap: var(--pf-t--global--font--size--sm);
831
+ color: var(--pf-t--chatbot-message--type--text--color--default);
832
+ }
833
+ .pf-chatbot__message-and-actions {
834
+ display: grid;
835
+ gap: var(--pf-t--global--spacer--sm);
836
+ }
837
+ .pf-chatbot__message-quick-response .pf-v6-c-label {
838
+ --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
839
+ }
840
+ @media screen and (min-width: 401px) and (max-width: 600px) {
841
+ .pf-chatbot__message-quick-response .pf-v6-c-label {
842
+ --pf-v6-c-label__text--MaxWidth: 20ch;
843
+ }
844
+ }
845
+ @media screen and (max-width: 400px) {
846
+ .pf-chatbot__message-quick-response .pf-v6-c-label {
847
+ --pf-v6-c-label__text--MaxWidth: 15ch;
848
+ }
849
+ }
850
+
851
+ .pf-chatbot__message-attachments-container {
852
+ display: flex;
853
+ gap: var(--pf-t--global--spacer--md);
854
+ flex-wrap: wrap;
855
+ }
856
+
857
+ .pf-chatbot__message-loading {
858
+ width: 36px;
859
+ padding: var(--pf-t--chatbot-message--type--padding);
860
+ background-color: var(--pf-t--global--background--color--tertiary--default);
861
+ border-radius: var(--pf-t--chatbot-message--type--border--radius);
862
+ }
863
+ .pf-chatbot__message-loading-dots {
864
+ position: relative;
865
+ display: flex;
866
+ width: 4px;
867
+ height: 4px;
868
+ margin-left: var(--pf-t--global--spacer--sm);
869
+ border-radius: var(--pf-t--global--border--radius--pill);
870
+ animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite linear alternate;
871
+ animation-delay: calc(var(--pf-t--global--motion--duration--2xl) * 0.3333333333);
872
+ }
873
+ .pf-chatbot__message-loading-dots::before, .pf-chatbot__message-loading-dots::after {
874
+ content: "";
875
+ display: flex;
876
+ position: absolute;
877
+ inset-block-start: 0;
878
+ }
879
+ .pf-chatbot__message-loading-dots::before {
880
+ inset-inline-start: calc(var(--pf-t--global--spacer--sm) * -1);
881
+ width: 4px;
882
+ height: 4px;
883
+ border-radius: var(--pf-t--global--border--radius--pill);
884
+ animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite alternate;
885
+ animation-delay: var(--pf-t--global--motion--delay--none);
886
+ }
887
+ .pf-chatbot__message-loading-dots::after {
888
+ inset-inline-start: var(--pf-t--global--spacer--sm);
889
+ width: 4px;
890
+ height: 4px;
891
+ border-radius: var(--pf-t--global--border--radius--pill);
892
+ animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite alternate;
893
+ animation-delay: calc(var(--pf-t--global--motion--duration--2xl) * 0.6666666667);
894
+ }
895
+ @keyframes dot-flashing {
896
+ 0% {
897
+ background-color: var(--pf-t--global--background--color--inverse--default);
898
+ }
899
+ 50%, 100% {
900
+ background-color: rgba(41, 41, 41, 0.25);
901
+ }
902
+ }
903
+
904
+ .pf-chatbot__message-code-block {
905
+ width: 100%;
906
+ background-color: var(--pf-t--color--gray--80);
907
+ color: var(--pf-t--color--white);
908
+ border-radius: var(--pf-t--global--border--radius--small);
909
+ }
910
+ .pf-chatbot__message-code-block .pf-v6-c-code-block {
911
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--default);
912
+ background-color: inherit;
913
+ }
914
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header {
915
+ --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
916
+ --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
917
+ --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
918
+ --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
919
+ color: var(--pf-t--color--white);
920
+ }
921
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions {
922
+ width: 100%;
923
+ }
924
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-language {
925
+ text-transform: uppercase;
926
+ font-family: var(--pf-t--global--font--family--body);
927
+ }
928
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item {
929
+ display: flex;
930
+ align-items: center;
931
+ justify-content: space-between;
932
+ width: 100%;
933
+ font-size: var(--pf-t--global--font--size--sm);
934
+ font-weight: 500;
935
+ }
936
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button {
937
+ color: var(--pf-t--color--white);
938
+ }
939
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button:focus {
940
+ color: var(--pf-t--color--white);
941
+ }
942
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content {
943
+ --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
944
+ --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
945
+ --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
946
+ --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
947
+ font-size: var(--pf-t--global--font--size--sm);
948
+ }
949
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre,
950
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre:hover {
951
+ overflow: hidden;
952
+ white-space: pre-wrap;
953
+ word-break: break-all;
954
+ }
955
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre code {
956
+ display: block;
957
+ overflow: hidden;
958
+ font-size: var(--pf-t--global--font--size--sm);
959
+ }
960
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content .pf-v6-c-code-block__code > div {
961
+ padding: 0 !important;
962
+ overflow: hidden !important;
963
+ }
964
+
965
+ .pf-chatbot__message-inline-code {
966
+ background-color: var(--pf-t--chatbot--code--background);
967
+ font-size: var(--pf-t--global--font--size--body--default);
968
+ }
969
+
970
+ .pf-chatbot__message-and-actions blockquote .pf-chatbot__message-text {
971
+ display: inline-block;
972
+ }
973
+
974
+ .pf-chatbot__message-text {
975
+ width: fit-content;
976
+ padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
977
+ border-radius: var(--pf-t--chatbot-message--type--border--radius);
978
+ }
979
+ .pf-chatbot__message-text .pf-v6-c-content,
980
+ .pf-chatbot__message-text .pf-v6-c-content--small,
981
+ .pf-chatbot__message-text .pf-v6-c-content--blockquote,
982
+ .pf-chatbot__message-text p,
983
+ .pf-chatbot__message-text a {
984
+ --pf-v6-c-content--FontSize: var(--pf-t--chatbot--font-size);
985
+ }
986
+ .pf-chatbot__message-text code {
987
+ background-color: var(--pf-t--chatbot-message--type--background--color--default);
988
+ font-size: var(--pf-t--global--font--size--body--default);
989
+ }
990
+
991
+ .pf-chatbot__message--user .pf-chatbot__message-text {
992
+ background-color: var(--pf-t--chatbot-message--type--background--color--primary);
993
+ color: var(--pf-t--chatbot-message--type--text--color--primary);
994
+ padding: var(--pf-t--chatbot-message--type--padding);
995
+ }
996
+ .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
997
+ .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
998
+ .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
999
+ .pf-chatbot__message--user .pf-chatbot__message-text p,
1000
+ .pf-chatbot__message--user .pf-chatbot__message-text a {
1001
+ color: var(--pf-t--chatbot-message--type--text--color--primary);
1002
+ }
1003
+ .pf-chatbot__message--user .pf-chatbot__message-text code {
1004
+ background-color: initial;
1005
+ }
1006
+
1007
+ .pf-chatbot__message-code-block {
1008
+ width: 100%;
1009
+ background-color: var(--pf-t--color--gray--80);
1010
+ color: var(--pf-t--color--white);
1011
+ border-radius: var(--pf-t--global--border--radius--small);
1012
+ }
1013
+ .pf-chatbot__message-code-block .pf-v6-c-code-block {
1014
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--default);
1015
+ background-color: inherit;
1016
+ }
1017
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header {
1018
+ --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1019
+ --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1020
+ --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
1021
+ --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1022
+ color: var(--pf-t--color--white);
1023
+ }
1024
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions {
1025
+ width: 100%;
1026
+ }
1027
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-language {
1028
+ text-transform: uppercase;
1029
+ font-family: var(--pf-t--global--font--family--body);
1030
+ }
1031
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item {
1032
+ display: flex;
1033
+ align-items: center;
1034
+ justify-content: space-between;
1035
+ width: 100%;
1036
+ font-size: var(--pf-t--global--font--size--sm);
1037
+ font-weight: 500;
1038
+ }
1039
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button {
1040
+ color: var(--pf-t--color--white);
1041
+ }
1042
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button:focus {
1043
+ color: var(--pf-t--color--white);
1044
+ }
1045
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content {
1046
+ --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
1047
+ --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1048
+ --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
1049
+ --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1050
+ font-size: var(--pf-t--global--font--size--sm);
1051
+ }
1052
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre,
1053
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre:hover {
1054
+ overflow: hidden;
1055
+ white-space: pre-wrap;
1056
+ word-break: break-all;
1057
+ }
1058
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content pre code {
1059
+ display: block;
1060
+ overflow: hidden;
1061
+ font-size: var(--pf-t--global--font--size--sm);
1062
+ }
1063
+ .pf-chatbot__message-code-block .pf-v6-c-code-block__content .pf-v6-c-code-block__code > div {
1064
+ padding: 0 !important;
1065
+ overflow: hidden !important;
1066
+ }
1067
+
1068
+ .pf-chatbot__message-inline-code {
1069
+ background-color: var(--pf-t--chatbot--code--background);
1070
+ font-size: var(--pf-t--global--font--size--body--default);
1071
+ }
1072
+
1073
+ .pf-chatbot__message-and-actions blockquote .pf-chatbot__message-text {
1074
+ display: inline-block;
1075
+ }
1076
+
1077
+ .pf-chatbot__message-text {
1078
+ width: fit-content;
1079
+ padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
1080
+ border-radius: var(--pf-t--chatbot-message--type--border--radius);
1081
+ }
1082
+ .pf-chatbot__message-text .pf-v6-c-content,
1083
+ .pf-chatbot__message-text .pf-v6-c-content--small,
1084
+ .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1085
+ .pf-chatbot__message-text p,
1086
+ .pf-chatbot__message-text a {
1087
+ --pf-v6-c-content--FontSize: var(--pf-t--chatbot--font-size);
1088
+ }
1089
+ .pf-chatbot__message-text code {
1090
+ background-color: var(--pf-t--chatbot-message--type--background--color--default);
1091
+ font-size: var(--pf-t--global--font--size--body--default);
1092
+ }
1093
+
1094
+ .pf-chatbot__message--user .pf-chatbot__message-text {
1095
+ background-color: var(--pf-t--chatbot-message--type--background--color--primary);
1096
+ color: var(--pf-t--chatbot-message--type--text--color--primary);
1097
+ padding: var(--pf-t--chatbot-message--type--padding);
1098
+ }
1099
+ .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
1100
+ .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
1101
+ .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
1102
+ .pf-chatbot__message--user .pf-chatbot__message-text p,
1103
+ .pf-chatbot__message--user .pf-chatbot__message-text a {
1104
+ color: var(--pf-t--chatbot-message--type--text--color--primary);
1105
+ }
1106
+ .pf-chatbot__message--user .pf-chatbot__message-text code {
1107
+ background-color: initial;
1108
+ }
1109
+
1110
+ .pf-chatbot__message-ordered-list,
1111
+ .pf-chatbot__message-unordered-list {
1112
+ width: fit-content;
1113
+ padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
1114
+ border-radius: var(--pf-t--chatbot-message--type--border--radius);
1115
+ }
1116
+ .pf-chatbot__message-ordered-list .pf-v6-c-list,
1117
+ .pf-chatbot__message-ordered-list ul,
1118
+ .pf-chatbot__message-ordered-list li,
1119
+ .pf-chatbot__message-unordered-list .pf-v6-c-list,
1120
+ .pf-chatbot__message-unordered-list ul,
1121
+ .pf-chatbot__message-unordered-list li {
1122
+ font-size: var(--pf-t--chatbot--font-size);
1123
+ }
1124
+
1125
+ .pf-chatbot__message--user .pf-chatbot__message-ordered-list,
1126
+ .pf-chatbot__message--user .pf-chatbot__message-unordered-list {
1127
+ background-color: var(--pf-t--chatbot-message--type--background--color--primary);
1128
+ color: var(--pf-t--chatbot-message--type--text--color--primary);
1129
+ padding: var(--pf-t--chatbot-message--type--padding);
1130
+ }
1131
+
1132
+ .pf-chatbot__message-loading {
1133
+ width: 36px;
1134
+ padding: var(--pf-t--chatbot-message--type--padding);
1135
+ background-color: var(--pf-t--global--background--color--tertiary--default);
1136
+ border-radius: var(--pf-t--chatbot-message--type--border--radius);
1137
+ }
1138
+ .pf-chatbot__message-loading-dots {
1139
+ position: relative;
1140
+ display: flex;
1141
+ width: 4px;
1142
+ height: 4px;
1143
+ margin-left: var(--pf-t--global--spacer--sm);
1144
+ border-radius: var(--pf-t--global--border--radius--pill);
1145
+ animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite linear alternate;
1146
+ animation-delay: calc(var(--pf-t--global--motion--duration--2xl) * 0.3333333333);
1147
+ }
1148
+ .pf-chatbot__message-loading-dots::before, .pf-chatbot__message-loading-dots::after {
1149
+ content: "";
1150
+ display: flex;
1151
+ position: absolute;
1152
+ inset-block-start: 0;
1153
+ }
1154
+ .pf-chatbot__message-loading-dots::before {
1155
+ inset-inline-start: calc(var(--pf-t--global--spacer--sm) * -1);
1156
+ width: 4px;
1157
+ height: 4px;
1158
+ border-radius: var(--pf-t--global--border--radius--pill);
1159
+ animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite alternate;
1160
+ animation-delay: var(--pf-t--global--motion--delay--none);
1161
+ }
1162
+ .pf-chatbot__message-loading-dots::after {
1163
+ inset-inline-start: var(--pf-t--global--spacer--sm);
1164
+ width: 4px;
1165
+ height: 4px;
1166
+ border-radius: var(--pf-t--global--border--radius--pill);
1167
+ animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite alternate;
1168
+ animation-delay: calc(var(--pf-t--global--motion--duration--2xl) * 0.6666666667);
1169
+ }
1170
+ @keyframes dot-flashing {
1171
+ 0% {
1172
+ background-color: var(--pf-t--global--background--color--inverse--default);
1173
+ }
1174
+ 50%, 100% {
1175
+ background-color: rgba(41, 41, 41, 0.25);
1176
+ }
1177
+ }
1178
+
1179
+ .pf-v6-c-button.pf-chatbot__button--attach {
1180
+ border-radius: var(--pf-t--global--border--radius--pill);
1181
+ padding: var(--pf-t--global--spacer--md);
1182
+ width: 3rem;
1183
+ height: 3rem;
1184
+ }
1185
+ .pf-v6-c-button.pf-chatbot__button--attach .pf-v6-c-button__icon {
1186
+ color: var(--pf-t--chatbot--icon--fill);
1187
+ }
1188
+ .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 {
1189
+ color: var(--pf-t--chatbot--icon--fill--hover);
1190
+ }
1191
+
1192
+ .pf-v6-c-button.pf-chatbot__button--microphone {
1193
+ border-radius: var(--pf-t--global--border--radius--pill);
1194
+ padding: var(--pf-t--global--spacer--md);
1195
+ width: 3rem;
1196
+ height: 3rem;
1197
+ }
1198
+ .pf-v6-c-button.pf-chatbot__button--microphone .pf-v6-c-button__icon {
1199
+ color: var(--pf-t--chatbot--icon--fill);
1200
+ }
1201
+ .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 {
1202
+ color: var(--pf-t--chatbot--icon--fill--hover);
1203
+ }
1204
+ .pf-v6-c-button.pf-chatbot__button--microphone--active {
1205
+ background-color: var(--pf-t--color--blue--50);
1206
+ animation: motionMicButton var(--pf-t--chatbot--timing-function) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
1207
+ }
1208
+ .pf-v6-c-button.pf-chatbot__button--microphone--active .pf-v6-c-button__icon {
1209
+ color: var(--pf-t--color--white);
1210
+ }
1211
+ .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 {
1212
+ color: var(--pf-t--color--white);
1213
+ }
1214
+
1215
+ @keyframes motionMicButton {
1216
+ 0% {
1217
+ box-shadow: 0 0 0 0 rgb(0, 102, 204);
1218
+ }
1219
+ 100% {
1220
+ box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
1221
+ }
1222
+ }
1223
+ .pf-v6-c-button.pf-chatbot__button--send {
1224
+ border-radius: var(--pf-t--global--border--radius--pill);
1225
+ padding: var(--pf-t--global--spacer--md);
1226
+ width: 3rem;
1227
+ height: 3rem;
1228
+ }
1229
+ .pf-v6-c-button.pf-chatbot__button--send:hover, .pf-v6-c-button.pf-chatbot__button--send:focus {
1230
+ background-color: var(--pf-t--chatbot--blue-icon--background--color--hover);
1231
+ }
1232
+ .pf-v6-c-button.pf-chatbot__button--send:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--send:focus .pf-v6-c-button__icon {
1233
+ color: var(--pf-t--chatbot--blue-icon--fill--hover);
1234
+ }
1235
+
1236
+ @keyframes motionSendButton {
1237
+ 0% {
1238
+ opacity: 0;
1239
+ transform: translate3d(-8px, 0, 0);
1240
+ }
1241
+ 100% {
1242
+ opacity: 1;
1243
+ transform: translate3d(0, 0, 0);
1244
+ }
1245
+ }
1246
+ .pf-v6-c-button.pf-chatbot__button--stop {
1247
+ background-color: var(--pf-t--global--color--brand--default);
1248
+ border-radius: var(--pf-t--global--border--radius--pill);
1249
+ padding: var(--pf-t--global--spacer--md);
1250
+ width: 3rem;
1251
+ height: 3rem;
1252
+ display: flex;
1253
+ justify-content: center;
1254
+ align-items: center;
1255
+ }
1256
+ .pf-v6-c-button.pf-chatbot__button--stop .pf-v6-c-button__icon {
1257
+ color: var(--pf-t--global--icon--color--inverse);
1258
+ }
1259
+ .pf-v6-c-button.pf-chatbot__button--stop:hover, .pf-v6-c-button.pf-chatbot__button--stop:focus {
1260
+ background-color: var(--pf-t--global--color--brand--hover);
1261
+ }
1262
+
1263
+ .pf-chatbot__message-bar {
1264
+ --pf-chatbot__message-bar-child--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1265
+ --pf-chatbot__message-bar-child--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
1266
+ padding-inline-start: 0.5rem;
1267
+ padding-inline-end: 0.5rem;
1268
+ display: flex;
1269
+ flex-wrap: wrap;
1270
+ align-items: center;
1271
+ justify-content: flex-end;
1272
+ background-color: var(--pf-t--global--background--color--primary--default);
1273
+ border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
1274
+ transition: box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm);
1275
+ overflow: hidden;
1276
+ }
1277
+ .pf-chatbot__message-bar:hover {
1278
+ box-shadow: inset 0 0 0 1px var(--pf-t--global--border--color--default);
1279
+ }
1280
+ .pf-chatbot__message-bar:focus-within {
1281
+ box-shadow: inset 0 0 0 2px var(--pf-t--global--color--brand--default);
1282
+ }
1283
+ .pf-chatbot__message-bar-actions {
1284
+ display: flex;
1285
+ justify-content: end;
1286
+ padding-block-start: var(--pf-t--global--spacer--xs);
1287
+ padding-block-end: var(--pf-t--global--spacer--xs);
1288
+ gap: var(--pf-t--global--spacer--xs);
1289
+ }
1290
+ .pf-chatbot__message-bar-input {
1291
+ flex: 1 1 auto;
1292
+ padding-block-start: var(--pf-chatbot__message-bar-child--PaddingBlockStart);
1293
+ padding-block-end: var(--pf-chatbot__message-bar-child--PaddingBlockEnd);
1294
+ overflow: hidden;
1295
+ position: relative;
1296
+ }
1297
+ .pf-chatbot__message-bar-placeholder {
1298
+ position: absolute;
1299
+ top: 20px;
1300
+ left: 16px;
1301
+ color: var(--pf-t--global--text--color--placeholder);
1302
+ pointer-events: none;
1303
+ }
1304
+
1305
+ .pf-chatbot__message-textarea {
1306
+ padding-block-start: var(--pf-t--global--spacer--md);
1307
+ padding-block-end: var(--pf-t--global--spacer--md);
1308
+ padding-inline-start: var(--pf-t--global--spacer--md);
1309
+ padding-inline-end: var(--pf-t--global--spacer--md);
1310
+ font-size: var(--pf-t--global--font--size--md);
1311
+ line-height: 1.5rem;
1312
+ max-height: 12rem;
1313
+ overflow-y: auto;
1314
+ outline: none;
1315
+ overflow-wrap: break-word;
1316
+ word-wrap: break-word;
1317
+ height: 100%;
1318
+ width: 100%;
1319
+ display: block !important;
1320
+ position: relative;
1321
+ }
1322
+
1323
+ .pf-chatbot__jump {
1324
+ position: absolute !important;
1325
+ inset-inline-start: 75% !important;
1326
+ width: 2rem !important;
1327
+ height: 2rem !important;
1328
+ display: flex;
1329
+ align-items: center;
1330
+ justify-content: center;
1331
+ padding: var(--pf-t--global--spacer--md) !important;
1332
+ border-radius: var(--pf-t--global--border--radius--pill) !important;
1333
+ --pf-v6-c-button--MinWidth: 2rem;
1334
+ background-color: var(--pf-t--global--background--color--primary--default) !important;
1335
+ border: 1px solid var(--pf-t--chatbot--border) !important;
1336
+ box-shadow: var(--pf-t--global--box-shadow--sm);
1337
+ color: var(--pf-t--chatbot--icon--fill) !important;
1338
+ transform: translate3d(-50%, 0, 0) !important;
1339
+ 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;
1340
+ z-index: var(--pf-t--global--z-index--md) !important;
1341
+ }
1342
+ .pf-chatbot__jump .pf-v6-c-button__text {
1343
+ line-height: 1rem;
1344
+ }
1345
+ .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
1346
+ background-color: var(--pf-t--global--background--color--primary--hover) !important;
1347
+ box-shadow: var(--pf-t--global--box-shadow--md) !important;
1348
+ color: var(--pf-t--chatbot--icon--fill--hover) !important;
1349
+ }
1350
+ .pf-chatbot__jump--top {
1351
+ inset-block-start: var(--pf-t--global--spacer--md) !important;
1352
+ }
1353
+ .pf-chatbot__jump--bottom {
1354
+ inset-block-end: var(--pf-t--global--spacer--md) !important;
1355
+ }
1356
+
1357
+ .pf-chatbot__messagebox {
1358
+ height: 100%;
1359
+ overflow-y: auto;
1360
+ display: flex;
1361
+ flex-direction: column;
1362
+ row-gap: var(--pf-t--global--spacer--sm);
1363
+ padding: var(--pf-t--global--spacer--lg);
1364
+ }
1365
+
1366
+ .pf-chatbot__messagebox--bottom {
1367
+ justify-content: flex-end;
1368
+ }
1369
+
1370
+ .pf-chatbot__messagebox-announcement {
1371
+ clip: rect(0 0 0 0);
1372
+ clip-path: inset(50%);
1373
+ height: 1px;
1374
+ overflow: hidden;
1375
+ position: absolute;
1376
+ white-space: nowrap;
1377
+ width: 1px;
1378
+ }
1379
+
1380
+ @media screen and (min-width: 64rem) {
1381
+ .pf-chatbot--embedded .pf-chatbot__messagebox,
1382
+ .pf-chatbot--fullscreen .pf-chatbot__messagebox {
1383
+ max-width: 60rem;
1384
+ width: 100%;
1385
+ }
1386
+ }
1387
+ .pf-chatbot__jump {
1388
+ position: absolute !important;
1389
+ inset-inline-start: 75% !important;
1390
+ width: 2rem !important;
1391
+ height: 2rem !important;
1392
+ display: flex;
1393
+ align-items: center;
1394
+ justify-content: center;
1395
+ padding: var(--pf-t--global--spacer--md) !important;
1396
+ border-radius: var(--pf-t--global--border--radius--pill) !important;
1397
+ --pf-v6-c-button--MinWidth: 2rem;
1398
+ background-color: var(--pf-t--global--background--color--primary--default) !important;
1399
+ border: 1px solid var(--pf-t--chatbot--border) !important;
1400
+ box-shadow: var(--pf-t--global--box-shadow--sm);
1401
+ color: var(--pf-t--chatbot--icon--fill) !important;
1402
+ transform: translate3d(-50%, 0, 0) !important;
1403
+ 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;
1404
+ z-index: var(--pf-t--global--z-index--md) !important;
1405
+ }
1406
+ .pf-chatbot__jump .pf-v6-c-button__text {
1407
+ line-height: 1rem;
1408
+ }
1409
+ .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
1410
+ background-color: var(--pf-t--global--background--color--primary--hover) !important;
1411
+ box-shadow: var(--pf-t--global--box-shadow--md) !important;
1412
+ color: var(--pf-t--chatbot--icon--fill--hover) !important;
1413
+ }
1414
+ .pf-chatbot__jump--top {
1415
+ inset-block-start: var(--pf-t--global--spacer--md) !important;
1416
+ }
1417
+ .pf-chatbot__jump--bottom {
1418
+ inset-block-end: var(--pf-t--global--spacer--md) !important;
1419
+ }
1420
+
1421
+ .pf-chatbot__response-actions {
1422
+ display: grid;
1423
+ gap: var(--pf-t--global--spacer--xs);
1424
+ grid-template-columns: repeat(auto-fit, minmax(0, max-content));
1425
+ }
1426
+ .pf-chatbot__response-actions .pf-v6-c-button {
1427
+ border-radius: var(--pf-t--global--border--radius--pill);
1428
+ width: 2.3125rem;
1429
+ height: 2.3125rem;
1430
+ display: flex;
1431
+ align-items: center;
1432
+ justify-content: center;
1433
+ }
1434
+ .pf-chatbot__response-actions .pf-v6-c-button .pf-v6-c-button__icon {
1435
+ color: var(--pf-t--global--icon--color--subtle);
1436
+ }
1437
+ .pf-chatbot__response-actions .pf-v6-c-button:hover .pf-v6-c-button__icon, .pf-chatbot__response-actions .pf-v6-c-button:focus .pf-v6-c-button__icon {
1438
+ color: var(--pf-t--global--icon--color--subtle);
1439
+ }
1440
+
1441
+ .pf-chatbot__source {
1442
+ display: flex;
1443
+ flex-direction: column;
1444
+ gap: var(--pf-t--global--spacer--sm);
1445
+ padding-block-start: var(--pf-t--global--spacer--sm);
1446
+ max-width: 22.5rem;
1447
+ }
1448
+
1449
+ .pf-chatbot__sources-card {
1450
+ box-shadow: var(--pf-t--global--box-shadow--sm);
1451
+ }
1452
+
1453
+ .pf-chatbot__sources-card-body {
1454
+ display: block;
1455
+ display: -webkit-box;
1456
+ height: 2.8125rem;
1457
+ -webkit-line-clamp: 2;
1458
+ line-clamp: 2;
1459
+ -webkit-box-orient: vertical;
1460
+ overflow: hidden;
1461
+ text-overflow: ellipsis;
1462
+ margin-bottom: var(--pf-t--global--spacer--md);
1463
+ }
1464
+
1465
+ .pf-chatbot__sources-card-no-footer {
1466
+ margin-bottom: var(--pf-t--global--spacer--lg);
1467
+ }
1468
+
1469
+ .pf-chatbot__sources-card-footer-container {
1470
+ border-top: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--default);
1471
+ 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);
1472
+ }
1473
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer {
1474
+ display: flex;
1475
+ justify-content: space-between;
1476
+ align-items: center;
1477
+ }
1478
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons {
1479
+ display: flex;
1480
+ gap: var(--pf-t--global--spacer--xs);
1481
+ align-items: center;
1482
+ }
1483
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button {
1484
+ border-radius: var(--pf-t--global--border--radius--pill);
1485
+ padding: var(--pf-t--global--spacer--sm);
1486
+ width: 2.31rem;
1487
+ height: 2.31rem;
1488
+ display: flex;
1489
+ align-items: center;
1490
+ justify-content: center;
1491
+ }
1492
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons button:disabled .pf-v6-c-icon__content,
1493
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons button[disabled] .pf-v6-c-icon__content {
1494
+ color: var(--pf-t--global--icon--color--disabled);
1495
+ }
1496
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__text {
1497
+ display: flex;
1498
+ align-items: center;
1499
+ }
1500
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:hover .pf-v6-c-button__icon,
1501
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:focus .pf-v6-c-button__icon {
1502
+ color: var(--pf-t--chatbot--icon--fill--hover);
1503
+ }
1504
+ .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__icon {
1505
+ color: var(--pf-t--chatbot--icon--fill);
1506
+ }
1507
+
1508
+ .pf-chatbot__source-details-subhead {
1509
+ color: var(--pf-t--global--text--color--subtle);
1510
+ font-size: var(--pf-t--global--icon--size--font--xs);
1511
+ font-weight: 500;
1512
+ }
1513
+
1514
+ .pf-chatbot__source-details-heading {
1515
+ font-size: var(--pf-t--global--font--size--body--default);
1516
+ word-wrap: break-word;
1517
+ }
1518
+
1519
+ .pf-chatbot__source-details-icon {
1520
+ width: 100%;
1521
+ }
1522
+
1523
+ .pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg {
1524
+ width: 24px;
1525
+ color: var(--pf-t--global--icon--color--status--custom--default);
1526
+ }
1527
+
1528
+ .pf-chatbot-source-details-dropdown-item:hover .pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg {
1529
+ color: var(--pf-t--global--icon--color--status--custom--hover);
1530
+ }
1531
+
1532
+ .pf-chatbot__source-details {
1533
+ flex-direction: row;
1534
+ }
1535
+
1536
+ .pf-chatbot__source-details-text {
1537
+ max-width: 20rem;
1538
+ }
1539
+
1540
+ :where(:root) {
1541
+ --pf-t--chatbot--heading--font-family: var(
1542
+ --pf-v6-c-content--heading--FontFamily,
1543
+ redhatdisplayvf,
1544
+ redhatdisplay,
1545
+ helvetica,
1546
+ arial,
1547
+ sans-serif
1548
+ );
1549
+ --pf-t--chatbot--illustration--fill: var(--pf-t--color--red--50);
1550
+ --pf-t--chatbot--code--background: var(--pf-t--color--gray--20);
1551
+ --pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70);
1552
+ --pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1);
1553
+ --pf-t--chatbot--blue-icon--background--color--hover: rgba(
1554
+ 185,
1555
+ 218,
1556
+ 252,
1557
+ 0.25
1558
+ );
1559
+ --pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--color--brand--hover);
1560
+ --pf-t--chatbot-toggle--color: var(--pf-t--global--icon--color--inverse);
1561
+ --pf-t--chatbot--font-size: var(--pf-t--global--font--size--md);
1562
+ --pf-t--chatbot--background: var(--pf-t--global--background--color--secondary--default);
1563
+ --pf-t--chatbot--border: var(--pf-t--global--border--color--default);
1564
+ --pf-t--chatbot--icon--fill: var(--pf-t--global--icon--color--subtle);
1565
+ --pf-t--chatbot--icon--fill--hover: var(--pf-t--global--icon--color--regular);
1566
+ --pf-t--chatbot--icon--fill--active: var(--pf-t--global--text--color--regular);
1567
+ --pf-t--chatbot--blue-icon--fill: var(--pf-t--global--color--brand--default);
1568
+ }
1569
+
1570
+ :where(.pf-v6-theme-dark) {
1571
+ --pf-t--chatbot--illustration--fill: var(--pf-t--color--white);
1572
+ --pf-t--chatbot--code--background: var(--pf-t--color--gray--60);
1573
+ --pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--20);
1574
+ --pf-t--chatbot--blue-icon--background--color--hover: var(--pf-t--global--color--brand--hover);
1575
+ --pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--icon--color--inverse);
1576
+ }
1577
+
1578
+ .ws-full-page-utils {
1579
+ left: 0 !important;
1580
+ right: auto !important;
1581
+ }
1582
+
1583
+ /*# sourceMappingURL=main.css.map */