@patternfly/chatbot 2.2.0-prerelease.9 → 2.2.1

package/dist/css/main.css

@@ -47,7 +47,7 @@
   width: 21px;
 }
 .pf-chatbot__menu .pf-v6-c-menu__item-description {
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 .pf-chatbot__menu .pf-v6-c-divider {
   padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md);
@@ -64,7 +64,7 @@
   background-color: var(--pf-t--chatbot--background);
   border-radius: var(--pf-t--global--border--radius--medium);
   box-shadow: var(--pf-t--global--box-shadow--lg);
-  font-size: var(--pf-t--chatbot--font-size);
+  font-size: var(--pf-t--global--font--size--md);
   z-index: var(--pf-t--global--z-index--md);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -144,6 +144,21 @@
   border-radius: unset;
 }
 
+.pf-chatbot--drawer {
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 0;
+  box-shadow: none;
+  border-left: var(--pf-t--global--border--width--divider--default) solid;
+  border-color: var(--pf-t--global--border--color--default);
+}
+.pf-chatbot--drawer .pf-chatbot-container {
+  border-radius: var(--pf-t--global--border--radius--sharp);
+}
+
 .pf-chatbot__alert {
   position: sticky;
   top: var(--pf-t--global--spacer--lg);
@@ -164,6 +179,7 @@
 }
 
 @media screen and (min-width: 64rem) {
+  .pf-chatbot--drawer .pf-chatbot__content,
   .pf-chatbot--fullscreen .pf-chatbot__content,
   .pf-chatbot--embedded .pf-chatbot__content {
     display: flex;
@@ -189,7 +205,7 @@
 }
 .pf-chatbot__history .pf-chatbot__menu-item-header > .pf-v6-c-menu__group-title {
   color: var(--pf-t--global--text--color--subtle);
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
   font-size: var(--pf-t--global--icon--size--font--sm);
   --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -276,14 +292,19 @@
   flex-direction: column;
   height: 70vh;
 }
+.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__panel.pf-m-resizable .pf-v6-c-drawer__panel-main {
+  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
+}
 
 .pf-chatbot--docked .pf-chatbot__history.pf-v6-c-drawer {
   height: 100vh;
 }
 
+.pf-chatbot--drawer .pf-chatbot__history.pf-v6-c-drawer,
 .pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer {
   height: 100vh;
 }
+.pf-chatbot--drawer .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body,
 .pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
   width: 100%;
 }
@@ -300,11 +321,26 @@
 }
 
 .pf-chatbot--docked .pf-chatbot__history .pf-chatbot__drawer-backdrop,
+.pf-chatbot--drawer .pf-chatbot__history .pf-chatbot__drawer-backdrop,
 .pf-chatbot--embedded .pf-chatbot__history .pf-chatbot__drawer-backdrop,
 .pf-chatbot--fullscreen .pf-chatbot__history .pf-chatbot__drawer-backdrop {
   border-radius: unset;
 }
 
+.pf-chatbot__history-loading {
+  display: flex;
+  padding: var(--pf-t--global--spacer--lg);
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--lg);
+}
+
+.pf-chatbot__history-loading-block {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--sm);
+  align-self: stretch;
+}
+
 .pf-chatbot__footnote {
   align-self: center;
 }
@@ -346,13 +382,14 @@
     padding: var(--pf-t--global--spacer--sm) 0;
   }
 }
-.pf-chatbot--docked .pf-chatbot__footer .pf-v6-c-divider {
-  display: none;
-}
 .pf-chatbot--docked .pf-chatbot__footer-container {
   padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
 }
 
+.pf-chatbot--drawer .pf-chatbot__footer-container {
+  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
+}
+
 .pf-chatbot__header-container {
   display: grid;
 }
@@ -397,6 +434,7 @@
 }
 .pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary {
   width: 160px;
+  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
 }
 
 @media screen and (min-width: 64rem) {
@@ -409,12 +447,10 @@
     display: none;
   }
 }
+.pf-chatbot--drawer .pf-chatbot__header,
 .pf-chatbot--docked .pf-chatbot__header {
   background-color: var(--pf-t--chatbot--background);
 }
-.pf-chatbot--docked .pf-chatbot__header__divider {
-  display: none;
-}
 
 .pf-chatbot__button--toggle-options,
 .pf-chatbot__button--toggle-menu {
@@ -430,7 +466,7 @@
 .pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
 .pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon,
 .pf-chatbot__button--toggle-menu .pf-v6-c-icon__content {
-  color: var(--pf-t--chatbot--icon--fill);
+  color: var(--pf-t--global--icon--color--subtle);
 }
 .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
 .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
@@ -451,7 +487,7 @@
 .pf-chatbot__button--toggle-menu:focus .pf-v6-c-button__icon,
 .pf-chatbot__button--toggle-menu:focus .pf-v6-c-menu-toggle__icon,
 .pf-chatbot__button--toggle-menu:focus .pf-v6-c-icon__content {
-  color: var(--pf-t--chatbot--icon--fill--hover);
+  color: var(--pf-t--global--icon--color--regular);
 }
 
 .pf-chatbot__button--toggle-options svg {
@@ -472,24 +508,24 @@
 }
 
 .pf-chatbot__chatbot-modal-backdrop {
-  position: static;
+  position: static !important;
 }
 
 .pf-chatbot__chatbot-modal {
-  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium);
-  position: fixed;
+  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium) !important;
+  position: fixed !important;
   inset-block-end: var(--pf-t--global--spacer--800);
   inset-inline-end: var(--pf-t--global--spacer--lg);
