@carbon/ai-chat-components 1.0.0 → 1.1.0

package/es-custom/components/chain-of-thought/src/chain-of-thought-step.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([":host{background:var(--cds-layer-02,var(--cds-layer-02,#fff));display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}:host([data-step-parity=even]){background:var(--cds-layer-accent-02,var(--cds-layer-accent-02,#e0e0e0))}.cds-aichat--chain-of-thought-accordion-item-content{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616);display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9)}.cds-aichat--chain-of-thought-item{padding-block:1rem;padding-inline:2rem 1rem}.cds-aichat--chain-of-thought-accordion-item-content[hidden]{display:none;max-block-size:0;opacity:0;overflow:hidden;padding-block:0;padding-inline:0}.cds-aichat--chain-of-thought-accordion-item-header-chevron{color:var(--cds-text-primary,#161616);display:flex;flex:0 1 2rem;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.cds-aichat--chain-of-thought-accordion-item-header-chevron svg{fill:var(--cds-text-primary,#161616);transform:rotate(-270deg);transition:none}}.cds-aichat--chain-of-thought-accordion-item-header-chevron svg{fill:var(--cds-text-primary,#161616);transform:rotate(-270deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}.cds-aichat--chain-of-thought-accordion-item-header-chevron[data-open] svg{transform:rotate(-90deg)}.cds-aichat--chain-of-thought-accordion-item-header-chevron[data-disabled] svg{visibility:hidden}.cds-aichat--chain-of-thought-accordion-item-static{align-items:center;background:var(--cds-layer-accent-02,var(--cds-layer-accent-02,#e0e0e0));block-size:2rem;color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header *,.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header :after,.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header :before{box-sizing:inherit}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header::-moz-focus-inner{border:0}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header{align-items:center;background:var(--cds-layer-accent-02,var(--cds-layer-accent-02,#e0e0e0));block-size:2rem;display:flex;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding:.5rem 0}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header[disabled]{cursor:default}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header:focus,.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header:focus-visible{box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:none;position:relative;z-index:2}:host([data-step-parity=odd]) .cds-aichat--chain-of-thought-accordion-item-static,:host([data-step-parity=odd]) button.cds-aichat--chain-of-thought-accordion-item-header{background:var(--cds-layer-02,var(--cds-layer-02,#fff))}.cds-aichat--chain-of-thought-accordion-item-header-title{color:var(--cds-text-primary,#161616);flex:1 1;margin-inline-end:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-aichat--chain-of-thought-accordion-item-header-status{align-items:center;display:flex;flex:0 0 1.5rem;justify-content:center}.cds-aichat--chain-of-thought-accordion-item-header-status--failure{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem}.cds-aichat--chain-of-thought-accordion-item-header-status--failure svg{fill:var(--cds-support-error,#da1e28)}.cds-aichat--chain-of-thought-accordion-item-header-status--success{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem}.cds-aichat--chain-of-thought-accordion-item-header-status--success svg{fill:var(--cds-support-success,#24a148)}"]);
+var styles = css([":host{background:var(--cds-layer-02,var(--cds-layer-02,#fff));display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}:host([data-step-parity=even]){background:var(--cds-layer-accent-02,var(--cds-layer-accent-02,#e0e0e0))}.cds-custom-aichat--chain-of-thought-accordion-item-content{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616);display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9)}.cds-custom-aichat--chain-of-thought-item{padding-block:1rem;padding-inline:2rem 1rem}.cds-custom-aichat--chain-of-thought-accordion-item-content[hidden]{display:none;max-block-size:0;opacity:0;overflow:hidden;padding-block:0;padding-inline:0}.cds-custom-aichat--chain-of-thought-accordion-item-header-chevron{color:var(--cds-text-primary,#161616);display:flex;flex:0 1 2rem;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.cds-custom-aichat--chain-of-thought-accordion-item-header-chevron svg{fill:var(--cds-text-primary,#161616);transform:rotate(-270deg);transition:none}}.cds-custom-aichat--chain-of-thought-accordion-item-header-chevron svg{fill:var(--cds-text-primary,#161616);transform:rotate(-270deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}.cds-custom-aichat--chain-of-thought-accordion-item-header-chevron[data-open] svg{transform:rotate(-90deg)}.cds-custom-aichat--chain-of-thought-accordion-item-header-chevron[data-disabled] svg{visibility:hidden}.cds-custom-aichat--chain-of-thought-accordion-item-static{align-items:center;background:var(--cds-layer-accent-02,var(--cds-layer-accent-02,#e0e0e0));block-size:2rem;color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header *,.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header :after,.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header :before{box-sizing:inherit}.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header::-moz-focus-inner{border:0}.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header{align-items:center;background:var(--cds-layer-accent-02,var(--cds-layer-accent-02,#e0e0e0));block-size:2rem;display:flex;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding:.5rem 0}.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header[disabled]{cursor:default}.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header:focus,.cds-custom-aichat--chain-of-thought-accordion-item button.cds-custom-aichat--chain-of-thought-accordion-item-header:focus-visible{box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:none;position:relative;z-index:2}:host([data-step-parity=odd]) .cds-custom-aichat--chain-of-thought-accordion-item-static,:host([data-step-parity=odd]) button.cds-custom-aichat--chain-of-thought-accordion-item-header{background:var(--cds-layer-02,var(--cds-layer-02,#fff))}.cds-custom-aichat--chain-of-thought-accordion-item-header-title{color:var(--cds-text-primary,#161616);flex:1 1;margin-inline-end:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom-aichat--chain-of-thought-accordion-item-header-status{align-items:center;display:flex;flex:0 0 1.5rem;justify-content:center}.cds-custom-aichat--chain-of-thought-accordion-item-header-status--failure{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem}.cds-custom-aichat--chain-of-thought-accordion-item-header-status--failure svg{fill:var(--cds-support-error,#da1e28)}.cds-custom-aichat--chain-of-thought-accordion-item-header-status--success{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem}.cds-custom-aichat--chain-of-thought-accordion-item-header-status--success svg{fill:var(--cds-support-success,#24a148)}"]);
 
 export { styles as default };
 //# sourceMappingURL=chain-of-thought-step.scss.js.map

