@carbon/ai-chat 1.2.0-rc.0 → 1.2.0-rc.1

package/dist/es/chat.ChatAppEntry.js

@@ -1433,7 +1433,7 @@ function agentUpdateIsTyping(isTyping) {
   };
 }
 
-const VERSION = "1.1.0";
+const VERSION = "1.2.0";
 
 const BOUNCING_ANIMATION_TIMEOUTS = [ 15e3, 6e4 ];
 
@@ -3616,7 +3616,7 @@ var CarbonThemeClassNames;
 
 const CSS_VAR_PREFIX = "--cds-";
 
-const CSS_CHAT_PREFIX = "chat-";
+const CSS_CHAT_PREFIX = "aichat-";
 
 const HEXADECIMAL_REGEX = /#([a-f0-9]{3}){1,2}\b/i;
 
@@ -3636,7 +3636,7 @@ function convertCSSVariablesToString(customProperties) {
   const allValues = pieces.join("");
   const prefix = "";
   if (allValues.length > 0) {
-    const rule = `${prefix}.cds-aichat--container .cds--white, ${prefix}.cds-aichat--container .cds--g10, ${prefix}.cds-aichat--container .cds--g90, ${prefix}.cds-aichat--container .cds--g100`;
+    const rule = `${prefix} .cds-aichat--container--render.cds-aichat--container--render, ${prefix} .cds-aichat--container--render.cds--white, ${prefix} .cds-aichat--container--render.cds--g10, ${prefix} .cds-aichat--container--render.cds--g90, ${prefix} .cds-aichat--container--render.cds--g100`;
     customPropertiesString = `${rule}${`, :host`}{${allValues}}`;
   }
   return customPropertiesString;
@@ -8383,7 +8383,7 @@ function renderWithStaticTag(tag, token, content, attrs, options, _context, node
    case "ol":
     {
       const nested = token.level > 1;
-      return html`<cds-ordered-list ?nested=${nested} ${spread(attrs)}>
+      return html`<cds-ordered-list native ?nested=${nested} ${spread(attrs)}>
         ${content}
       </cds-ordered-list>`;
     }
@@ -11613,7 +11613,7 @@ const Dropdown = createComponent({
   tagName: "cds-dropdown",
   elementClass: CarbonDropdownElement,
   events: {
-    onBeingSelected: "cds-dropdown-beingselected",
+    onSelected: "cds-dropdown-selected",
     onToggled: "cds-dropdown-toggled"
   },
   react: React
@@ -11645,11 +11645,12 @@ function SelectComponent(props) {
       e.preventDefault();
     }
   };
-  const handleBeingSelected = e => {
+  const handleSelected = e => {
+    const label = e.detail.item.textContent;
     const text = e.detail.item.value;
     onChange({
       selectedItem: {
-        label: text,
+        label: label,
         value: {
           input: {
             text: text
@@ -11687,11 +11688,11 @@ function SelectComponent(props) {
     disabled: disableUserInputs,
     onToggled: handleToggle,
     onKeyDown: handleKeyDown,
-    onBeingSelected: handleBeingSelected
+    onSelected: handleSelected
   }, options.map(option => React.createElement(DropdownItem, {
-    value: option.label,
-    key: option.label
-  }, option.value.input.text)))));
+    value: option.value.input.text,
+    key: option.value.input.text
+  }, option.label)))));
 }
 
 class OptionComponent extends Component {