-  width: 30rem;
+  width: 30rem !important;
   height: 70vh;
-  background-color: var(--pf-t--global--background--color--secondary--default);
+  background-color: var(--pf-t--global--background--color--secondary--default) !important;
 }
 .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
   --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
 }
 .pf-chatbot__chatbot-modal .pf-v6-c-button.pf-m-primary.pf-m-block,
 .pf-chatbot__chatbot-modal .pf-v6-c-button.pf-m-link.pf-m-block {
-  --pf-v6-c-button--FontWeight: 500;
+  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--bold);
 }
 .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__footer {
   padding-block-start: var(--pf-t--global--spacer--xl);
@@ -516,24 +552,24 @@
   .pf-chatbot__chatbot-modal--fullscreen {
     inset-block-end: 0;
     inset-inline-end: 0;
-    width: 50%;
-    height: fit-content;
+    width: 50% !important;
+    height: fit-content !important;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }
 }
 .pf-chatbot__chatbot-modal--default {
-  box-shadow: unset;
+  box-shadow: unset !important;
 }
 
 .pf-chatbot__chatbot-modal--docked {
   height: 100vh;
   inset-block-end: 0;
   inset-inline-end: 0;
-  border-radius: 0;
-  --pf-v6-c-modal-box--MaxHeight: 100vh;
-  box-shadow: unset;
+  border-radius: 0 !important;
+  --pf-v6-c-modal-box--MaxHeight: 100vh !important;
+  box-shadow: unset !important;
 }
 
 .pf-v6-theme-dark .pf-v6-c-modal-box.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