package/es-custom/components/chain-of-thought/src/chain-of-thought-toggle.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 /**
  * Chain of thought toggle component
- * @element cds-aichat-chain-of-thought-toggle
+ * @element cds-custom-aichat-chain-of-thought-toggle
  */
 declare class CDSAIChatChainOfThoughtToggle extends LitElement {
     static styles: any[];
@@ -30,7 +30,7 @@ declare class CDSAIChatChainOfThoughtToggle extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "cds-aichat-chain-of-thought-toggle": CDSAIChatChainOfThoughtToggle;
+        "cds-custom-aichat-chain-of-thought-toggle": CDSAIChatChainOfThoughtToggle;
     }
 }
 export { CDSAIChatChainOfThoughtToggle };

package/es-custom/components/chain-of-thought/src/chain-of-thought-toggle.js

@@ -25,7 +25,7 @@ import { carbonElement } from '../../../globals/decorators/carbon-element.js';
  */
 /**
  * Chain of thought toggle component
- * @element cds-aichat-chain-of-thought-toggle
+ * @element cds-custom-aichat-chain-of-thought-toggle
  */
 let CDSAIChatChainOfThoughtToggle = class CDSAIChatChainOfThoughtToggle extends LitElement {
     constructor() {

package/es-custom/components/chain-of-thought/src/chain-of-thought-toggle.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([":host{display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:100%}:host([open]) .cds-aichat--chain-of-thought-button-chevron svg{transform:rotate(0deg)}.cds-aichat--chain-of-thought-button-chevron{display:flex;flex-basis:1.5rem;margin-inline-end:2px}@media screen and (prefers-reduced-motion:reduce){.cds-aichat--chain-of-thought-button-chevron svg{transform:rotate(-90deg);transition:none}}.cds-aichat--chain-of-thought-button-chevron svg{transform:rotate(-90deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}button.cds-aichat--chain-of-thought-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}button.cds-aichat--chain-of-thought-button *,button.cds-aichat--chain-of-thought-button :after,button.cds-aichat--chain-of-thought-button :before{box-sizing:inherit}button.cds-aichat--chain-of-thought-button::-moz-focus-inner{border:0}button.cds-aichat--chain-of-thought-button{align-items:center;color:var(--cds-text-primary,#161616);display:inline-flex;flex:0 0 auto;font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857);max-inline-size:100%;min-inline-size:0}.cds-aichat--chain-of-thought-button-label{flex:0 1 auto;min-inline-size:-moz-fit-content;min-inline-size:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.cds-aichat--chain-of-thought-button:focus,button.cds-aichat--chain-of-thought-button:focus-visible{outline:2px solid var(--cds-focus,#0f62fe)}"]);
+var styles = css([":host{display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:100%}:host([open]) .cds-custom-aichat--chain-of-thought-button-chevron svg{transform:rotate(0deg)}.cds-custom-aichat--chain-of-thought-button-chevron{display:flex;flex-basis:1.5rem;margin-inline-end:2px}@media screen and (prefers-reduced-motion:reduce){.cds-custom-aichat--chain-of-thought-button-chevron svg{transform:rotate(-90deg);transition:none}}.cds-custom-aichat--chain-of-thought-button-chevron svg{transform:rotate(-90deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}button.cds-custom-aichat--chain-of-thought-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}button.cds-custom-aichat--chain-of-thought-button *,button.cds-custom-aichat--chain-of-thought-button :after,button.cds-custom-aichat--chain-of-thought-button :before{box-sizing:inherit}button.cds-custom-aichat--chain-of-thought-button::-moz-focus-inner{border:0}button.cds-custom-aichat--chain-of-thought-button{align-items:center;color:var(--cds-text-primary,#161616);display:inline-flex;flex:0 0 auto;font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857);max-inline-size:100%;min-inline-size:0}.cds-custom-aichat--chain-of-thought-button-label{flex:0 1 auto;min-inline-size:-moz-fit-content;min-inline-size:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.cds-custom-aichat--chain-of-thought-button:focus,button.cds-custom-aichat--chain-of-thought-button:focus-visible{outline:2px solid var(--cds-focus,#0f62fe)}"]);
 
 export { styles as default };
 //# sourceMappingURL=chain-of-thought-toggle.scss.js.map

package/es-custom/components/chain-of-thought/src/chain-of-thought.d.ts

@@ -3,7 +3,7 @@ import type { ChainOfThoughtOnToggle } from "../defs.js";
 import type { CDSAIChatChainOfThoughtStep } from "./chain-of-thought-step.js";
 /**
  * Chain of thought container component
- * @element cds-aichat-chain-of-thought
+ * @element cds-custom-aichat-chain-of-thought
  */
 declare class CDSAIChatChainOfThought extends LitElement {
     static styles: any[];
@@ -38,7 +38,7 @@ declare class CDSAIChatChainOfThought extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "cds-aichat-chain-of-thought": CDSAIChatChainOfThought;
+        "cds-custom-aichat-chain-of-thought": CDSAIChatChainOfThought;
     }
 }
 export { CDSAIChatChainOfThought };

package/es-custom/components/chain-of-thought/src/chain-of-thought.js

@@ -25,7 +25,7 @@ import { carbonElement } from '../../../globals/decorators/carbon-element.js';
 const stepSelector = `${prefix}-chain-of-thought-step`;
 /**
  * Chain of thought container component
- * @element cds-aichat-chain-of-thought
+ * @element cds-custom-aichat-chain-of-thought
  */
 let CDSAIChatChainOfThought = class CDSAIChatChainOfThought extends LitElement {
     constructor() {

package/es-custom/components/chain-of-thought/src/chain-of-thought.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([":host{display:block}:host([open]) .cds-aichat--chain-of-thought-content{display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible}.cds-aichat--chain-of-thought-content{background-color:var(--cds-layer-01,#f4f4f4);border:1px solid var(--cds-border-subtle-01,#c6c6c6);display:none;margin-block-start:.5rem;max-block-size:0;opacity:0;overflow:hidden;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9)}"]);
+var styles = css([":host{display:block}:host([open]) .cds-custom-aichat--chain-of-thought-content{display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible}.cds-custom-aichat--chain-of-thought-content{background-color:var(--cds-layer-01,#f4f4f4);border:1px solid var(--cds-border-subtle-01,#c6c6c6);display:none;margin-block-start:.5rem;max-block-size:0;opacity:0;overflow:hidden;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9)}"]);
 
 export { styles as default };
 //# sourceMappingURL=chain-of-thought.scss.js.map

package/es-custom/components/chain-of-thought/src/tool-call-data.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 /**
  * Tool call data component
- * @element cds-aichat-tool-call-data
+ * @element cds-custom-aichat-tool-call-data
  */
 declare class CDSAIChatToolCallData extends LitElement {
     static styles: any[];
@@ -30,7 +30,7 @@ declare class CDSAIChatToolCallData extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "cds-aichat-tool-call-data": CDSAIChatToolCallData;
+        "cds-custom-aichat-tool-call-data": CDSAIChatToolCallData;
     }
 }
 export { CDSAIChatToolCallData };

package/es-custom/components/chain-of-thought/src/tool-call-data.js

@@ -24,7 +24,7 @@ import { carbonElement } from '../../../globals/decorators/carbon-element.js';
 const baseClass = `${prefix}--tool-call-data`;
 /**
  * Tool call data component
- * @element cds-aichat-tool-call-data
+ * @element cds-custom-aichat-tool-call-data
  */
 let CDSAIChatToolCallData = class CDSAIChatToolCallData extends LitElement {
     constructor() {

package/es-custom/components/chain-of-thought/src/tool-call-data.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([":host{display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds-aichat--tool-call-data{padding-block-end:1rem}.cds-aichat--tool-call-data:last-child{padding-block-end:0}.cds-aichat--tool-call-data-label{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}"]);
+var styles = css([":host{display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds-custom-aichat--tool-call-data{padding-block-end:1rem}.cds-custom-aichat--tool-call-data:last-child{padding-block-end:0}.cds-custom-aichat--tool-call-data-label{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}"]);
 
 export { styles as default };
 //# sourceMappingURL=tool-call-data.scss.js.map

package/es-custom/components/chat-button/src/chat-button.d.ts

@@ -15,7 +15,7 @@ type ChatButtonSize = CHAT_BUTTON_SIZE.SMALL | CHAT_BUTTON_SIZE.MEDIUM | CHAT_BU
 /**
  * Component extending the @carbon/web-components' button
  *
- * @element cds-aichat-button
+ * @element cds-custom-aichat-button
  */
 declare class CDSAIChatButton extends CDSButton {
     static styles: any[];
@@ -33,7 +33,7 @@ declare class CDSAIChatButton extends CDSButton {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "cds-aichat-button": CDSAIChatButton;
+        "cds-custom-aichat-button": CDSAIChatButton;
     }
 }
 export { CDSAIChatButton };

package/es-custom/components/chat-button/src/chat-button.js

@@ -26,7 +26,7 @@ import styles from './chat-button.scss.js';
 /**
  * Component extending the @carbon/web-components' button
  *
- * @element cds-aichat-button
+ * @element cds-custom-aichat-button
  */
 let CDSAIChatButton = class CDSAIChatButton extends CDSButton {
     constructor() {
@@ -45,14 +45,19 @@ let CDSAIChatButton = class CDSAIChatButton extends CDSButton {
         ];
     }
     willUpdate(changedProps) {
-        if (changedProps.has("isQuickAction") || changedProps.has("size")) {
-            this._normalizeButtonState();
+        if (changedProps.has("isQuickAction") ||
+            changedProps.has("size") ||
+            changedProps.has("kind")) {
+            this._normalizeButtonState(changedProps);
         }
     }
-    _normalizeButtonState() {
+    _normalizeButtonState(changedProps) {
         if (this.isQuickAction) {
-            this.kind = BUTTON_KIND.GHOST;
             this.size = CHAT_BUTTON_SIZE.SMALL;
+            // Only default to ghost when kind was not explicitly provided in this update.
+            if (!changedProps.has("kind")) {
+                this.kind = BUTTON_KIND.GHOST;
+            }
             return;
         }
         // Do not allow size larger than `lg`

package/es-custom/components/chat-button/src/chat-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button.js","sources":["../../../../src/components/chat-button/src/chat-button.ts"],"sourcesContent":[null],"names":["CHAT_BUTTON_KIND"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AA8BH;;;;AAIG;AAEH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,SAAS,CAAA;AAAvC,IAAA,WAAA,GAAA;;AAGE;;AAEG;QAEH,IAAA,CAAA,aAAa,GAAG,KAAK;AASrB;;AAEG;AACc,QAAA,IAAA,CAAA,YAAY,GAAuB;AAClD,YAAA,gBAAgB,CAAC,KAAK;AACtB,YAAA,gBAAgB,CAAC,MAAM;AACvB,YAAA,gBAAgB,CAAC,KAAK;SACvB;IAyBH;AAvBY,IAAA,UAAU,CAAC,YAAkC,EAAA;AACrD,QAAA,IAAI,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACjE,IAAI,CAAC,qBAAqB,EAAE;QAC9B;IACF;IAEQ,qBAAqB,GAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,IAAI,GAAGA,WAAgB,CAAC,KAAK;AAClC,YAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK;YAClC;QACF;;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAwB,CAAC,EAAE;AAC9D,YAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK;QACpC;AAEA,QAAA,IACE,CAAC,MAAM,CAAC,MAAM,CAACA,WAAgB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAwB,CAAC,EACxE;AACA,YAAA,IAAI,CAAC,IAAI,GAAGA,WAAgB,CAAC,OAAO;QACtC;IACF;;AA9CO,eAAA,CAAA,MAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;AAMtC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE;AACnC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAOd,UAAA,CAAA;IADP,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE;AACjB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAdzB,eAAe,GAAA,UAAA,CAAA;AADpB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,OAAA,CAAS;AAC3B,CAAA,EAAA,eAAe,CAgDpB;AASD,mBAAe,eAAe;;;;"}
+{"version":3,"file":"chat-button.js","sources":["../../../../src/components/chat-button/src/chat-button.ts"],"sourcesContent":[null],"names":["CHAT_BUTTON_KIND"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AA8BH;;;;AAIG;AAEH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,SAAS,CAAA;AAAvC,IAAA,WAAA,GAAA;;AAGE;;AAEG;QAEH,IAAA,CAAA,aAAa,GAAG,KAAK;AASrB;;AAEG;AACc,QAAA,IAAA,CAAA,YAAY,GAAuB;AAClD,YAAA,gBAAgB,CAAC,KAAK;AACtB,YAAA,gBAAgB,CAAC,MAAM;AACvB,YAAA,gBAAgB,CAAC,KAAK;SACvB;IAgCH;AA9BY,IAAA,UAAU,CAAC,YAAkC,EAAA;AACrD,QAAA,IACE,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC;AACjC,YAAA,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC;AACxB,YAAA,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EACxB;AACA,YAAA,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC;QAC1C;IACF;AAEQ,IAAA,qBAAqB,CAAC,YAAkC,EAAA;AAC9D,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK;;YAElC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC7B,gBAAA,IAAI,CAAC,IAAI,GAAGA,WAAgB,CAAC,KAAK;YACpC;YACA;QACF;;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAwB,CAAC,EAAE;AAC9D,YAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK;QACpC;AAEA,QAAA,IACE,CAAC,MAAM,CAAC,MAAM,CAACA,WAAgB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAwB,CAAC,EACxE;AACA,YAAA,IAAI,CAAC,IAAI,GAAGA,WAAgB,CAAC,OAAO;QACtC;IACF;;AArDO,eAAA,CAAA,MAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;AAMtC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE;AACnC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAOd,UAAA,CAAA;IADP,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE;AACjB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAdzB,eAAe,GAAA,UAAA,CAAA;AADpB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,OAAA,CAAS;AAC3B,CAAA,EAAA,eAAe,CAuDpB;AASD,mBAAe,eAAe;;;;"}