@brandsync/wc 1.12.1 → 1.14.0

package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js

@@ -71,6 +71,22 @@ export class BsChatbotFeedback {
     /** The comment text. */
     comment = '';
     /** Overrides the computed heading (see the class doc for why this is computed by default). */
+    /** Accessible name of the close button. */
+    closeLabel = 'Close';
+    /** Label above the optional comment field. */
+    commentLabel = 'Tell us what you think';
+    /** Placeholder of the optional comment field. */
+    commentPlaceholder = 'e.g.The response was helpful ....';
+    /** Text of the submit button. */
+    submitLabel = 'Submit feedback';
+    /** Text of the "new chat" button. */
+    newChatLabel = 'Start new chat';
+    /** Accessible name of the star rating group. */
+    ratingLabel = 'Rating';
+    /** Singular star noun used in each star's accessible name ("1 star"). */
+    starLabel = 'star';
+    /** Plural star noun used in each star's accessible name ("3 stars"). */
+    starsLabel = 'stars';
     heading;
     /** Overrides the computed subtitle. */
     subtitle;
@@ -123,7 +139,7 @@ export class BsChatbotFeedback {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (h("div", { key: '1cf3a5182bae5ef9ca6032e719ded84b89e38c92', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '5bda6ae88a7d61097f6903a9d65450c7189deed3', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: 'e108a344b08ea32fc9483fe38afe414ba4934b18' })), h("div", { key: '59290f663a13db00de6e009d50f54f593667ecdb', class: "bs-chatbot-feedback__top" }, h("div", { key: '9f4f809e1b0a785e1b511225b9cba960a4089a5b', class: "bs-chatbot-feedback__text" }, h("p", { key: '7eb6e3ff94b3b40402eb00a019094186bec1a954', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'e3d44543b43f3f0cf16a78951d08184697cd31c3', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '802bd512162d1135b6ca3a358230cfa3946d9b47', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": "Rating" }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} star${value > 1 ? 's' : ''}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '0efa9387c6c4ff4256f2b3fcb0ed057425c56a47', class: "bs-chatbot-feedback__field" }, h("label", { key: '56ba4baaaf912b4434b6be27af865296ebad2bf5', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: 'c0964f935e259744a770870671ccbe1c6748f2d6', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: "e.g.The response was helpful ....", value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: '226aefe64cdc4d05986a5d078a391dcc03630acf', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '174a94b61e9395792f99d73ab0533a4e7e7d6bab', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: 'b1539a93054f3037926e190432c8821e14cb7fee', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'd885521025886f58311c5713430414a82eb9b063' }), "Submit feedback")), h("button", { key: '623b133d827c7549d6f052e7668d3303f93f80c3', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: '5069e1d0219f4b25212631425ddb85473bff0c4a' }), "Start new chat"))));
+        return (h("div", { key: 'fb1fcd6d5a4418686d146afabfedc2153c41cc50', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '8b6269cab2d3528db0a950c29afe3c24b2852e0f', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h(CloseIcon, { key: '7597109d6a2a5d1aeec1ac2937fb196b1687fe94' })), h("div", { key: 'd58c1d655802372016c5738150cad2ff0f7ca760', class: "bs-chatbot-feedback__top" }, h("div", { key: '9b6b17d9a7ecf5eebc08dffef2a634cc36598445', class: "bs-chatbot-feedback__text" }, h("p", { key: 'df876305bdc9daf51fa30a34ec50031d682b7659', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'ecb66eeb92b7d8ffcb8c30336d2d7416153b218a', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '066246d2be93871901daf8cadc7cedfe33694276', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} ${value > 1 ? this.starsLabel : this.starLabel}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '4a194ad30e60243a170538b76c32aaddcd81ce4a', class: "bs-chatbot-feedback__field" }, h("label", { key: '2477a8841011d8f361c2c6b9f919b1d1954e58f6', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: '1fd34c6230f8d0e5807ffdd392b1316a4070f2bf', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: this.commentPlaceholder, value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: 'be913ac5827f98868ffdd64d883dbede26b88c44', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: 'cf15d26acd54707c110056d55120119f648ea481', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: 'eea4eb9d2272aa0bdc3d85d075bb93e0a530c8f1', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'f08cb743220f5b81d0ede08489212c2402db7218' }), this.submitLabel)), h("button", { key: '2398a72e7d84c6114bd4018d83c9bb2776372efa', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: 'b317890dd5338d01e56956aaa25e821306fe5c85' }), this.newChatLabel))));
     }
     static get is() { return "bs-chatbot-feedback"; }
     static get encapsulation() { return "shadow"; }
@@ -199,6 +215,166 @@ export class BsChatbotFeedback {
                 "attribute": "comment",
                 "defaultValue": "''"
             },
+            "closeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name of the close button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-label",
+                "defaultValue": "'Close'"
+            },
+            "commentLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label above the optional comment field."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "comment-label",
+                "defaultValue": "'Tell us what you think'"
+            },
+            "commentPlaceholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder of the optional comment field."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "comment-placeholder",
+                "defaultValue": "'e.g.The response was helpful ....'"
+            },
+            "submitLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text of the submit button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "submit-label",
+                "defaultValue": "'Submit feedback'"
+            },
+            "newChatLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text of the \"new chat\" button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "new-chat-label",
+                "defaultValue": "'Start new chat'"
+            },
+            "ratingLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name of the star rating group."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "rating-label",
+                "defaultValue": "'Rating'"
+            },
+            "starLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Singular star noun used in each star's accessible name (\"1 star\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "star-label",
+                "defaultValue": "'star'"
+            },
+            "starsLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Plural star noun used in each star's accessible name (\"3 stars\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "stars-label",
+                "defaultValue": "'stars'"
+            },
             "heading": {
                 "type": "string",
                 "mutable": false,
@@ -211,7 +387,7 @@ export class BsChatbotFeedback {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Overrides the computed heading (see the class doc for why this is computed by default)."
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.cmp.test.js

@@ -91,4 +91,10 @@ describe('bs-chatbot-header', () => {
         expect(historySpy.length).toBe(0);
         expect(expandSpy.length).toBe(0);
     });
+    it('removes hidden buttons from the DOM and applies label overrides', async () => {
+        const { root } = await render(h("bs-chatbot-header", { hideHistory: true, hideExpand: true, closeLabel: "Luk" }));
+        expect(root.shadowRoot.querySelector('[part="history"]')).toBeNull();
+        expect(root.shadowRoot.querySelector('[part="expand"]')).toBeNull();
+        expect(root.shadowRoot.querySelector('[part="close"]')).toEqualAttribute('aria-label', 'Luk');
+    });
 });