@@ -613,6 +649,8 @@
 }
 .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions > * {
   flex: 1;
+  overflow: visible;
+  height: 100%;
 }
 
 @media screen and (min-width: 64rem) {
@@ -627,9 +665,10 @@
   --pf-v6-c-code-editor__main--BorderEndStartRadius: 0;
   --pf-v6-c-code-editor__main--BorderEndEndRadius: 0;
   --pf-v6-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-code-editor--m-read-only__main--BackgroundColor: #1f1f1f;
 }
 .pf-chatbot__code-modal .pf-v6-c-code-editor__header {
-  background: #1f1f1f;
+  background: #1f1f1f !important;
   /** this is for the attachment editor header */
   border-start-start-radius: var(--pf-t--global--border--radius--small);
   border-start-end-radius: var(--pf-t--global--border--radius--small);
@@ -647,7 +686,9 @@
 .pf-chatbot__code-modal .pf-v6-c-code-editor__header-content {
   --pf-v6-c-code-editor__header-content--BackgroundColor: #1f1f1f;
   --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: #1f1f1f;
-  --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(
+    --pf-t--global--border--radius--small
+  ) !important;
   --pf-v6-c-code-editor__header-content--PaddingInlineEnd: 0;
   justify-content: flex-end;
 }
@@ -661,7 +702,7 @@
   border: none;
   --pf-v6-c-code-editor__tab--BorderStartEndRadius: 0;
   border-start-start-radius: var(--pf-t--global--border--radius--small);
-  --pf-t--global--font--weight--body--default: 500;
+  --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--body--bold);
 }
 .pf-chatbot__code-modal .pf-v6-c-code-editor__tab-icon {
   display: none;
@@ -695,14 +736,89 @@
 }
 
 .pf-chatbot__code-modal--fullscreen {
-  height: inherit;
+  height: inherit !important;
+}
+
+.pf-chatbot__compare-container {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+}
+
+.pf-chatbot__compare-toggle {
+  width: 100%;
+}
+.pf-chatbot__compare-toggle .pf-v6-c-toggle-group__button {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.pf-chatbot__compare {
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare {
+    overflow-y: auto;
+  }
+}
+.pf-chatbot__compare .pf-chatbot__compare-item:first-of-type {
+  border-right: 1px solid var(--pf-t--global--border--color--default);
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare .pf-chatbot__compare-item:first-of-type {
+    border-right: 0px;
+  }
+}
+
+.pf-chatbot__compare-item {
+  flex: 1;
+}
+.pf-chatbot__compare-item .pf-chatbot--embedded .pf-chatbot__messagebox {
+  width: 100%;
+}
+.pf-chatbot__compare-item .pf-chatbot__content {
+  padding: 0;
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare-item .pf-chatbot.pf-chatbot--embedded {
+    height: 100%;
+  }
+}
+
+.pf-chatbot__compare-item-hidden {
+  display: block;
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare-item-hidden {
+    display: none;
+  }
+}
+
+.pf-chatbot__compare-mobile-controls {
+  padding: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
+  display: none;
+  background-color: var(--pf-t--global--background--color--secondary--default);
+  position: sticky;
+  top: 0;
+  z-index: 9999;
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare-mobile-controls {
+    display: flex;
+    flex-direction: column;
+    gap: var(--pf-t--global--spacer--md);
+  }
 }
 
 .pf-chatbot__code-language {
   color: var(--pf-t--global--text--color--subtle);
   display: flex;
   font-size: var(--pf-t--global--icon--size--font--xs);
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 
 .pf-chatbot__code-icon {
@@ -731,10 +847,10 @@
 }
 
 .pf-chatbot__file-label {
-  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);
+  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) !important;
   gap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-label--MaxWidth: 12rem;
+  --pf-v6-c-label--MaxWidth: 12rem !important;
 }
 .pf-chatbot__file-label .pf-v6-c-truncate {
   max-width: 9ch;
@@ -833,13 +949,6 @@
 }
 
 .pf-chatbot__message {
-  --pf-t--chatbot-message--type--background--color--default: var(--pf-t--global--background--color--tertiary--default);
-  --pf-t--chatbot-message--type--background--color--primary: var(--pf-t--global--color--brand--default);
-  --pf-t--chatbot-message--type--padding: var(--pf-t--global--spacer--sm);
-  --pf-t--chatbot-message--type--text--color--default: var(--pf-t--global--text--color--regular);
-  --pf-t--chatbot-message--type--text--color--primary: var(--pf-t--global--text--color--inverse);
-  --pf-t--chatbot-message--type--border--radius: var(--pf-t--global--border--radius--small);
-  --pf-t--chatbot-message--meta--label--color: var(--pf-t--global--border--color--on-secondary);
   display: flex;
   align-items: flex-start;
   gap: var(--pf-t--global--spacer--lg);
@@ -878,12 +987,12 @@
   font-size: var(--pf-t--global--font--size--sm);
 }
 .pf-chatbot__message-meta .pf-v6-c-label {
-  --pf-v6-c-label--m-outline--BorderColor: var(--pf-t--chatbot-message--meta--label--color);
+  --pf-v6-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--on-secondary);
   --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--xs);
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 .pf-chatbot__message-meta .pf-v6-c-label .pf-v6-c-label__content {
-  --pf-v6-c-label--Color: var(--pf-t--chatbot-message--meta--label--color);
+  --pf-v6-c-label--Color: var(--pf-t--global--border--color--on-secondary);
 }
 .pf-chatbot__message-meta .pf-v6-c-timestamp {
   flex: 1 0 max-content;
@@ -896,25 +1005,12 @@
   flex-direction: column;
   align-items: flex-start;
   gap: var(--pf-t--global--font--size--sm);
-  color: var(--pf-t--chatbot-message--type--text--color--default);
+  color: var(--pf-t--global--text--color--regular);
 }
 .pf-chatbot__message-and-actions {
   display: grid;
   gap: var(--pf-t--global--spacer--sm);
 }
