@brandsync/wc 1.21.0 → 1.22.1

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

@@ -93,7 +93,7 @@ export class BsChatbotHeader {
         this.bsClose.emit();
     };
     render() {
-        return (h("div", { key: '2ddb9c205074cb798c819fa134697066ac74e007', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '67c82de0246c79ea51c57ea8ff4a092355540a9d', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: 'a6f34d2e08e5db2c0ee53f650a6c4f0630e82f58', class: "bs-chatbot-header__actions" }, h("slot", { key: '7706d8c443cdd66dc493024a8bbe82004e8a4aab', name: "actions" }), !this.hideNewChat && (h("span", { key: '2a3628094dec7ef3275b197483e7d051d3cf19de', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'ca3ff416db460b27a54c1fc0a26c2247963f4421', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: '02021477c347faf9dc91a03632f5940a0902358e', name: "new-chat-icon" }, h("bs-icon", { key: '7007f65e886288ad0d7358712aae7f1cea2bc261', name: "note-pencil", tone: "inherit" }))), h("bs-tooltip", { key: 'ed13af0265b1a5e0fd4f510395a125e4104172fb', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: '0a544d3f67182c982a12536f964a6c3ff61e3b6b', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'c228101de7b8fcbfcbfae91bcc8ad5a8c16f0caa', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: '3f2bfe403db42cc3e699d557639cddd75981f221', name: "history-icon" }, h("bs-icon", { key: '1fde5494b813ee00c79d675a0a153d56852990da', name: "clock-counter-clockwise", tone: "inherit" }))), h("bs-tooltip", { key: '6e7ffda760c642815d5b403e16852df7675f835f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: 'e3ed6e2d4531f603b7911cb26d3213f212fe845c', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '888df9fbf9464b634865e01ee9c41cfaab854566', 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: '9b8e079238abfb6cb423e43aad42c740c6ff49b9', name: "expand-icon" }, h("bs-icon", { key: 'ea854b094594e1a818a2dc3fd74c4b6cc039075e', name: "arrows-out-simple", tone: "inherit" }))), h("bs-tooltip", { key: '6105372ca30141f913bc1f1d006a7c256585d18d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: 'c0c950c5d1c2efb3e3cb3bf603ca1a69456616fb', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '3bec7ad338519220f4a80166cbd1ee2a2cf6e50a', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: 'a3ab965313ae0909298b1fea50a84fd7be57a3f6', name: "close-icon" }, h("bs-icon", { key: 'bb95e5d9d7e972d901372e3af56ab5fd8e5ec8ac', name: "x", tone: "inherit" }))), h("bs-tooltip", { key: 'cc11deddfb77797722df5f4abf9f97e7f91d3d15', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
+        return (h("div", { key: 'f4af6b3c3f996a666c489460b8c7ee5606afca88', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '76ae875ccc0c1b43e9d6e7a6bd09384a02c3501f', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: 'd3e3295e950620b1cec1252fb2b660abbd26a44f', class: "bs-chatbot-header__actions" }, h("slot", { key: '20c7f8d0e88f745cda84b5d4ee5969c836123888', name: "actions" }), !this.hideNewChat && (h("span", { key: '67861d670518cef04814bdeb89d746e641817c45', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'bcc2183039f98b1bdf71d9c3dfd9574df2fbd729', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: '88f81fac2f13c357528f94ecbf878c86048b2641', name: "new-chat-icon" }, h("bs-icon", { key: '5c4f29052d52a45389bc1751be18ec80f593d75e', name: "note-pencil", tone: "inherit" }))), h("bs-tooltip", { key: '52f3d41000a680859cd4a54bff7e0273b71a756f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: 'd6d12033de989242202b725152fde082c4c6eaa7', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'd40e0d613134868624784ac2e92137bff39cf0b1', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: '9964a8421bae2465338eb996e322685d5bce400a', name: "history-icon" }, h("bs-icon", { key: 'ea5e7506c24c9c0b81c1055b058d840d1465e840', name: "clock-counter-clockwise", tone: "inherit" }))), h("bs-tooltip", { key: '6243276d44b8e05e24a2c181e4c26648a948012d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: '312ea7a98ea46d43489238dc401dfb2372cf930e', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'bd91b54f0d223581ce11b8e822d20fc086e08f53', 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: '30681da54be071a42148aaa669dc1bd844a27330', name: "expand-icon" }, h("bs-icon", { key: '9437280b46eb18fc63a61c96e9511fbf27754eb9', name: "arrows-out-simple", tone: "inherit" }))), h("bs-tooltip", { key: '6b8b42c597abce0352698d9be7cf7aa4542a8916', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '829728375158a9c5d0bb834ff9941e975c7aad15', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '9f2bfe450918d0a52e89cb1689606b77ca42ad0c', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: '4288e97968a057d8fab5c6d1090ea326137e1684', name: "close-icon" }, h("bs-icon", { key: '13dec8f5717b84984ab82dfb530817bbc6a2156d', name: "x", tone: "inherit" }))), h("bs-tooltip", { key: '8582c56e924aa118baa88e8adcc138edbfca6512', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
     }
     static get is() { return "bs-chatbot-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -128,7 +128,7 @@ export class BsChatbotResponseAction {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (h("div", { key: '4263ebed958bc24b67606be50a6a0f35602f6628', class: "bs-chatbot-response-action" }, h("button", { key: '6805493edf715e0977b046321f6f646c63012854', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("bs-ripple", { key: 'd239a216c3203eacc16a0f79bf5dc1e9ff9f9bb0', part: "ripple", centered: true }), h("slot", { key: 'b4e94465648fac5ab8063987f26ab95b9ec91ec9', name: "like-icon" }, h(ThumbsUpIcon, { key: 'b2ed36b80507555a6c719f4b253efd335bc8183a' }))), h("button", { key: 'ea84c74cd3cc0fddcfe46d17a521a3f972605516', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("bs-ripple", { key: '614061ea5267ce73b18893cb9134e416dba3501d', part: "ripple", centered: true }), h("slot", { key: 'b674da463ed8425a37c25eb1b8916ceb29f0fa74', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '21104656e544086f66efd225d9a528e1726106dc' }))), h("button", { key: '3b13edb4d339c4ddf17c31c7ae1a1346caaffc10', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("bs-ripple", { key: '50775922e1996a662b9e9776e640c93b82e1353e', part: "ripple", centered: true }), h("slot", { key: '1de3aab0b4fc2c33797a3b92588c803edd893879', name: "copy-icon" }, h(CopyIcon, { key: '0fdc76095ed5e91889a479fbc0e6e430929d29b3' }))), !this.hideRegenerate && (h("button", { key: 'a4437c1135e3de9f00f6a6f6647a8cbf2278786d', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("bs-ripple", { key: '571a630b9b5834d7839ae76451b77e57a02c379c', part: "ripple", centered: true }), h("slot", { key: '910c06c47b93d7f54de30d13e665118a18d0b1e6', name: "regenerate-icon" }, h(RegenerateIcon, { key: '710a4c6ff5acbf447572c948fbeb289ff929a6f6' })))), h("div", { key: '30acbf6c546a10b2d76ff50ce913b8b8b1d36c38', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: '1ce53c3c29d74c58ff7087d7b486de5f64564423', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("bs-ripple", { key: '9310b86d9067dd5c5ad86a29eb8c8d27ac183d23', part: "ripple", centered: true }), h("slot", { key: '1fd1370969fcdb9eb54fad72856dcbc40683f096', name: "menu-icon" }, h(MenuIcon, { key: '7c28c2c086c19378540dac7f2630be777e379e5e' }))), this.menuOpen && (h("div", { key: '677046c5003b0c34e631b2659017cc695ff0f72f', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'e074a06431dbfd44f67604e935d40f3b91116cf5', name: "menu" })))), hasSources && (h("button", { key: 'b9fcdfde8f2969b12b1dc7ecaa0149a2d35ab3aa', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: 'a5a509eb6bb7c877a9dd7f8659191b073f1c0ccb', name: "sources-icon" }, h(SourcesIcon, { key: '49407e046d01a4f520b15b550121e8509aef053f' })), h("span", { key: 'f326640b200efcf12347714db2029327c95805f0', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
+        return (h("div", { key: 'f0dc5cc09ed49ba45063b783391a26bdc091bd78', class: "bs-chatbot-response-action" }, h("button", { key: 'cd9b804ffb233d5fd25c62a58ed74758cdffc2cd', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("bs-ripple", { key: 'dcd8efd2ea54776a761f77dabea7bbf4cf0a62e5', part: "ripple", centered: true }), h("slot", { key: '32d1073ef215c80d2dbe1058fef3ea3717bbd097', name: "like-icon" }, h(ThumbsUpIcon, { key: '466782a38934888fabd95b8cb8bf2850336ea5f1' }))), h("button", { key: '43ac21d60aac33e5442149195337660390988f99', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("bs-ripple", { key: '5883f026e01da5a9e61df3f18f95f2bc19648f25', part: "ripple", centered: true }), h("slot", { key: '58f64bcb0c9d621b54e344fec54b006fd55e13b7', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '22c666c658c9920533108dae46a6dd4e0763264f' }))), h("button", { key: 'f8755e1628505a49b20f1fbf4240d6783610e18a', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("bs-ripple", { key: 'fa20e3f8f721474631c6847e57c75d0a3dabca3c', part: "ripple", centered: true }), h("slot", { key: 'fe545bb8594f3c8b7651d231da82b02055af94f8', name: "copy-icon" }, h(CopyIcon, { key: '6fc875a8d0be6be4a18491ad01deb6a7bf3b59ba' }))), !this.hideRegenerate && (h("button", { key: '1d1274c42b1a08f315b2f174c374c718311d8665', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("bs-ripple", { key: 'bbe0dcd294dd44f872271cb659fae3b4426cf764', part: "ripple", centered: true }), h("slot", { key: '1101558481d32745c21d9e1ed9eed85be6d12788', name: "regenerate-icon" }, h(RegenerateIcon, { key: 'd68e9e701f90b55c0d1bd8e92a881df004056743' })))), h("div", { key: '4f6ea1f72bd4c7302f8d524a334ee7858bc44191', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: '790f909a523e61eed9311e407fe5267aea342aa2', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("bs-ripple", { key: '96d9f13c6d3764ad1ad1ea299f1922d6e733ba07', part: "ripple", centered: true }), h("slot", { key: '900d4f2d013f252f1e501e0c76f2f045c4fdacc3', name: "menu-icon" }, h(MenuIcon, { key: '8593a8d4fc1b0fe64b2131a7e83339af5b597b2b' }))), this.menuOpen && (h("div", { key: 'fb189d08ccb8081422b34bad27076ee1a2fe5a61', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'e737f08f405b1e8624eff45f7d4954e15c4b3dc1', name: "menu" })))), hasSources && (h("button", { key: '40e7dc9342f9e572a28ed75040f5f895fc5021db', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '7742424b87f504f9f8da7435b180c60844a0ca33', name: "sources-icon" }, h(SourcesIcon, { key: '6114092b17ba3b7625839c3b3ae05a4b279251c6' })), h("span", { key: 'e837591c04f96032144fde694e43b43111eb3649', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
     }
     static get is() { return "bs-chatbot-response-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js

@@ -59,7 +59,7 @@ export class BsChatbotSourcesDrawer {
     };
     render() {
         const displayCount = this.count ?? this.slottedCount;
-        return (h("div", { key: '72666e1a78127010e3ac2ebe6ce0f94117c4b432', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'a82c23071c94ab034e5618d03bdea9f23bf83f1f', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: '592aa5597e26e34b9583dd3987e98a202f1f515e', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: 'd7d0841ad59dea22cda3c80cca96423c752760f3', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: 'ca952fc240dc656ecb3b8626fe6ff04a6205b0b6', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '733c375428582c657025ddde7b412174a4095324', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '5b40e0be91f2c0d7370d597ca54854fea05d9c28', name: "collapse-icon" }, h(CaretRightIcon, { key: '0e0386e798e8c437ba6440d0d5a2f77afcd5b989' })))), h("div", { key: '71e980ce1ebbc1c6f1e61f61cfa669a85088d09e', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '3ad1f3ddb4b91b5e7f22167e471977708b8649cd', onSlotchange: this.onSlotchange }))));
+        return (h("div", { key: '61d640b674c4172b966b83241ac1a9afd3cf69f3', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'eaf6770473f3ca314b2c407c96d3d7264ff1012d', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'a14ae1e6d3bf81022ea8c37ad737c01a311320fb', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '67528b4b47a28f66b3fde6815dbf2ce93a86d323', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: 'dfde59aeac5a8dd8bedaf4300bbb419199df3e1b', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '4e2a76822944717e241a5d485be74c18c0b6af59', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '471f8a2e69db306805c97c347449e19161cce090', name: "collapse-icon" }, h(CaretRightIcon, { key: 'd0eee603e026e16ba0aafb849ee2bc90bf9cf426' })))), h("div", { key: '0ade2bac2080cc689fbb733c6c392289579f7991', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: 'd90627af61ce3786fb46513aa02e26f9f3ba94e9', onSlotchange: this.onSlotchange }))));
     }
     static get is() { return "bs-chatbot-sources-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js

@@ -46,7 +46,7 @@ export class BsChatbotSuggestionButton {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: 'f7d29f1919ff885bc1f05626829bf58fae38be61', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("bs-ripple", { key: '770017f5a44729eba5208878c17b31efdcab7952', part: "ripple", centered: false, disabled: this.disabled }), h("slot", { key: '6642b4c2cd8e3111fdf911b3fc6a01f67454da46' })));
+        return (h("button", { key: '69b29ca6ff36ba7260b511ff362e1c9c2eff5684', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("bs-ripple", { key: '541f68aabbce33669116995107561003bd2d79bb', part: "ripple", centered: false, disabled: this.disabled }), h("slot", { key: '355bab2f02518ec0cfdcb5a01a8d8c582193883d' })));
     }
     static get is() { return "bs-chatbot-suggestion-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js

@@ -35,7 +35,7 @@ export class BsCheckboxSkeleton {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return (h("span", { key: 'f8a4306f0371bcbc8ddec0ad91b3b7dd38dcd5da', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: '253a8bf78c65ed31f05d89df7f3e6fa9438df197', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: 'ff994f5895f52fae3074be5c75ff4093ab27eef9', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (h("span", { key: 'dfd9739615264d9d7da1d6ce427322286f5dc378', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: 'dd7121def819b661c5d7d89de55710767823a75c', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '206f464ac5e4fd9c1489fd5845b70e976617f0da', part: "label", class: "bs-checkbox-skeleton__label" })));
     }
     static get is() { return "bs-checkbox-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const sizes = ['sm', 'md', 'lg'];
 const meta = {
-    title: 'Components/bs-checkbox-skeleton',
+    title: 'Components/Forms/bs-checkbox-skeleton',
     parameters: { docs: { description: { component: componentDescription('bs-checkbox-skeleton') } } },
     render: args => html `<bs-checkbox-skeleton size=${args.size}></bs-checkbox-skeleton>`,
     argTypes: {

package/dist/collection/components/bs-checkbox/bs-checkbox.stories.js

@@ -1,8 +1,10 @@
 import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
+import { expect, userEvent, waitFor } from "storybook/test";
+import { ready, inShadow, recordEvents } from "../../play-utils";
 const sizes = ['sm', 'md', 'lg'];
 const meta = {
-    title: 'Components/bs-checkbox',
+    title: 'Components/Forms/bs-checkbox',
     parameters: { docs: { description: { component: componentDescription('bs-checkbox') } } },
     render: args => html `
     <bs-checkbox
@@ -33,7 +35,20 @@ const meta = {
     },
 };
 export default meta;
-export const Default = {};
+export const Default = {
+    play: async ({ canvasElement }) => {
+        const host = await ready(canvasElement, 'bs-checkbox');
+        const changes = recordEvents(host, 'bsChange');
+        const input = inShadow(host, 'input');
+        await expect(input).not.toBeChecked();
+        await userEvent.click(input);
+        await waitFor(() => expect(input).toBeChecked());
+        await expect(changes.map(e => e.detail)).toEqual([true]);
+        await userEvent.click(input);
+        await waitFor(() => expect(input).not.toBeChecked());
+        await expect(changes.map(e => e.detail)).toEqual([true, false]);
+    },
+};
 export const Horizontal = {
     // A layout demo, not a real prop -- bs-checkbox has no orientation/group concept of its own
     // (unlike Carbon's <cds-checkbox-group>), so arranging multiple instances in a row is purely the
@@ -54,6 +69,15 @@ export const Indeterminate = {
 };
 export const Disabled = {
     args: { disabled: true },
+    play: async ({ canvasElement }) => {
+        const host = await ready(canvasElement, 'bs-checkbox');
+        const changes = recordEvents(host, 'bsChange');
+        const input = inShadow(host, 'input');
+        await expect(input).toBeDisabled();
+        await userEvent.click(input);
+        await expect(input.checked).toBe(false);
+        await expect(changes).toHaveLength(0);
+    },
 };
 export const DisabledChecked = {
     name: 'Disabled + checked',

package/dist/collection/components/bs-checkbox-group/bs-checkbox-group.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-checkbox-group',
+    title: 'Components/Forms/bs-checkbox-group',
     parameters: { docs: { description: { component: componentDescription('bs-checkbox-group') } } },
     render: args => html `
     <bs-checkbox-group

package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const meta = {
-    title: 'Components/bs-chip/bs-chip-filter',
+    title: 'Components/Data display/bs-chip/bs-chip-filter',
     parameters: { docs: { description: { component: componentDescription('bs-chip-filter') } } },
     render: args => html `
     <bs-chip-filter size=${args.size} ?selected=${args.selected} ?dropdown=${args.dropdown} ?disabled=${args.disabled}>${args.label}</bs-chip-filter>

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.cmp.test.js

@@ -40,4 +40,48 @@ describe('bs-chip-informative', () => {
         const { root } = await render(h("bs-chip-informative", null, "Active"));
         expect(root).toHaveTextContent('Active');
     });
+    describe('removable and href (replaces bs-tag)', () => {
+        const removeBtn = (root) => root.shadowRoot.querySelector('[part="remove"]');
+        it('is non-interactive by default: no remove button and no link', async () => {
+            const { root } = await render(h("bs-chip-informative", null, "Label"));
+            expect(removeBtn(root)).toBeNull();
+            expect(root.shadowRoot.querySelector('a')).toBeNull();
+            expect(root.shadowRoot.querySelector('[part="label"]').tagName).toBe('SPAN');
+        });
+        it('removable renders a named remove button, reflects the attribute and emits bsRemove on click', async () => {
+            const { root, spyOnEvent, waitForChanges } = await render(h("bs-chip-informative", { removable: true }, "Design"));
+            await waitForChanges();
+            expect(root).toHaveAttribute('removable');
+            expect(removeBtn(root).ariaLabel).toBe('Remove Design');
+            const spy = spyOnEvent('bsRemove');
+            removeBtn(root).click();
+            expect(spy).toHaveReceivedEventTimes(1);
+        });
+        it('removeLabel changes the prefix of the remove button name', async () => {
+            const { root, waitForChanges } = await render(h("bs-chip-informative", { removable: true, removeLabel: "Fjern" }, "Design"));
+            await waitForChanges();
+            expect(removeBtn(root).ariaLabel).toBe('Fjern Design');
+        });
+        it('href renders a real link, and target="_blank" adds rel="noopener noreferrer"', async () => {
+            const { root } = await render(h("bs-chip-informative", { href: "/topics/design", target: "_blank" }, "Design"));
+            const a = root.shadowRoot.querySelector('a[part="label"]');
+            expect(a).not.toBeNull();
+            expect(a.getAttribute('href')).toBe('/topics/design');
+            expect(a.getAttribute('rel')).toBe('noopener noreferrer');
+        });
+        it('can be a link and removable at the same time', async () => {
+            const { root } = await render(h("bs-chip-informative", { href: "#x", removable: true }, "Design"));
+            expect(root.shadowRoot.querySelector('a[part="label"]')).not.toBeNull();
+            expect(removeBtn(root)).not.toBeNull();
+        });
+        it('disabled is never a link, and its remove button is disabled and emits nothing', async () => {
+            const { root, spyOnEvent, waitForChanges } = await render(h("bs-chip-informative", { disabled: true, href: "#x", removable: true }, "Design"));
+            await waitForChanges();
+            expect(root.shadowRoot.querySelector('a')).toBeNull();
+            expect(removeBtn(root).disabled).toBe(true);
+            const spy = spyOnEvent('bsRemove');
+            removeBtn(root).shadowRoot.querySelector('button').click();
+            expect(spy).not.toHaveReceivedEvent();
+        });
+    });
 });

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.css

@@ -20,6 +20,10 @@
  * @prop --bs-chip-informative-font-size: Aliased to --bs-font-size-sm (size="md"/"lg").
  * @prop --bs-chip-informative-line-height: Aliased to --bs-line-height-body-sm (size="md"/"lg").
  * @prop --bs-chip-informative-font-weight: Aliased to --bs-font-weight-regular.
+ * @prop --bs-chip-informative-padding-right-removable: Right-edge padding when `removable` (the remove
+ * button supplies its own visual padding). Aliased to --bs-spacing-50.
+ * @prop --bs-chip-informative-focus-ring: Focus ring colour of the link label. Aliased to
+ * --bs-border-neutral-focus.
  *
  * Color (background/text per color/disabled) comes directly from brandsync-tokens' own pre-built
  * chip token set below -- shared across the whole bs-chip family, not local to this component,
@@ -48,6 +52,8 @@
   --bs-chip-informative-font-size: var(--bs-font-size-sm);
   --bs-chip-informative-line-height: var(--bs-line-height-body-sm);
   --bs-chip-informative-font-weight: var(--bs-font-weight-regular);
+  --bs-chip-informative-padding-right-removable: var(--bs-spacing-50);
+  --bs-chip-informative-focus-ring: var(--bs-border-neutral-focus);
 }
 
 :host(.bs-chip-informative--lg) {
@@ -68,16 +74,34 @@
   line-height: calc(var(--bs-chip-informative-line-height-sm) * 1px);
 }
 
-:host(.bs-chip-informative--icon) {
+/* Padding lives on an inner element, not :host -- page-level resets (e.g. Tailwind preflight's
+   `* { padding: 0 }`) outrank :host rules and would otherwise strip it. */
+.bs-chip-informative__body {
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: 100%;
+  gap: var(--bs-chip-informative-gap);
+}
+
+:host(.bs-chip-informative--icon) .bs-chip-informative__body {
   padding-inline-start: var(--bs-chip-informative-padding-x-glyph-side);
   padding-inline-end: var(--bs-chip-informative-padding-right-icon-variant);
 }
 
-:host(.bs-chip-informative--text) {
+:host(.bs-chip-informative--text) .bs-chip-informative__body {
   padding-inline-start: var(--bs-chip-informative-padding-x-plain-side);
   padding-inline-end: var(--bs-chip-informative-padding-x-plain-side);
 }
 
+:host(.bs-chip-informative--removable) .bs-chip-informative__body {
+  padding-inline-end: 0;
+}
+
+:host(.bs-chip-informative--removable) {
+  padding-inline-end: var(--bs-chip-informative-padding-right-removable);
+}
+
 .bs-chip-informative__icon {
   display: none;
   flex-shrink: 0;
@@ -102,6 +126,32 @@
   align-items: center;
 }
 
+.bs-chip-informative__label--link {
+  color: inherit;
+  text-decoration: underline;
+  border-radius: var(--bs-border-radius-50);
+}
+
+.bs-chip-informative__label--link:hover {
+  text-decoration-thickness: 2px;
+}
+
+.bs-chip-informative__label--link:focus-visible {
+  outline: 2px solid var(--bs-chip-informative-focus-ring);
+  outline-offset: 2px;
+}
+
+.bs-chip-informative__remove {
+  /* bs-icon-button's host is inline-block, so its inner <button> sits in a text line box that
+     inherits the chip's line-height and rests on the baseline -- the glyph drifts below centre.
+     A flex host has no line box, so the button is centred by the chip's align-items. */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: inherit;
+}
+
 :host(.bs-chip-informative--neutral) {
   background: var(--bs-chip-bg-neutral-container);
   color: var(--bs-chip-text-neutral);

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js

@@ -1,21 +1,28 @@
 import { Host, h } from "@stencil/core";
 /**
- * A pill-shaped, non-interactive label for conveying a category or status at a glance, optionally
- * paired with a leading icon. Unlike `bs-chip-filter`/`bs-chip-input`, this is purely informational
- * -- no click/select/remove behavior, no hover/focus/pressed states.
+ * A pill-shaped label for conveying a category or status at a glance, optionally paired with a
+ * leading icon. By default it is purely informational -- no click/select behavior, no
+ * hover/focus/pressed states. Two opt-ins cover what used to need a separate `bs-tag`: `removable`
+ * adds a remove button (`bsRemove`), and `href` turns the label into a link.
  *
  * ## When to use
  * - Conveying a category or status inline with other content, with more color options and an
  *   optional icon than `bs-badge` offers.
+ * - Metadata on a record (topics, keywords, owners) that can be removed one by one (`removable`) or
+ *   that leads to a filtered view or detail page (`href`).
  *
  * ## When not to use
- * - Anything clickable/selectable -- use `bs-chip-filter`.
+ * - Toggling a filter on and off -- use `bs-chip-filter`; entering free-text values -- use
+ *   `bs-chip-input`.
  * - A short, fixed status label with no color/icon needs -- `bs-badge` is the simpler choice.
  *
+ * **Built from:** `bs-icon-button` (the remove control, `size="xs"`).
+ *
  * @slot - Default slot: the chip's label content.
  * @slot icon - Optional leading icon.
  * @part icon - The icon wrapper element.
- * @part label - The text label element.
+ * @part label - The text label element (a link when `href` is set).
+ * @part remove - The remove button (`bs-icon-button`), only when `removable`.
  */
 export class BsChipInformative {
     el;
@@ -30,12 +37,37 @@ export class BsChipInformative {
     /** Overrides `color` with the disabled token set, regardless of its value. Reflected so
      * `:host([disabled])` can apply it in CSS. */
     disabled = false;
+    /** Shows a remove button that emits `bsRemove`. The consumer removes the element. Off by default,
+     * so a plain chip stays non-interactive. */
+    removable = false;
+    /** Turns the label into a link to this URL. Ignored while `disabled`. */
+    href;
+    /** Link target, only used with `href`. `_blank` also sets `rel="noopener noreferrer"`. */
+    target;
+    /** Prefix of the remove button's accessible name ("Remove {label}"). */
+    removeLabel = 'Remove';
+    /** Fires when the remove button is activated, only when `removable`. No payload; the consumer
+     * removes the chip. Move focus somewhere sensible in your handler -- it is lost with the element. */
+    bsRemove;
     /** Tracks whether the `icon` slot has assigned content, so the icon/label gap and left-edge
      * padding only apply when there's actually a leading icon. */
     hasIcon = false;
+    /** The label's text, used for the remove button's accessible name. */
+    labelText = '';
     componentWillLoad() {
         this.hasIcon = this.hasSlottedContent('icon');
+        this.labelText = this.readLabel();
+    }
+    readLabel() {
+        return Array.from(this.el.childNodes)
+            .filter(n => !(n.nodeType === Node.ELEMENT_NODE && n.hasAttribute('slot')))
+            .map(n => n.textContent || '')
+            .join('')
+            .trim();
     }
+    onRemove = () => {
+        this.bsRemove.emit();
+    };
     hasSlottedContent(slotName) {
         return Array.from(this.el.childNodes).some(node => node.nodeType === Node.ELEMENT_NODE && node.getAttribute('slot') === slotName);
     }
@@ -44,7 +76,10 @@ export class BsChipInformative {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: 'd44cc865c85a33561d688c16ba73f325d42b5dd9', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}`, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: '287ae0812ffdb137d42c23ec1423a2939c57d316', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: 'fbb9a6bd70dccc1873e77872a0b636acb2cbcd47', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'f4e3bc9305c5698b131da8724518d3fffd02d822', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: 'ee13386ec9bf45e425b724bfbd0f9030f926fe79' }))));
+        const isLink = !!this.href && !this.disabled;
+        const rel = isLink && this.target === '_blank' ? 'noopener noreferrer' : undefined;
+        const label = h("slot", { key: 'ef28047f16d39f511b22c44dc8d5fed7031d2f42', onSlotchange: () => (this.labelText = this.readLabel()) });
+        return (h(Host, { key: '1efcc6d4f937ca210e938e6c6d146ed190f9a9c7', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant} ${this.removable ? 'bs-chip-informative--removable' : ''}`, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: 'de7d9811919a43e81dc18b143c56892ac266578c', class: "bs-chip-informative__body" }, h("span", { key: '682115d5be675d1e2fdfd3e0633ce782d2828a65', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '776779930e92c1dc312e33fb3fda3a109168032a', name: "icon", onSlotchange: this.onIconSlotchange })), isLink ? (h("a", { part: "label", class: "bs-chip-informative__label bs-chip-informative__label--link", href: this.href, target: this.target, rel: rel }, label)) : (h("span", { part: "label", class: "bs-chip-informative__label" }, label))), this.removable && (h("bs-icon-button", { key: 'eb1e38d68a09ca69d130d112da983bf242d6152a', part: "remove", class: "bs-chip-informative__remove", size: "xs", variant: "subtle", disabled: this.disabled, ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, h("svg", { key: '4eeb253205746e7167ad5cebbfb459fc349f81ab', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '01e23027c865131a929a5c4c1e6c9a94dd59dd71', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get is() { return "bs-chip-informative"; }
     static get encapsulation() { return "shadow"; }
@@ -131,13 +166,110 @@ export class BsChipInformative {
                 "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
+            },
+            "removable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Shows a remove button that emits `bsRemove`. The consumer removes the element. Off by default,\nso a plain chip stays non-interactive."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "removable",
+                "defaultValue": "false"
+            },
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Turns the label into a link to this URL. Ignored while `disabled`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "href"
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Link target, only used with `href`. `_blank` also sets `rel=\"noopener noreferrer\"`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "target"
+            },
+            "removeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Prefix of the remove button's accessible name (\"Remove {label}\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "remove-label",
+                "defaultValue": "'Remove'"
             }
         };
     }
     static get states() {
         return {
-            "hasIcon": {}
+            "hasIcon": {},
+            "labelText": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "bsRemove",
+                "name": "bsRemove",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires when the remove button is activated, only when `removable`. No payload; the consumer\nremoves the chip. Move focus somewhere sensible in your handler -- it is lost with the element."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
 }

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const colors = ['neutral', 'warning', 'success', 'info', 'error'];
 const meta = {
-    title: 'Components/bs-chip/bs-chip-informative',
+    title: 'Components/Data display/bs-chip/bs-chip-informative',
     parameters: { docs: { description: { component: componentDescription('bs-chip-informative') } } },
     render: args => html ` <bs-chip-informative color=${args.color} size=${args.size} ?disabled=${args.disabled}>${args.label}</bs-chip-informative> `,
     argTypes: {
@@ -47,6 +47,13 @@ export const WithIcon = {
 export const Disabled = {
     args: { disabled: true },
 };
+export const Removable = {
+    render: args => html ` <bs-chip-informative color=${args.color} size=${args.size} ?disabled=${args.disabled} removable>${args.label}</bs-chip-informative> `,
+};
+export const AsLink = {
+    name: 'As link',
+    render: args => html ` <bs-chip-informative color=${args.color} size=${args.size} ?disabled=${args.disabled} href="#topic">${args.label}</bs-chip-informative> `,
+};
 export const Small = {
     args: { size: 'sm' },
 };

package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js

@@ -80,7 +80,7 @@ export class BsChipInput {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: '15fae1671d90d277794f39e32920c890b34d44d7', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '5961600e9394099821e8e33edc7de71cf6a1ad9b', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("bs-ripple", { key: 'c1c90c8d5ab81d0c23edb4b4596e68b384aa8b0c', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'e6fd75f8cb1d8b8802a2d64e0852ebcaeefaa187', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: '42997a9d073a6fab53fd23136115592cf71a62a4', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd319b4e1e40d2486482866dbf8aa3717c4b0ee7f', part: "label", class: "bs-chip-input__label" }, h("slot", { key: '6cc26505fad8432f85df93ba4f764fcdc0489eaf', onSlotchange: this.onLabelSlotchange }))), h("button", { key: 'd78649e00740738908ccbdc268720dee41340cf9', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h("bs-ripple", { key: 'dff2a2d6b215262f03bc36e34e0e083a7cf22e90', part: "ripple", centered: true, disabled: this.disabled }), h(CloseIcon, { key: 'b3b0ad0dbf5335c9225dcbbc5ed04f9960900c0e' }))));
+        return (h(Host, { key: '34e8593d614ac53f4233836e480ea4cc5b5a0d05', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: 'd12bd47ce8c8c36d6885791518e77aa5485164b7', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("bs-ripple", { key: 'b0ee66f131ee5527cea59784a576cdb89731ddb8', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'fd9e72121aa0050f26676d2aabeeb42ccdb2dc3b', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: '4766192118b7fcbcfcb39841e3cfdb19c5294802', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '3d2981a4018227dec45563ddefc605926e5fe878', part: "label", class: "bs-chip-input__label" }, h("slot", { key: '1729babcdf69259fa96e230b9a96a002b2dececa', onSlotchange: this.onLabelSlotchange }))), h("button", { key: '780205690c3d70e602dc6cd98e7c5d95c8ab1ceb', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h("bs-ripple", { key: '969c442c9eb550c439fbe712c78ab2f53e5a12ab', part: "ripple", centered: true, disabled: this.disabled }), h(CloseIcon, { key: 'bf75e06c3ffc11b02390d7f2cb26c46aadf94b50' }))));
     }
     static get is() { return "bs-chip-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const PLACEHOLDER_PHOTO = 'https://i.pravatar.cc/256?img=68';
 const meta = {
-    title: 'Components/bs-chip/bs-chip-input',
+    title: 'Components/Data display/bs-chip/bs-chip-input',
     parameters: { docs: { description: { component: componentDescription('bs-chip-input') } } },
     render: args => html ` <bs-chip-input size=${args.size} ?selected=${args.selected} ?disabled=${args.disabled}>${args.label}</bs-chip-input> `,
     argTypes: {

package/dist/collection/components/bs-citation-preview/bs-citation-preview.js

@@ -38,7 +38,7 @@ export class BsCitationPreview {
     bsOpen;
     render() {
         const hasPage = this.page !== undefined && this.page !== null && this.page !== '';
-        return (h("bs-card", { key: '87d8ef821fbdfe846de40a2d74287e757d4d98c6', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: 'edecc65323eb56ec502e4f6242376d9ca535b08b', class: "bs-citation-preview__body" }, h("bs-source-link", { key: 'a00f41ef78e294f5009e2182bc0db921137d2322', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: 'c37e3ae17dc1835461ebc53002b9e596930cfaae', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: '12ec7437fe56aa736d8ae751bed7a77109044071' })), h("div", { key: '3c2b6b1c2bf1802b835812a65865f25917b43868', class: "bs-citation-preview__footer" }, h("slot", { key: '49614ce08f91e86cacd6881b4e02f6c6cdf8046b', name: "footer" }, hasPage && (h("span", { key: '98fac4f066e02be5d7909756b1fdb6e37105b06e', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
+        return (h("bs-card", { key: 'c6c9684b62d1d701226892e3c43ad5c8c4bf77fd', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: '65abda508f4ce387a50872ccb2ef59ee9014fee1', class: "bs-citation-preview__body" }, h("bs-source-link", { key: 'd672afe4ba5ebb22e236c6972150e95b45c319f0', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: '3285fca30f62583986af275e7a2b716f03d3f725', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: 'afc997485f0e98558b0a5328941420c2b31d8062' })), h("div", { key: 'aa7afcedd447639af8d40e549f84a410f4a486f8', class: "bs-citation-preview__footer" }, h("slot", { key: '2c632a47a63597cf936c91ae72b2a73f0a4303be', name: "footer" }, hasPage && (h("span", { key: '5213014e8f6287580a8104f202192a062e9c9050', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
     }
     static get is() { return "bs-citation-preview"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-code-block/bs-code-block.stories.js

@@ -7,7 +7,7 @@ registerIcons({
   star: '<path d="M12 3l2.7 5.6 6.1.9"/>',
 });`;
 const meta = {
-    title: 'Components/bs-code-block',
+    title: 'Components/Data display/bs-code-block',
     parameters: { docs: { description: { component: componentDescription('bs-code-block') } } },
     render: args => html `
     <bs-code-block

package/dist/collection/components/bs-command-palette/bs-command-palette.js

@@ -393,7 +393,7 @@ export class BsCommandPalette {
         const sections = this.shownSections().filter(s => this.filled[s]);
         const hasList = sections.length > 0;
         const showResults = loading || empty || hasList;
-        return (h("dialog", { key: '664b76ce5f0466f35a0d75aba0f49600dfcba6ba', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, h("div", { key: 'fe4e085c97b20ff85a8a2a7d1573b76cdfa102e6', part: "panel", class: "bs-command-palette__panel" }, h("div", { key: '398c5d4d9941ad6701733c170f87d4eef77a8bc9', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (h("bs-chip-informative", { key: 'bef7179a406e7870b67c7056d76d71c29e685c18', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), h("div", { key: '64f7a2f90e696d2dfbefa73c7fcac4baeb1e3d66', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: 'dbc847385e89117d3756af9940afe3ee6af683ef', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), h("span", { key: '525119e7dda244394c2f54116ea27246390fe2a2', class: "bs-command-palette__esc", "aria-hidden": "true" }, h("bs-key", { key: 'c6172bc9bacb7e8001fa8b8a29c57cbea8cdc18b', label: "Esc" }))), showResults && h("div", { key: '0962bd70a0b883facafcf68180ab9f9c7bae3684', class: "bs-command-palette__divider", role: "presentation" }), showResults && (h("div", { key: '454715382ba589366df9c6b1b3964d8a79d47b2b', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (h("div", { key: '236e33c68396fa11b7701528f4de539d72f09000', class: "bs-command-palette__loading", role: "status" }, h("bs-spinner", { key: 'f028777638b9c0e3abae0011c2e572f027412efa', size: "sm" }), h("span", { key: '5656e7a12e0593de16e1c5bf7ff3d2e924f655ad' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (h("div", { key: '58033f868ecb4285748616d6cb7e3d95b5d8db68', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), h("span", { key: 'c9b46f7ce8a76f4b48776bf88f1e58242fb71ebf', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
+        return (h("dialog", { key: 'fef5f03166b7a42cb7ee559d2a7c5458606cf681', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, h("div", { key: '65834adcb25c5a0fefb70c5a61dd047612294938', part: "panel", class: "bs-command-palette__panel" }, h("div", { key: '0730c63678164d2d37a73919674fab891ed866a1', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (h("bs-chip-informative", { key: 'd826eec5c04930e92356097d3b42357765ba6d40', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), h("div", { key: '2187e13b78da9f3f578551ad1fd2c6a756cb8a16', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: 'e04f250b4e432d2d37635bda38fac6375fad6f3d', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), h("span", { key: '71a6daf5aa066a453c7758743014db411cf9ff8d', class: "bs-command-palette__esc", "aria-hidden": "true" }, h("bs-key", { key: 'a179db74f776bb159cf6d9beab1b833f46223a54', label: "Esc" }))), showResults && h("div", { key: 'af05d5e148e8023b270c7f15d0aacd09f6b995d1', class: "bs-command-palette__divider", role: "presentation" }), showResults && (h("div", { key: '980869c72d0e61ffcc8d48c3a6696e875ecce1dc', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (h("div", { key: '02a0b5862fae003ab2cc03f29cfe292f1dd791d0', class: "bs-command-palette__loading", role: "status" }, h("bs-spinner", { key: '0a9c51dc248312e17fcd7b94cee54b0366edb30a', size: "sm" }), h("span", { key: '0841922592a2deb2dc23c5ad9bdc97689c1ea5b3' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (h("div", { key: 'b24113d3b857770b6f648ca4b2008543998dba3f', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), h("span", { key: 'e0e8edcbd795b8c98bd48ab7a409569829ae7a97', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
     }
     static get is() { return "bs-command-palette"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-command-palette/bs-command-palette.stories.js

@@ -54,7 +54,7 @@ const rowTemplate = (r) => html `<bs-search-item slot=${r.section} value=${r.val
 const meta = {
     // The shared story data constants are exported for the tests; keep them out of the sidebar.
     excludeStories: /^[A-Z0-9_]+$/,
-    title: 'Components/bs-command-palette',
+    title: 'Components/Navigation/bs-command-palette',
     parameters: { layout: 'fullscreen', docs: { description: { component: componentDescription('bs-command-palette') }, story: { inline: false, iframeHeight: 640 } } },
     argTypes: {
         open: { control: 'boolean' },