package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js

@@ -18,6 +18,7 @@ import { GENIE_LOGO_SVG } from "./genie-logo";
  * `aria-label` -- screen readers already get the accessible name from the button itself, so the
  * tooltip doesn't need to be (and shouldn't be) announced a second time.
  *
+ * @slot actions - Extra consumer-supplied controls (e.g. a language selector) rendered before the built-in buttons.
  * @slot new-chat-icon - Overrides the default "New chat" button icon.
  * @slot history-icon - Overrides the default "History" button icon.
  * @slot expand-icon - Overrides the default "Expand"/"Collapse" button icon (rendered regardless of `expanded` -- there is no separate confirmed "collapsed" glyph in the design, so swap it yourself via this slot if you need one).
@@ -52,6 +53,24 @@ export class BsChatbotHeader {
      * response to that event, since only the app knows what that container is.
      */
     expanded = false;
+    /** Removes the "New chat" button from the DOM. */
+    hideNewChat = false;
+    /** Removes the "History" button from the DOM. */
+    hideHistory = false;
+    /** Removes the expand/fullscreen button from the DOM. */
+    hideExpand = false;
+    /** Removes the "Close" button from the DOM. */
+    hideClose = false;
+    /** Accessible name and tooltip text of the "New chat" button. */
+    newChatLabel = 'New chat';
+    /** Accessible name and tooltip text of the "History" button. */
+    historyLabel = 'History';
+    /** Accessible name and tooltip text of the expand button while collapsed. */
+    expandLabel = 'Fullscreen';
+    /** Accessible name and tooltip text of the expand button while `expanded`. */
+    collapseLabel = 'Exit fullscreen';
+    /** Accessible name and tooltip text of the "Close" button. */
+    closeLabel = 'Close';
     /** Fires when the "New chat" button is clicked. */
     bsNewChat;
     /** Fires when the "History" button is clicked. */
@@ -74,7 +93,7 @@ export class BsChatbotHeader {
         this.bsClose.emit();
     };
     render() {
-        return (h("div", { key: 'c77fcfa340df9342111e77588804f51c66788e90', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: 'c17b3297adacb61edbfbdc77832d1c0e5e1c1f02', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '9c07b22fa0a41a21fd95966d25c619a6e1b3dfa8', class: "bs-chatbot-header__actions" }, h("span", { key: '5f640f6c5df74ae59cb302aa4d66456fbd71c3b0', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'd50d84593711b1b045cc2ff66d1efc2d71c73755', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: '29dc1d8da07329d304e94d4baac0ab1104ea5815', name: "new-chat-icon" }, h(NewChatIcon, { key: '9e584349507e736f7f5c24f8fb2253ad29bbf09b' }))), h("bs-tooltip", { key: 'd99a994539368edc0aa053e474ab9aff155050ed', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: '85f4e439d95a56da740a37c41a39b3a9b7ac2f13', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a2d0d468c03d6a83cbdfb69ca0edc30168c3f8a8', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: 'd6f6bd60b8931229602aaebee485cb5a1fbb8ca8', name: "history-icon" }, h(HistoryIcon, { key: 'f2de17ccd1e23077e57bd4a092d2432f854b5161' }))), h("bs-tooltip", { key: '6cce933959793a959cf288df3323ed5d8f80dba8', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: '019a198d91c9c93266efd1a3df823d13ea2455d4', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '26cb1a7436d213b1ce003f33abe419d8fab0deb9', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Exit fullscreen' : 'Fullscreen', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: 'e36dca1a33834d5f6a4f3a9434535b280de26e52', name: "expand-icon" }, h(ExpandIcon, { key: 'e045048d9044b29b2de00b529e5aa2d634c41520' }))), h("bs-tooltip", { key: '9e7911c8544776e6939b7e704a2206d95ff69126', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Exit fullscreen' : 'Fullscreen')), h("span", { key: '6d23ab86e5b21dbb44d7f21443d19f1a6b2b2727', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a9d5765cf1db4f1278f922acbb54a41ad7477a10', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: '3570a4fadc9e52bc4b9db393f9351ae2dcb4c877', name: "close-icon" }, h(CloseIcon, { key: 'ca1ee8c7733e74db4b464e7e1af4addec847c950' }))), h("bs-tooltip", { key: '6fbdd96e577b485f7268501c2cfd3805dc3acefc', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
+        return (h("div", { key: '067f844bdce44a53ba20f8dd8cf0b3b49685b561', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '47f00dc2c9911f3ac826c0095343c1b5411a05e9', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: 'b4659173574263a69005e87b5eb32ac7e0a7f8a4', class: "bs-chatbot-header__actions" }, h("slot", { key: '34f1bdfc64a741c177d1bd2cb59dbe7784174326', name: "actions" }), !this.hideNewChat && (h("span", { key: '6016641b3c32578aa8facf5c43bdafd185663286', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '401a7059f3771d652ec1b45a9ddb36acfee4527c', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: '556a2d99ef5c1610e05a7a5197bc7e00c50e7e67', name: "new-chat-icon" }, h(NewChatIcon, { key: '919eaa87751f9535c178e615af60a5c648f2340d' }))), h("bs-tooltip", { key: '2513109ec089fb11dcbf158e57d7cc99a9419dc3', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: '5e4464efdbc17c1c256486442e2c82e013b2c2a8', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '5006fe5eebd4c4dc6438c8f5c3a8a3b7a81d2c62', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: '8a85cc6206d120b4d18df7b26812c79133de6aac', name: "history-icon" }, h(HistoryIcon, { key: '2cf98a72b3ae266894939f4966606fbfd5aaa024' }))), h("bs-tooltip", { key: 'bb78255428ab17ab4ed99a0c32c8e4c965bc81a3', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: 'cecbc8377fedccc22b181dc225511c915372c332', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '4b1312a7b0124935fe4c9ac18132edcd4d70dc23', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? this.collapseLabel : this.expandLabel, "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: 'a248a25a55155816aeb85cc7aac4f0e7e8e4eb6f', name: "expand-icon" }, h(ExpandIcon, { key: '2f929f0e1417582903ab86b081ebf425c61b04ee' }))), h("bs-tooltip", { key: 'f7597d0c2f10309a6600b743fa72e82d15d31b62', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '439063f4783010fc160ddb2353693621d53728e9', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'cb6a069d004ab472f3f4d78c406c61a95da4b9b0', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: '06e232992b67435162d33dab2783f7e8bd9b0f5d', name: "close-icon" }, h(CloseIcon, { key: 'e4d9191b0060305f1890f5a3c24eec65e243db35' }))), h("bs-tooltip", { key: '88f7c355b900614920a8d3f8d1350f4b238092cf', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
     }
     static get is() { return "bs-chatbot-header"; }
     static get encapsulation() { return "shadow"; }
@@ -129,6 +148,186 @@ export class BsChatbotHeader {
                 "reflect": true,
                 "attribute": "expanded",
                 "defaultValue": "false"
+            },
+            "hideNewChat": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Removes the \"New chat\" button from the DOM."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-new-chat",
+                "defaultValue": "false"
+            },
+            "hideHistory": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Removes the \"History\" button from the DOM."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-history",
+                "defaultValue": "false"
+            },
+            "hideExpand": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Removes the expand/fullscreen button from the DOM."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-expand",
+                "defaultValue": "false"
+            },
+            "hideClose": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Removes the \"Close\" button from the DOM."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-close",
+                "defaultValue": "false"
+            },
+            "newChatLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the \"New chat\" button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "new-chat-label",
+                "defaultValue": "'New chat'"
+            },
+            "historyLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the \"History\" button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "history-label",
+                "defaultValue": "'History'"
+            },
+            "expandLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the expand button while collapsed."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "expand-label",
+                "defaultValue": "'Fullscreen'"
+            },
+            "collapseLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the expand button while `expanded`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "collapse-label",
+                "defaultValue": "'Exit fullscreen'"
+            },
+            "closeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the \"Close\" button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-label",
+                "defaultValue": "'Close'"
             }
         };
     }

package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.cmp.test.js

@@ -171,4 +171,12 @@ describe('bs-chatbot-response-action', () => {
         expect(assigned).toHaveLength(1);
         expect(assigned[0]).toHaveTextContent('CUSTOM');
     });
+    it('reflects liked/disliked as aria-pressed and removes Regenerate with hideRegenerate', async () => {
+        const { root } = await render(h("bs-chatbot-response-action", { liked: true, hideRegenerate: true, likeLabel: "Synes godt om" }));
+        const like = root.shadowRoot.querySelector('[part="like"]');
+        expect(like).toEqualAttribute('aria-pressed', 'true');
+        expect(like).toEqualAttribute('aria-label', 'Synes godt om');
+        expect(root.shadowRoot.querySelector('[part="dislike"]')).toEqualAttribute('aria-pressed', 'false');
+        expect(root.shadowRoot.querySelector('[part="regenerate"]')).toBeNull();
+    });
 });

package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.css

@@ -118,3 +118,7 @@
 .bs-chatbot-response-action__sources-label {
   white-space: nowrap;
 }
+
+.bs-chatbot-response-action__button[aria-pressed='true'] {
+  background: var(--bs-chatbot-response-action-button-pressed);
+}