-.pf-chatbot__message-quick-response .pf-v6-c-label {
-  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
-}
-@media screen and (min-width: 401px) and (max-width: 600px) {
-  .pf-chatbot__message-quick-response .pf-v6-c-label {
-    --pf-v6-c-label__text--MaxWidth: 20ch;
-  }
-}
-@media screen and (max-width: 400px) {
-  .pf-chatbot__message-quick-response .pf-v6-c-label {
-    --pf-v6-c-label__text--MaxWidth: 15ch;
-  }
-}
 
 .pf-chatbot__message-attachments-container {
   display: flex;
@@ -924,9 +1020,9 @@
 
 .pf-chatbot__message-loading {
   width: 36px;
-  padding: var(--pf-t--chatbot-message--type--padding);
+  padding: var(--pf-t--global--spacer--sm);
   background-color: var(--pf-t--global--background--color--tertiary--default);
-  border-radius: var(--pf-t--chatbot-message--type--border--radius);
+  border-radius: var(--pf-t--global--border--radius--small);
 }
 .pf-chatbot__message-loading-dots {
   position: relative;
@@ -999,7 +1095,7 @@
   justify-content: space-between;
   width: 100%;
   font-size: var(--pf-t--global--font--size--sm);
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button {
   color: var(--pf-t--color--white);
@@ -1031,7 +1127,7 @@
 }
 
 .pf-chatbot__message-inline-code {
-  background-color: var(--pf-t--chatbot--code--background);
+  background-color: var(--pf-t--global--background--color--tertiary--default);
   font-size: var(--pf-t--global--font--size--body--default);
 }
 
@@ -1039,37 +1135,45 @@
   display: inline-block;
 }
 
+.pf-chatbot__message-and-actions:has(.pf-chatbot__message-table) {
+  width: 100%;
+}
+
 .pf-chatbot__message-text {
   width: fit-content;
-  padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
-  border-radius: var(--pf-t--chatbot-message--type--border--radius);
+  padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
+  font-size: var(--pf-t--global--font--size--md);
 }
 .pf-chatbot__message-text .pf-v6-c-content,
 .pf-chatbot__message-text .pf-v6-c-content--small,
 .pf-chatbot__message-text .pf-v6-c-content--blockquote,
 .pf-chatbot__message-text p,
 .pf-chatbot__message-text a {
-  --pf-v6-c-content--FontSize: var(--pf-t--chatbot--font-size);
+  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--md);
 }
 .pf-chatbot__message-text code {
-  background-color: var(--pf-t--chatbot-message--type--background--color--default);
+  background-color: var(--pf-t--global--background--color--tertiary--default);
   font-size: var(--pf-t--global--font--size--body--default);
 }
 
 .pf-chatbot__message--user .pf-chatbot__message-text {
-  background-color: var(--pf-t--chatbot-message--type--background--color--primary);
-  color: var(--pf-t--chatbot-message--type--text--color--primary);
-  padding: var(--pf-t--chatbot-message--type--padding);
+  background-color: var(--pf-t--global--color--brand--default);
+  color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v6-c-content--Color: var(--pf-t--global--text--color--on-brand--default);
+  padding: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-button__icon {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--text--color--on-brand--default);
 }
 .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
 .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
 .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
 .pf-chatbot__message--user .pf-chatbot__message-text p,
 .pf-chatbot__message--user .pf-chatbot__message-text a {
-  color: var(--pf-t--chatbot-message--type--text--color--primary);
-}
-.pf-chatbot__message--user .pf-chatbot__message-text code {
-  background-color: initial;
+  color: var(--pf-t--global--text--color--on-brand--default);
 }
 
 .pf-chatbot__message-code-block {
@@ -1102,7 +1206,7 @@
   justify-content: space-between;
   width: 100%;
   font-size: var(--pf-t--global--font--size--sm);
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button {
   color: var(--pf-t--color--white);
@@ -1134,52 +1238,68 @@
 }
 
 .pf-chatbot__message-inline-code {
-  background-color: var(--pf-t--chatbot--code--background);
+  background-color: var(--pf-t--global--background--color--tertiary--default);
   font-size: var(--pf-t--global--font--size--body--default);
 }
 
+.pf-chatbot__message-image {
+  border-radius: var(--pf-t--global--border--radius--small);
+  max-width: 37.5rem;
+  max-height: 25rem;
+  min-height: 6.25rem;
+  display: block;
+}
+
 .pf-chatbot__message-and-actions blockquote .pf-chatbot__message-text {
   display: inline-block;
 }
 
+.pf-chatbot__message-and-actions:has(.pf-chatbot__message-table) {
+  width: 100%;
+}
+
 .pf-chatbot__message-text {
   width: fit-content;
-  padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
-  border-radius: var(--pf-t--chatbot-message--type--border--radius);
+  padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
+  font-size: var(--pf-t--global--font--size--md);
 }
 .pf-chatbot__message-text .pf-v6-c-content,
 .pf-chatbot__message-text .pf-v6-c-content--small,
 .pf-chatbot__message-text .pf-v6-c-content--blockquote,
 .pf-chatbot__message-text p,
 .pf-chatbot__message-text a {
-  --pf-v6-c-content--FontSize: var(--pf-t--chatbot--font-size);
+  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--md);
 }
 .pf-chatbot__message-text code {
-  background-color: var(--pf-t--chatbot-message--type--background--color--default);
+  background-color: var(--pf-t--global--background--color--tertiary--default);
   font-size: var(--pf-t--global--font--size--body--default);
 }
 
 .pf-chatbot__message--user .pf-chatbot__message-text {
-  background-color: var(--pf-t--chatbot-message--type--background--color--primary);
-  color: var(--pf-t--chatbot-message--type--text--color--primary);
-  padding: var(--pf-t--chatbot-message--type--padding);
+  background-color: var(--pf-t--global--color--brand--default);
+  color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v6-c-content--Color: var(--pf-t--global--text--color--on-brand--default);
+  padding: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-button__icon {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--text--color--on-brand--default);
 }
 .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
 .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
 .pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
 .pf-chatbot__message--user .pf-chatbot__message-text p,
 .pf-chatbot__message--user .pf-chatbot__message-text a {
-  color: var(--pf-t--chatbot-message--type--text--color--primary);
-}
-.pf-chatbot__message--user .pf-chatbot__message-text code {
-  background-color: initial;
+  color: var(--pf-t--global--text--color--on-brand--default);
 }
 
 .pf-chatbot__message-ordered-list,
 .pf-chatbot__message-unordered-list {
   width: fit-content;
-  padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
-  border-radius: var(--pf-t--chatbot-message--type--border--radius);
+  padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
+  border-radius: var(--pf-t--global--border--radius--small);
 }
 .pf-chatbot__message-ordered-list .pf-v6-c-list,
 .pf-chatbot__message-ordered-list ul,
@@ -1187,21 +1307,41 @@
 .pf-chatbot__message-unordered-list .pf-v6-c-list,
 .pf-chatbot__message-unordered-list ul,
 .pf-chatbot__message-unordered-list li {
-  font-size: var(--pf-t--chatbot--font-size);
+  font-size: var(--pf-t--global--font--size--md);
 }
 
 .pf-chatbot__message--user .pf-chatbot__message-ordered-list,
 .pf-chatbot__message--user .pf-chatbot__message-unordered-list {
-  background-color: var(--pf-t--chatbot-message--type--background--color--primary);
-  color: var(--pf-t--chatbot-message--type--text--color--primary);
-  padding: var(--pf-t--chatbot-message--type--padding);
+  background-color: var(--pf-t--global--color--brand--default);
+  color: var(--pf-t--global--text--color--on-brand--default);
+  padding: var(--pf-t--global--spacer--sm);
+}
+
+.pf-chatbot__message-table {
+  border-radius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default) !important;
+  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default) !important;
+  padding: 0 var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__message-table.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
+  border-block-start: 0;
+}
+.pf-chatbot__message-table tbody {
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__message-table tr {
+  --pf-v6-c-table__tr--responsive--PaddingInlineEnd: 0;
+  --pf-v6-c-table__tr--responsive--PaddingInlineStart: 0;
+}
+.pf-chatbot__message-table .pf-v6-c-table__tr:last-of-type {
+  border-block-end: 0;
 }
 
 .pf-chatbot__message-loading {
   width: 36px;
-  padding: var(--pf-t--chatbot-message--type--padding);
+  padding: var(--pf-t--global--spacer--sm);
   background-color: var(--pf-t--global--background--color--tertiary--default);
-  border-radius: var(--pf-t--chatbot-message--type--border--radius);
+  border-radius: var(--pf-t--global--border--radius--small);
 }
 .pf-chatbot__message-loading-dots {
   position: relative;
@@ -1245,7 +1385,6 @@
 }
 
 .pf-chatbot__quickstarts-tile {
-  min-width: 360px;
   max-width: 650px;
   width: 100%;
 }
@@ -1263,6 +1402,89 @@
   filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
 }
 
+.pf-chatbot__message-quick-response .pf-v6-c-label {
+  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
+}
+@media screen and (min-width: 401px) and (max-width: 600px) {
+  .pf-chatbot__message-quick-response .pf-v6-c-label {
+    --pf-v6-c-label__text--MaxWidth: 20ch;
+  }
+}
+@media screen and (max-width: 400px) {
+  .pf-chatbot__message-quick-response .pf-v6-c-label {
+    --pf-v6-c-label__text--MaxWidth: 15ch;
+  }
+}
+.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected .pf-v6-c-label__content:is(:hover, :focus) {
+  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
+  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
+}
+.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected:hover,
+.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected:focus {
+  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
+  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
+}
+.pf-chatbot__message-quick-response .pf-v6-c-label.pf-m-blue.pf-m-clickable .pf-v6-c-label__content:is(:active) {
+  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
+  --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
+  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
+}
+
+.pf-chatbot__feedback-card {
+  box-shadow: var(--pf-t--global--box-shadow--sm);
+  --pf-v6-c-card--BorderWidth: 0;
+  max-width: 27.5rem;
+}
+
+.pf-chatbot__feedback-complete-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--lg);
+  align-items: center;
+}
+
+.pf-chatbot__feedback-complete-text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-card--first-child--PaddingBlockStart: 0;
+  --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: 0;
+}
+
+.pf-chatbot__feedback-complete-image {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pf-chatbot__feedback-complete-body {
+  text-align: center;
+}
+
+.pf-chatbot__feedback-complete-title {
+  font-family: var(--pf-t--global--font--family--heading);
+  font-size: var(--pf-t--global--font--size--lg);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+  line-height: var(--pf-t--global--font--line-height--heading);
+}
+
+.pf-chatbot__feedback-card-title {
+  font-family: var(--pf-t--global--font--family--heading);
+  font-size: var(--pf-t--global--font--size--md);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+  line-height: var(--pf-t--global--font--line-height--heading);
+}
+
+.pf-chatbot__feedback-card-form {
+  --pf-v6-c-form__group--m-action--MarginBlockStart: 0 !important;
+}
+
+.pf-chatbot__feedback-card-optional {
+  font-weight: initial;
+}
+
 .pf-v6-c-button.pf-chatbot__button--attach {
   border-radius: var(--pf-t--global--border--radius--pill);
   padding: var(--pf-t--global--spacer--md);
@@ -1270,10 +1492,19 @@
   height: 3rem;
 }
 .pf-v6-c-button.pf-chatbot__button--attach .pf-v6-c-button__icon {
-  color: var(--pf-t--chatbot--icon--fill);
+  color: var(--pf-t--global--icon--color--subtle);
+}
+.pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--regular);
 }
-.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 {
-  color: var(--pf-t--chatbot--icon--fill--hover);
+.pf-v6-c-button.pf-chatbot__button--attach:active, .pf-v6-c-button.pf-chatbot__button--attach:focus {
+  background-color: var(--pf-t--global--color--brand--clicked);
+}
+.pf-v6-c-button.pf-chatbot__button--attach:active .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--inverse);
+}
+.pf-v6-c-button.pf-chatbot__button--attach:active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:active:focus .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--inverse);
 }
 
 .pf-v6-c-button.pf-chatbot__button--microphone {
@@ -1283,25 +1514,25 @@
   height: 3rem;
 }
 .pf-v6-c-button.pf-chatbot__button--microphone .pf-v6-c-button__icon {
-  color: var(--pf-t--chatbot--icon--fill);
+  color: var(--pf-t--global--icon--color--subtle);
 }
 .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 {
-  color: var(--pf-t--chatbot--icon--fill--hover);
+  color: var(--pf-t--global--icon--color--regular);
 }
 .pf-v6-c-button.pf-chatbot__button--microphone--active {
-  background-color: var(--pf-t--color--blue--50);
-  animation: motionMicButton var(--pf-t--chatbot--timing-function) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
+  background-color: var(--pf-t--global--color--brand--clicked);
+  animation: motionMicButton var(--pf-t--global--motion--timing-function--accelerate) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
 }
 .pf-v6-c-button.pf-chatbot__button--microphone--active .pf-v6-c-button__icon {
-  color: var(--pf-t--color--white);
+  color: var(--pf-t--global--icon--color--on-brand--default);
 }
 .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 {
-  color: var(--pf-t--color--white);
+  color: var(--pf-t--global--icon--color--on-brand--default);
 }
 
 @keyframes motionMicButton {
   0% {
-    box-shadow: 0 0 0 0 rgb(0, 102, 204);
+    box-shadow: 0 0 0 0 rgb(0, 77, 153);
   }
   100% {
     box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
@@ -1360,11 +1591,20 @@
   align-items: center;
 }
 .pf-v6-c-button.pf-chatbot__button--stop .pf-v6-c-button__icon {
-  color: var(--pf-t--global--icon--color--inverse);
+  color: var(--pf-t--global--icon--color--on-brand--default);
 }
-.pf-v6-c-button.pf-chatbot__button--stop:hover, .pf-v6-c-button.pf-chatbot__button--stop:focus {
+.pf-v6-c-button.pf-chatbot__button--stop:hover {
   background-color: var(--pf-t--global--color--brand--hover);
 }
+.pf-v6-c-button.pf-chatbot__button--stop:focus {
+  background-color: var(--pf-t--global--color--brand--clicked);
+}
+.pf-v6-c-button.pf-chatbot__button--stop:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--on-brand--default);
+}
+.pf-v6-c-button.pf-chatbot__button--stop:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--stop:focus:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--on-brand--default);
+}
 
 .pf-chatbot__message-bar {
   --pf-chatbot__message-bar-child--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -1377,7 +1617,7 @@
   justify-content: flex-end;
   background-color: var(--pf-t--global--background--color--primary--default);
   border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
-  transition: box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm);
+  transition: box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
   overflow: hidden;
 }
 .pf-chatbot__message-bar:hover {
@@ -1391,40 +1631,70 @@
   justify-content: end;
   padding-block-start: var(--pf-t--global--spacer--xs);
   padding-block-end: var(--pf-t--global--spacer--xs);
-  gap: var(--pf-t--global--spacer--xs);
+  gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
 }
 .pf-chatbot__message-bar-input {
   flex: 1 1 auto;
-  padding-block-start: var(--pf-chatbot__message-bar-child--PaddingBlockStart);
-  padding-block-end: var(--pf-chatbot__message-bar-child--PaddingBlockEnd);
-  overflow: hidden;
-  position: relative;
-}
-.pf-chatbot__message-bar-placeholder {
-  position: absolute;
-  top: 20px;
-  left: 16px;
-  color: var(--pf-t--global--text--color--placeholder);
-  pointer-events: none;
-  font-size: var(--pf-t--chatbot--font-size);
+  padding-block-start: var(--pf-t--global--spacer--sm);
+  padding-block-end: var(--pf-t--global--spacer--sm);
 }
 
 .pf-chatbot__message-textarea {
-  padding-block-start: var(--pf-t--global--spacer--md);
-  padding-block-end: var(--pf-t--global--spacer--md);
-  padding-inline-start: var(--pf-t--global--spacer--md);
-  padding-inline-end: var(--pf-t--global--spacer--md);
-  font-size: var(--pf-t--global--font--size--md);
-  line-height: 1.5rem;
+  --pf-v6-c-form-control--before--BorderStyle: none !important;
+  --pf-v6-c-form-control--after--BorderStyle: none !important;
+  resize: none !important;
+  background-color: transparent !important;
+  font-size: var(--pf-t--global--font--size--md) !important;
+  line-height: 1.5rem !important;
   max-height: 12rem;
-  overflow-y: auto;
+  overflow-y: auto !important;
   outline: none;
-  overflow-wrap: break-word;
+  overflow-wrap: break-word !important;
   word-wrap: break-word;
   height: 100%;
   width: 100%;
   display: block !important;
-  position: relative;
+}
+.pf-chatbot__message-textarea .pf-v6-c-form-control__textarea:focus-visible {
+  outline: none;
+}
+.pf-chatbot__message-textarea textarea {
+  outline-offset: 0px !important;
+  --pf-v6-c-form-control--PaddingBlockStart: 0;
+  --pf-v6-c-form-control--PaddingBlockEnd: 0;
+  --pf-v6-c-form-control--BorderRadius: 0;
+  font-family: var(--pf-t--global--font--family--body);
+}
+.pf-chatbot__message-textarea textarea:focus-visible {
+  outline: none;
+}
+
+.pf-chatbot__message-textarea.pf-v6-c-form-control.pf-m-textarea:has(textarea) {
+  --pf-v6-c-form-control--PaddingBlockStart: 0;
+  --pf-v6-c-form-control--PaddingBlockEnd: 0;
+  --pf-v6-c-form-control--PaddingInlineStart: 1rem;
+  --pf-v6-c-form-control--PaddingInlineEnd: 1rem;
+  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
+}
+
+.pf-chatbot__message-textarea.pf-v6-c-form-control.pf-m-textarea {
+  --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: 0;
+  --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: 0;
+  --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: 0;
+  --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: 0;
+}
+
+@media screen and (max-width: 359px) {
+  .pf-chatbot__message-textarea {
+    margin-top: var(--pf-t--global--spacer--md) !important;
+    margin-bottom: var(--pf-t--global--spacer--md) !important;
+  }
+}
+@media screen and (max-width: 415px) {
+  .pf-chatbot--embedded .pf-chatbot__message-textarea {
+    margin-top: var(--pf-t--global--spacer--md) !important;
+    margin-bottom: var(--pf-t--global--spacer--md) !important;
+  }
 }
 
 .pf-chatbot__jump {
@@ -1441,9 +1711,9 @@
   background-color: var(--pf-t--global--background--color--primary--default) !important;
   border: 1px solid var(--pf-t--chatbot--border) !important;
   box-shadow: var(--pf-t--global--box-shadow--sm);
-  color: var(--pf-t--chatbot--icon--fill) !important;
+  color: var(--pf-t--global--icon--color--subtle) !important;
   transform: translate3d(-50%, 0, 0) !important;
-  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;
+  transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
   z-index: var(--pf-t--global--z-index--md) !important;
 }
 .pf-chatbot__jump .pf-v6-c-button__text {
@@ -1452,7 +1722,7 @@
 .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
   background-color: var(--pf-t--global--background--color--primary--hover) !important;
   box-shadow: var(--pf-t--global--box-shadow--md) !important;
-  color: var(--pf-t--chatbot--icon--fill--hover) !important;
+  color: var(--pf-t--global--icon--color--regular) !important;
 }
 .pf-chatbot__jump--top {
   inset-block-start: var(--pf-t--global--spacer--md) !important;
@@ -1501,6 +1771,7 @@
 
 @media screen and (min-width: 64rem) {
   .pf-chatbot--embedded .pf-chatbot__messagebox,
+  .pf-chatbot--drawer .pf-chatbot__messagebox,
   .pf-chatbot--fullscreen .pf-chatbot__messagebox {
     max-width: 60rem;
     width: 100%;
@@ -1520,9 +1791,9 @@
   background-color: var(--pf-t--global--background--color--primary--default) !important;
   border: 1px solid var(--pf-t--chatbot--border) !important;
   box-shadow: var(--pf-t--global--box-shadow--sm);
-  color: var(--pf-t--chatbot--icon--fill) !important;
+  color: var(--pf-t--global--icon--color--subtle) !important;
   transform: translate3d(-50%, 0, 0) !important;
-  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;
+  transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
   z-index: var(--pf-t--global--z-index--md) !important;
 }
 .pf-chatbot__jump .pf-v6-c-button__text {
@@ -1531,7 +1802,7 @@
 .pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
   background-color: var(--pf-t--global--background--color--primary--hover) !important;
   box-shadow: var(--pf-t--global--box-shadow--md) !important;
-  color: var(--pf-t--chatbot--icon--fill--hover) !important;
+  color: var(--pf-t--global--icon--color--regular) !important;
 }
 .pf-chatbot__jump--top {
   inset-block-start: var(--pf-t--global--spacer--md) !important;
@@ -1550,7 +1821,7 @@
   gap: var(--pf-t--global--spacer--xs);
   grid-template-columns: repeat(auto-fit, minmax(0, max-content));
 }
-.pf-chatbot__response-actions .pf-v6-c-button {
+.pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small {
   --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
   border-radius: var(--pf-t--global--border--radius--pill);
   width: 2.3125rem;
@@ -1559,15 +1830,15 @@
   align-items: center;
   justify-content: center;
 }
-.pf-chatbot__response-actions .pf-v6-c-button:hover {
+.pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small:hover {
   --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
 }
-.pf-chatbot__response-actions .pf-v6-c-button:focus {
+.pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small:focus {
   --pf-v6-c-button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
   --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
 }
 
-.pf-v6-c-button.pf-chatbot__button--response-action-clicked {
+.pf-v6-c-button.pf-chatbot__button--response-action-clicked.pf-v6-c-button.pf-m-plain.pf-m-small {
   --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
   --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
 }
@@ -1593,7 +1864,7 @@
   justify-content: space-between;
   border-bottom: 1px solid var(--pf-t--global--border--color--default);
   padding: var(--pf-t--global--spacer--lg);
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 
 .pf-chatbot__settings-form-row:last-of-type {
@@ -1603,7 +1874,7 @@
 .pf-chatbot__settings--title {
   font-family: var(--pf-t--global--font--family--heading);
   font-size: var(--pf-t--global--font--size--xl);
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
   text-align: center;
 }
 
@@ -1614,6 +1885,11 @@
   padding-block-start: var(--pf-t--global--spacer--sm);
   max-width: 22.5rem;
 }
+.pf-chatbot__source a {
+  color: var(--pf-t--global--text--color--link--default) !important;
+  -webkit-text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
+  text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
+}
 
 .pf-chatbot__sources-card {
   box-shadow: var(--pf-t--global--box-shadow--sm);
@@ -1637,7 +1913,7 @@
 
 .pf-chatbot__sources-card-footer-container {
   border-top: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--default);
-  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);
+  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm) !important;
 }
 .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer {
   display: flex;
@@ -1668,16 +1944,16 @@
 }
 .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:hover .pf-v6-c-button__icon,
 .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:focus .pf-v6-c-button__icon {
-  color: var(--pf-t--chatbot--icon--fill--hover);
+  color: var(--pf-t--global--icon--color--regular);
 }
 .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__icon {
-  color: var(--pf-t--chatbot--icon--fill);
+  color: var(--pf-t--global--icon--color--subtle);
 }
 
 .pf-chatbot__source-details-subhead {
   color: var(--pf-t--global--text--color--subtle);
   font-size: var(--pf-t--global--icon--size--font--xs);
-  font-weight: 500;
+  font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 
 .pf-chatbot__source-details-heading {
@@ -1686,7 +1962,7 @@
 }
 
 .pf-chatbot__source-details-icon {
-  width: 100%;
+  width: 100% !important;
 }
 
 .pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg {
@@ -1750,7 +2026,7 @@
 
 .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen,
 .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded {
-  height: inherit;
+  height: inherit !important;
 }
 .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen .pf-v6-c-content h2,
 .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded .pf-v6-c-content h2 {
@@ -1773,7 +2049,6 @@
   --pf-t--chatbot--illustration--fill: var(--pf-t--color--red--50);
   --pf-t--chatbot--code--background: var(--pf-t--color--gray--20);
   --pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70);
-  --pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1);
   --pf-t--chatbot--blue-icon--background--color--hover: rgba(
     146,
     197,
@@ -1782,11 +2057,8 @@
   );
   --pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--color--brand--hover);
   --pf-t--chatbot-toggle--color: var(--pf-t--global--icon--color--inverse);
-  --pf-t--chatbot--font-size: var(--pf-t--global--font--size--md);
   --pf-t--chatbot--background: var(--pf-t--global--background--color--secondary--default);
   --pf-t--chatbot--border: var(--pf-t--global--border--color--default);
-  --pf-t--chatbot--icon--fill: var(--pf-t--global--icon--color--subtle);
-  --pf-t--chatbot--icon--fill--hover: var(--pf-t--global--icon--color--regular);
   --pf-t--chatbot--icon--fill--active: var(--pf-t--global--text--color--regular);
   --pf-t--chatbot--blue-icon--fill: var(--pf-t--global--color--brand--default);
 }