blip-ds 1.245.0 → 1.246.0

package/dist/blip-ds/bds-accordion-body.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-6a6cee38.js';
 
-const accordionCss = ".accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:\"\";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-surface-2, #f3f6fa);opacity:0.5;mix-blend-mode:multiply}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}";
+const accordionCss = ".accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:\"\";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #202c44);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}";
 
 const AccordionBody = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-accordion-body.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{s(o.next(e))}catch(t){i(t)}}function c(e){try{s(o["throw"](e))}catch(t){i(t)}}function s(e){e.done?n(e.value):r(e.value).then(a,c)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(t){return s([e,t])}}function s(c){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(o=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;r=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){n.label=c[1];break}if(c[0]===6&&n.label<i[1]){n.label=i[1];i=c;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(c);break}if(i[2])n.ops.pop();n.trys.pop();continue}c=t.call(e,n)}catch(s){c=[6,s];r=0}finally{o=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,n;return{setters:[function(e){t=e.r;n=e.h}],execute:function(){var o='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-surface-2, #f3f6fa);opacity:0.5;mix-blend-mode:multiply}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}';var r=e("bds_accordion_body",function(){function e(e){var n=this;t(this,e);this.container=null;this.refContainer=function(e){n.container=e};this.isOpen=false;this.heightContainer=undefined;this.numberElement=null}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=false;return[2]}))}))};e.prototype.isOpenChanged=function(){this.heightContainer=this.isOpen?this.container.offsetHeight:0};e.prototype.render=function(){var e=this;return n("div",{class:"accordion_body",style:{height:"".concat(this.heightContainer,"px")}},n("div",{class:"container",ref:function(t){return e.refContainer(t)}},n("slot",null)))};Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());r.style=o}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{s(o.next(t))}catch(e){i(e)}}function c(t){try{s(o["throw"](t))}catch(e){i(e)}}function s(t){t.done?n(t.value):r(t.value).then(a,c)}s((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(o=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;r=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){n.label=c[1];break}if(c[0]===6&&n.label<i[1]){n.label=i[1];i=c;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(c);break}if(i[2])n.ops.pop();n.trys.pop();continue}c=e.call(t,n)}catch(s){c=[6,s];r=0}finally{o=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var o='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #202c44);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}';var r=t("bds_accordion_body",function(){function t(t){var n=this;e(this,t);this.container=null;this.refContainer=function(t){n.container=t};this.isOpen=false;this.heightContainer=undefined;this.numberElement=null}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=false;return[2]}))}))};t.prototype.isOpenChanged=function(){this.heightContainer=this.isOpen?this.container.offsetHeight:0};t.prototype.render=function(){var t=this;return n("div",{class:"accordion_body",style:{height:"".concat(this.heightContainer,"px")}},n("div",{class:"container",ref:function(e){return t.refContainer(e)}},n("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return t}());r.style=o}}}));

package/dist/blip-ds/bds-accordion-group.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-6a6cee38.js';
 
-const accordionCss = ".accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:\"\";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-surface-2, #f3f6fa);opacity:0.5;mix-blend-mode:multiply}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}";
+const accordionCss = ".accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:\"\";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #202c44);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}";
 
 const AccordionGroup = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-accordion-group.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,o,t,r){function n(e){return e instanceof t?e:new t((function(o){o(e)}))}return new(t||(t=Promise))((function(t,i){function c(e){try{l(r.next(e))}catch(o){i(o)}}function a(e){try{l(r["throw"](e))}catch(o){i(o)}}function l(e){e.done?t(e.value):n(e.value).then(c,a)}l((r=r.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,c;return c={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(e){return function(o){return l([e,o])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(t=0)),t)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;n=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){t.label=a[1];break}if(a[0]===6&&t.label<i[1]){t.label=i[1];i=a;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(a);break}if(i[2])t.ops.pop();t.trys.pop();continue}a=o.call(e,t)}catch(l){a=[6,l];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(e){"use strict";var o,t,r,n;return{setters:[function(e){o=e.r;t=e.e;r=e.h;n=e.g}],execute:function(){var i='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-surface-2, #f3f6fa);opacity:0.5;mix-blend-mode:multiply}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}';var c=e("bds_accordion_group",function(){function e(e){o(this,e);this.bdsAccordionCloseAll=t(this,"bdsAccordionCloseAll",7);this.accordionsElement=null;this.collapse="single"}e.prototype.closeAll=function(e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(t){this.bdsAccordionCloseAll.emit();for(o=0;o<this.accordionsElement.length;o++){if(this.collapse!="multiple"){if(e!=o)this.accordionsElement[o].close()}else{this.accordionsElement[o].close()}}return[2]}))}))};e.prototype.componentWillRender=function(){this.accordionsElement=this.element.getElementsByTagName("bds-accordion");for(var e=0;e<this.accordionsElement.length;e++){this.accordionsElement[e].reciveNumber(e)}};e.prototype.render=function(){return r("div",{class:"accordion_group"},r("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());c.style=i}}}));
+var __awaiter=this&&this.__awaiter||function(e,o,t,r){function n(e){return e instanceof t?e:new t((function(o){o(e)}))}return new(t||(t=Promise))((function(t,i){function c(e){try{l(r.next(e))}catch(o){i(o)}}function a(e){try{l(r["throw"](e))}catch(o){i(o)}}function l(e){e.done?t(e.value):n(e.value).then(c,a)}l((r=r.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,c;return c={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(e){return function(o){return l([e,o])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(t=0)),t)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;n=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){t.label=a[1];break}if(a[0]===6&&t.label<i[1]){t.label=i[1];i=a;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(a);break}if(i[2])t.ops.pop();t.trys.pop();continue}a=o.call(e,t)}catch(l){a=[6,l];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(e){"use strict";var o,t,r,n;return{setters:[function(e){o=e.r;t=e.e;r=e.h;n=e.g}],execute:function(){var i='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #202c44);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}';var c=e("bds_accordion_group",function(){function e(e){o(this,e);this.bdsAccordionCloseAll=t(this,"bdsAccordionCloseAll",7);this.accordionsElement=null;this.collapse="single"}e.prototype.closeAll=function(e){return __awaiter(this,void 0,void 0,(function(){var o;return __generator(this,(function(t){this.bdsAccordionCloseAll.emit();for(o=0;o<this.accordionsElement.length;o++){if(this.collapse!="multiple"){if(e!=o)this.accordionsElement[o].close()}else{this.accordionsElement[o].close()}}return[2]}))}))};e.prototype.componentWillRender=function(){this.accordionsElement=this.element.getElementsByTagName("bds-accordion");for(var e=0;e<this.accordionsElement.length;e++){this.accordionsElement[e].reciveNumber(e)}};e.prototype.render=function(){return r("div",{class:"accordion_group"},r("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());c.style=i}}}));

package/dist/blip-ds/bds-accordion-header.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-6a6cee38.js';
 
-const accordionCss = ".accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:\"\";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-surface-2, #f3f6fa);opacity:0.5;mix-blend-mode:multiply}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}";
+const accordionCss = ".accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:\"\";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #202c44);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}";
 
 const AccordionHeader = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-accordion-header.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(e){i(e)}}function c(t){try{s(n["throw"](t))}catch(e){i(e)}}function s(t){t.done?o(t.value):r(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(o=0)),o)try{if(n=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(c[0]===6&&o.label<i[1]){o.label=i[1];i=c;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(c);break}if(i[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(s){c=[6,s];r=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(t){"use strict";var e,o,n;return{setters:[function(t){e=t.r;o=t.h;n=t.g}],execute:function(){var r='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-surface-2, #f3f6fa);opacity:0.5;mix-blend-mode:multiply}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}';var i=t("bds_accordion_header",function(){function t(t){var o=this;e(this,t);this.accordionElement=null;this.toggleHeader=function(){var t;(t=o.accordionElement)===null||t===void 0?void 0:t.toggle()};this.isOpen=false;this.btToggleIsfocus=false;this.numberElement=null;this.accordionTitle=null;this.icon=null;this.avatarName=null;this.avatarThumb=null}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=false;return[2]}))}))};t.prototype.componentWillRender=function(){this.accordionElement=this.element.parentElement};t.prototype.handleKeyDown=function(t){var e;if(t.key=="Enter"){(e=this.accordionElement)===null||e===void 0?void 0:e.toggle()}};t.prototype.render=function(){return o("div",{onClick:this.toggleHeader,class:{accordion_header:true}},this.avatarName||this.avatarThumb?o("bds-avatar",{name:this.avatarName,thumbnail:this.avatarThumb,size:"extra-small"}):this.icon&&o("bds-icon",{size:"x-large",name:this.icon,color:"inherit"}),this.accordionTitle&&o("bds-typo",{bold:"bold",variant:"fs-16","line-height":"double"},this.accordionTitle),o("slot",null),o("bds-icon",{class:{accButton:true,accButton__isopen:this.isOpen,accButton__isfocus:this.btToggleIsfocus},size:"x-large",name:"arrow-down",color:"inherit",tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)}))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());i.style=r}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(e){i(e)}}function c(t){try{s(n["throw"](t))}catch(e){i(e)}}function s(t){t.done?o(t.value):r(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(o=0)),o)try{if(n=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(c[0]===6&&o.label<i[1]){o.label=i[1];i=c;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(c);break}if(i[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(s){c=[6,s];r=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(t){"use strict";var e,o,n;return{setters:[function(t){e=t.r;o=t.h;n=t.g}],execute:function(){var r='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #202c44);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}';var i=t("bds_accordion_header",function(){function t(t){var o=this;e(this,t);this.accordionElement=null;this.toggleHeader=function(){var t;(t=o.accordionElement)===null||t===void 0?void 0:t.toggle()};this.isOpen=false;this.btToggleIsfocus=false;this.numberElement=null;this.accordionTitle=null;this.icon=null;this.avatarName=null;this.avatarThumb=null}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=false;return[2]}))}))};t.prototype.componentWillRender=function(){this.accordionElement=this.element.parentElement};t.prototype.handleKeyDown=function(t){var e;if(t.key=="Enter"){(e=this.accordionElement)===null||e===void 0?void 0:e.toggle()}};t.prototype.render=function(){return o("div",{onClick:this.toggleHeader,class:{accordion_header:true}},this.avatarName||this.avatarThumb?o("bds-avatar",{name:this.avatarName,thumbnail:this.avatarThumb,size:"extra-small"}):this.icon&&o("bds-icon",{size:"x-large",name:this.icon,color:"inherit"}),this.accordionTitle&&o("bds-typo",{bold:"bold",variant:"fs-16","line-height":"double"},this.accordionTitle),o("slot",null),o("bds-icon",{class:{accButton:true,accButton__isopen:this.isOpen,accButton__isfocus:this.btToggleIsfocus},size:"x-large",name:"arrow-down",color:"inherit",tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)}))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());i.style=r}}}));

package/dist/blip-ds/bds-accordion.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-6a6cee38.js';
 
-const accordionCss = ".accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:\"\";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-surface-2, #f3f6fa);opacity:0.5;mix-blend-mode:multiply}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}";
+const accordionCss = ".accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:\"\";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #202c44);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}";
 
 const AccordionGroup = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-accordion.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,n){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{s(n.next(e))}catch(t){i(t)}}function a(e){try{s(n["throw"](e))}catch(t){i(t)}}function s(e){e.done?o(e.value):r(e.value).then(c,a)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,c;return c={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(o=0)),o)try{if(n=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;r=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(s){a=[6,s];r=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,o,n,r;return{setters:[function(e){t=e.r;o=e.e;n=e.h;r=e.g}],execute:function(){var i='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-surface-2, #f3f6fa);opacity:0.5;mix-blend-mode:multiply}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}';var c=e("bds_accordion",function(){function e(e){t(this,e);this.bdsToggle=o(this,"bdsToggle",7);this.bdsAccordionOpen=o(this,"bdsAccordionOpen",7);this.bdsAccordionClose=o(this,"bdsAccordionClose",7);this.accGroup=null;this.accheaders=null;this.accBodies=null;this.isOpen=false;this.numberElement=null}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=true;return[2]}))}))};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(o){(e=this.accheaders)===null||e===void 0?void 0:e.close();(t=this.accBodies)===null||t===void 0?void 0:t.close();return[2]}))}))};e.prototype.reciveNumber=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.numberElement=e;return[2]}))}))};e.prototype.isOpenChanged=function(e){var t,o,n;(t=this.accheaders)===null||t===void 0?void 0:t.toggle();(o=this.accBodies)===null||o===void 0?void 0:o.toggle();this.bdsToggle.emit({value:e});if(e){this.bdsAccordionOpen.emit()}else{this.bdsAccordionClose.emit()}if(this.accGroup.collapse=="single")(n=this.accGroup)===null||n===void 0?void 0:n.closeAll(this.numberElement)};e.prototype.componentWillRender=function(){this.accGroup=this.element.parentElement.tagName=="BDS-ACCORDION-GROUP"&&this.element.parentElement;this.accheaders=this.element.children[0];this.accBodies=this.element.children[1]};e.prototype.render=function(){return n("div",{class:"accordion_group"},n("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());c.style=i}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,o,n){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{s(n.next(e))}catch(t){i(t)}}function a(e){try{s(n["throw"](e))}catch(t){i(t)}}function s(e){e.done?o(e.value):r(e.value).then(c,a)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,c;return c={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(o=0)),o)try{if(n=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;r=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(s){a=[6,s];r=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,o,n,r;return{setters:[function(e){t=e.r;o=e.e;n=e.h;r=e.g}],execute:function(){var i='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #202c44);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #202c44);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #ffffff)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #ffffff)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #e7edf4);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #202c44)}';var c=e("bds_accordion",function(){function e(e){t(this,e);this.bdsToggle=o(this,"bdsToggle",7);this.bdsAccordionOpen=o(this,"bdsAccordionOpen",7);this.bdsAccordionClose=o(this,"bdsAccordionClose",7);this.accGroup=null;this.accheaders=null;this.accBodies=null;this.isOpen=false;this.numberElement=null}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=true;return[2]}))}))};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(o){(e=this.accheaders)===null||e===void 0?void 0:e.close();(t=this.accBodies)===null||t===void 0?void 0:t.close();return[2]}))}))};e.prototype.reciveNumber=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.numberElement=e;return[2]}))}))};e.prototype.isOpenChanged=function(e){var t,o,n;(t=this.accheaders)===null||t===void 0?void 0:t.toggle();(o=this.accBodies)===null||o===void 0?void 0:o.toggle();this.bdsToggle.emit({value:e});if(e){this.bdsAccordionOpen.emit()}else{this.bdsAccordionClose.emit()}if(this.accGroup.collapse=="single")(n=this.accGroup)===null||n===void 0?void 0:n.closeAll(this.numberElement)};e.prototype.componentWillRender=function(){this.accGroup=this.element.parentElement.tagName=="BDS-ACCORDION-GROUP"&&this.element.parentElement;this.accheaders=this.element.children[0];this.accBodies=this.element.children[1]};e.prototype.render=function(){return n("div",{class:"accordion_group"},n("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}());c.style=i}}}));

package/dist/blip-ds/bds-alert-body.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-6a6cee38.js';
 
-const alertBodyCss = ".alert__body{position:relative;width:100%;padding:12px 16px;margin-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.alert__body bds-typo{color:#202c44}";
+const alertBodyCss = ".alert__body{position:relative;width:100%;padding:12px 16px;margin-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}";
 
 const AlertBody = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-alert-body.system.entry.js

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(t){"use strict";var r,o;return{setters:[function(t){r=t.r;o=t.h}],execute:function(){var e=".alert__body{position:relative;width:100%;padding:12px 16px;margin-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.alert__body bds-typo{color:#202c44}";var n=t("bds_alert_body",function(){function t(t){r(this,t)}t.prototype.render=function(){return o("div",{class:"alert__body"},o("bds-typo",{variant:"fs-14",bold:"regular",slot:"body"},o("slot",null)))};return t}());n.style=e}}}));
+System.register(["./index-4e852389.system.js"],(function(t){"use strict";var r,e;return{setters:[function(t){r=t.r;e=t.h}],execute:function(){var o=".alert__body{position:relative;width:100%;padding:12px 16px;margin-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}";var n=t("bds_alert_body",function(){function t(t){r(this,t)}t.prototype.render=function(){return e("div",{class:"alert__body"},e("bds-typo",{variant:"fs-14",bold:"regular",slot:"body"},e("slot",null)))};return t}());n.style=o}}}));

package/dist/blip-ds/bds-alert-header.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-6a6cee38.js';
 
-const alertHeaderCss = ".alert__header{width:100%;min-height:64px;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.alert__header bds-icon{min-width:32px}.alert__header bds-typo{margin-left:8px;color:var(--color-content-default, #202c44)}.alert__header--system{background:var(--color-system, #b3d4ff)}.alert__header--system bds-typo{color:var(--color-content-default, #202c44)}.alert__header--system .color-icon{color:var(--color-content-default, #202c44)}.alert__header--error{background:var(--color-error, #ffa5a5)}.alert__header--error bds-typo{color:var(--color-content-default, #202c44)}.alert__header--error .color-icon{color:var(--color-content-default, #202c44)}.alert__header--warning{background:var(--color-warning, #fff6a8)}.alert__header--warning bds-typo{color:var(--color-content-default, #202c44)}.alert__header--warning .color-icon{color:var(--color-content-default, #202c44)}.alert__header--delete{background:var(--color-delete, #ff4c4c)}.alert__header--delete bds-typo{color:var(--color-surface-1, #ffffff)}.alert__header--delete .color-icon{color:var(--color-surface-1, #ffffff)}";
+const alertHeaderCss = ".alert__header{width:100%;min-height:64px;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.alert__header bds-icon{min-width:32px}.alert__header bds-typo{margin-left:8px;color:var(--color-content-din, #000)}.alert__header--system{background:var(--color-system, #b3d4ff)}.alert__header--system bds-typo{color:var(--color-content-din, #000)}.alert__header--system .color-icon{color:var(--color-content-din, #000)}.alert__header--error{background:var(--color-error, #ffa5a5)}.alert__header--error bds-typo{color:var(--color-content-din, #000)}.alert__header--error .color-icon{color:var(--color-content-din, #000)}.alert__header--warning{background:var(--color-warning, #fff6a8)}.alert__header--warning bds-typo{color:var(--color-content-din, #000)}.alert__header--warning .color-icon{color:var(--color-content-din, #000)}.alert__header--delete{background:var(--color-delete, #ff4c4c)}.alert__header--delete bds-typo{color:var(--color-content-bright, #fff)}.alert__header--delete .color-icon{color:var(--color-content-bright, #fff)}";
 
 const AlertHeader = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-alert-header.system.entry.js

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(e){"use strict";var r,o;return{setters:[function(e){r=e.r;o=e.h}],execute:function(){var t=".alert__header{width:100%;min-height:64px;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.alert__header bds-icon{min-width:32px}.alert__header bds-typo{margin-left:8px;color:var(--color-content-default, #202c44)}.alert__header--system{background:var(--color-system, #b3d4ff)}.alert__header--system bds-typo{color:var(--color-content-default, #202c44)}.alert__header--system .color-icon{color:var(--color-content-default, #202c44)}.alert__header--error{background:var(--color-error, #ffa5a5)}.alert__header--error bds-typo{color:var(--color-content-default, #202c44)}.alert__header--error .color-icon{color:var(--color-content-default, #202c44)}.alert__header--warning{background:var(--color-warning, #fff6a8)}.alert__header--warning bds-typo{color:var(--color-content-default, #202c44)}.alert__header--warning .color-icon{color:var(--color-content-default, #202c44)}.alert__header--delete{background:var(--color-delete, #ff4c4c)}.alert__header--delete bds-typo{color:var(--color-surface-1, #ffffff)}.alert__header--delete .color-icon{color:var(--color-surface-1, #ffffff)}";var a=e("bds_alert_header",function(){function e(e){r(this,e);this.variant="system";this.icon=null}e.prototype.render=function(){var e;return o("div",{class:(e={alert__header:true},e["alert__header--".concat(this.variant)]=true,e)},this.icon&&o("bds-icon",{class:"color-icon",theme:"outline",size:"x-large",name:this.icon}),o("bds-typo",{variant:"fs-16",bold:"bold"},o("slot",null)))};return e}());a.style=t}}}));
+System.register(["./index-4e852389.system.js"],(function(r){"use strict";var e,o;return{setters:[function(r){e=r.r;o=r.h}],execute:function(){var t=".alert__header{width:100%;min-height:64px;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.alert__header bds-icon{min-width:32px}.alert__header bds-typo{margin-left:8px;color:var(--color-content-din, #000)}.alert__header--system{background:var(--color-system, #b3d4ff)}.alert__header--system bds-typo{color:var(--color-content-din, #000)}.alert__header--system .color-icon{color:var(--color-content-din, #000)}.alert__header--error{background:var(--color-error, #ffa5a5)}.alert__header--error bds-typo{color:var(--color-content-din, #000)}.alert__header--error .color-icon{color:var(--color-content-din, #000)}.alert__header--warning{background:var(--color-warning, #fff6a8)}.alert__header--warning bds-typo{color:var(--color-content-din, #000)}.alert__header--warning .color-icon{color:var(--color-content-din, #000)}.alert__header--delete{background:var(--color-delete, #ff4c4c)}.alert__header--delete bds-typo{color:var(--color-content-bright, #fff)}.alert__header--delete .color-icon{color:var(--color-content-bright, #fff)}";var n=r("bds_alert_header",function(){function r(r){e(this,r);this.variant="system";this.icon=null}r.prototype.render=function(){var r;return o("div",{class:(r={alert__header:true},r["alert__header--".concat(this.variant)]=true,r)},this.icon&&o("bds-icon",{class:"color-icon",theme:"outline",size:"x-large",name:this.icon}),o("bds-typo",{variant:"fs-16",bold:"bold"},o("slot",null)))};return r}());n.style=t}}}));

package/dist/blip-ds/bds-avatar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host } from './index-6a6cee38.js';
 
-const avatarCss = ":host{position:relative;display:block}.avatar{border-radius:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #ffffff)}.avatar__text{color:var(--color-content-default, #202c44)}.avatar__icon{color:var(--color-surface-1, #ffffff)}.avatar__img{width:100%;height:auto}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{width:100%;height:auto}.avatar__btn__text{color:var(--color-content-default, #202c44);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-default, #202c44);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;background-color:var(--color-content-default, #202c44);cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #ffffff)}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-surface-1, #ffffff)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-surface-1, #ffffff)}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--neutral{background-color:var(--color-content-default, #202c44)}.avatar__color--yellow{background-color:var(--color-warning, #fff6a8)}.avatar__color--blue{background-color:var(--color-system, #b3d4ff)}.avatar__color--green{background-color:var(--color-success, #90e6bc)}.avatar__color--brown{background-color:var(--color-info, #80e3eb)}.avatar__color--pink{background-color:var(--color-error, #ffa5a5)}.avatar:hover .avatar__btn__thumb{opacity:0.65}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
+const avatarCss = ":host{position:relative;display:block}.avatar{border-radius:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #ffffff)}.avatar__text{color:var(--color-content-din, #000)}.avatar__icon{color:var(--color-surface-1, #ffffff)}.avatar__img{width:100%;height:auto}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{width:100%;height:auto}.avatar__btn__text{color:var(--color-content-din, #000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #202c44);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #ffffff);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000)}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--neutral{background-color:var(--color-system, #b3d4ff)}.avatar__color--yellow{background-color:var(--color-warning, #fff6a8)}.avatar__color--blue{background-color:var(--color-system, #b3d4ff)}.avatar__color--green{background-color:var(--color-success, #90e6bc)}.avatar__color--brown{background-color:var(--color-info, #80e3eb)}.avatar__color--pink{background-color:var(--color-error, #ffa5a5)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
 
 const BdsAvatar = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-avatar.system.entry.js

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(a){"use strict";var t,i,e,o;return{setters:[function(a){t=a.r;i=a.e;e=a.h;o=a.f}],execute:function(){var n=":host{position:relative;display:block}.avatar{border-radius:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #ffffff)}.avatar__text{color:var(--color-content-default, #202c44)}.avatar__icon{color:var(--color-surface-1, #ffffff)}.avatar__img{width:100%;height:auto}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{width:100%;height:auto}.avatar__btn__text{color:var(--color-content-default, #202c44);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-default, #202c44);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;background-color:var(--color-content-default, #202c44);cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #ffffff)}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-surface-1, #ffffff)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-surface-1, #ffffff)}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--neutral{background-color:var(--color-content-default, #202c44)}.avatar__color--yellow{background-color:var(--color-warning, #fff6a8)}.avatar__color--blue{background-color:var(--color-system, #b3d4ff)}.avatar__color--green{background-color:var(--color-success, #90e6bc)}.avatar__color--brown{background-color:var(--color-info, #80e3eb)}.avatar__color--pink{background-color:var(--color-error, #ffa5a5)}.avatar:hover .avatar__btn__thumb{opacity:0.65}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var r=a("bds_avatar",function(){function a(a){var e=this;t(this,a);this.bdsClickAvatar=i(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(a){switch(a){case"micro":e.typoSize="fs-12";e.iconSize="xx-small";break;case"extra-small":e.typoSize="fs-14";e.iconSize="x-small";break;case"small":e.typoSize="fs-16";e.iconSize="x-small";break;case"standard":e.typoSize="fs-20";e.iconSize="medium";break;case"large":e.typoSize="fs-24";e.iconSize="xxx-large";break;case"extra-large":e.typoSize="fs-32";e.iconSize="xxx-large";break;default:e.typoSize="fs-20";e.iconSize="medium"}};this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.dataTest=null}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.upload){a.preventDefault();this.bdsClickAvatar.emit()}};a.prototype.render=function(){var a;var t=this;var i=["yellow","blue","green","brown","pink"];var n=i[Math.floor(Math.random()*i.length)];var r=!this.name||this.ellipsis?"neutral":n;var s=this.name?this.name.split(" "):[];var l=s.length?s.shift().charAt(0):"";var c=s.length?s.pop().charAt(0):"";this.selectTypoSize(this.size);return e(o,null,e("div",{class:(a={avatar:true},a["avatar__color--".concat(r)]=true,a["avatar__size--".concat(this.size)]=true,a.upload=this.upload,a),"data-test":this.dataTest},this.ellipsis?e("bds-typo",{margin:false,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick}},e("img",{class:"avatar__btn__img",src:this.thumbnail}),e("div",{class:"avatar__btn__thumb"},e("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick}},e("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},l+c),e("div",{class:"avatar__btn__name"},e("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},l+c):this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick}},e("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),e("div",{class:"avatar__btn__empty"},e("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&this.size!=="micro"?e("div",{tabindex:"0",onClick:function(){return t.handleClickKey},class:"focus"}):"")};return a}());r.style=n}}}));
+System.register(["./index-4e852389.system.js"],(function(a){"use strict";var t,i,e,o;return{setters:[function(a){t=a.r;i=a.e;e=a.h;o=a.f}],execute:function(){var n=':host{position:relative;display:block}.avatar{border-radius:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #ffffff)}.avatar__text{color:var(--color-content-din, #000)}.avatar__icon{color:var(--color-surface-1, #ffffff)}.avatar__img{width:100%;height:auto}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{width:100%;height:auto}.avatar__btn__text{color:var(--color-content-din, #000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #202c44);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #ffffff);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000)}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--neutral{background-color:var(--color-system, #b3d4ff)}.avatar__color--yellow{background-color:var(--color-warning, #fff6a8)}.avatar__color--blue{background-color:var(--color-system, #b3d4ff)}.avatar__color--green{background-color:var(--color-success, #90e6bc)}.avatar__color--brown{background-color:var(--color-info, #80e3eb)}.avatar__color--pink{background-color:var(--color-error, #ffa5a5)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';var r=a("bds_avatar",function(){function a(a){var e=this;t(this,a);this.bdsClickAvatar=i(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(a){switch(a){case"micro":e.typoSize="fs-12";e.iconSize="xx-small";break;case"extra-small":e.typoSize="fs-14";e.iconSize="x-small";break;case"small":e.typoSize="fs-16";e.iconSize="x-small";break;case"standard":e.typoSize="fs-20";e.iconSize="medium";break;case"large":e.typoSize="fs-24";e.iconSize="xxx-large";break;case"extra-large":e.typoSize="fs-32";e.iconSize="xxx-large";break;default:e.typoSize="fs-20";e.iconSize="medium"}};this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.dataTest=null}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.upload){a.preventDefault();this.bdsClickAvatar.emit()}};a.prototype.render=function(){var a;var t=this;var i=["yellow","blue","green","brown","pink"];var n=i[Math.floor(Math.random()*i.length)];var r=!this.name||this.ellipsis?"neutral":n;var s=this.name?this.name.split(" "):[];var l=s.length?s.shift().charAt(0):"";var c=s.length?s.pop().charAt(0):"";this.selectTypoSize(this.size);return e(o,null,e("div",{class:(a={avatar:true},a["avatar__color--".concat(r)]=true,a["avatar__size--".concat(this.size)]=true,a.upload=this.upload,a),"data-test":this.dataTest},this.ellipsis?e("bds-typo",{margin:false,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick}},e("img",{class:"avatar__btn__img",src:this.thumbnail}),e("div",{class:"avatar__btn__thumb"},e("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick}},e("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},l+c),e("div",{class:"avatar__btn__name"},e("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},l+c):this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return t.onUploadClick}},e("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),e("div",{class:"avatar__btn__empty"},e("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&this.size!=="micro"?e("div",{tabindex:"0",onClick:function(){return t.handleClickKey},class:"focus"}):"")};return a}());r.style=n}}}));

package/dist/blip-ds/bds-badge.entry.js

@@ -0,0 +1,41 @@
+import { r as registerInstance, h, f as Host } from './index-6a6cee38.js';
+
+const badgeCss = "@-webkit-keyframes pulse{from{scale:100%;opacity:1}to{scale:140%;opacity:0}}@keyframes pulse{from{scale:100%;opacity:1}to{scale:140%;opacity:0}}@-webkit-keyframes pulse-status{from{scale:100%;opacity:1}to{scale:200%;opacity:0}}@keyframes pulse-status{from{scale:100%;opacity:1}to{scale:200%;opacity:0}}.color--system{background-color:var(--color-system, #b3d4ff);color:var(--color-system, #b3d4ff)}.color--danger{background-color:var(--color-error, #ffa5a5);color:var(--color-error, #ffa5a5)}.color--warning{background-color:var(--color-warning, #fff6a8);color:var(--color-warning, #fff6a8)}.color--success{background-color:var(--color-success, #90e6bc);color:var(--color-success, #90e6bc)}.color--neutral{background-color:var(--color-surface-3, #e7edf4);color:var(--color-surface-3, #e7edf4)}:host{display:-ms-inline-flexbox;display:inline-flex}.chip_badge .status{width:8px;height:8px}.chip_badge .status--circle{width:0;height:0;border:4px solid;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chip_badge .status--circle-true::before{content:\"\";width:8px;height:8px;position:absolute;border:1px solid;border-radius:8px;-webkit-animation:pulse-status 500ms ease-out infinite;animation:pulse-status 500ms ease-out infinite}.chip_badge .status--triangle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid}.chip_badge .status--triangle-reverse{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid}.chip_badge .status--polygon{width:0;height:0;border:4px solid;rotate:45deg}.chip_badge .status--square{width:0;height:0;border:4px solid}.chip_badge .icon{position:relative}.chip_badge .icon bds-icon{position:absolute;color:var(--color-content-din, #000)}.chip_badge .icon--circle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chip_badge .icon--circle .trim{width:24px;height:24px;border-radius:16px}.chip_badge .icon--circle .trim-true::before{content:\"\";width:24px;height:24px;left:-2px;top:-2px;position:absolute;border:2px solid;border-radius:16px;-webkit-animation:pulse 500ms ease-out infinite;animation:pulse 500ms ease-out infinite}.chip_badge .icon--triangle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:end}.chip_badge .icon--triangle .trim{width:24px;height:24px;-webkit-clip-path:polygon(50% 0, 100% 100%, 0 100%);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.chip_badge .icon--triangle-reverse{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:start}.chip_badge .icon--triangle-reverse .trim{width:24px;height:24px;-webkit-clip-path:polygon(50% 100%, 0 0, 100% 0);clip-path:polygon(50% 100%, 0 0, 100% 0)}.chip_badge .icon--polygon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chip_badge .icon--polygon .trim{width:24px;height:24px;-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.chip_badge .icon--square{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chip_badge .icon--square .trim{width:24px;height:24px}.chip_badge .number{display:-ms-flexbox;display:flex;height:24px;padding:0 8px;border-radius:16px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative}.chip_badge .number--true::before{content:\"\";width:100%;height:24px;left:-2px;top:-2px;position:absolute;border:2px solid;border-radius:16px;-webkit-animation:pulse 500ms ease-out infinite;animation:pulse 500ms ease-out infinite}.chip_badge .number bds-typo{color:var(--color-content-din, #000)}";
+
+const Badge = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.type = 'status';
+    this.color = 'system';
+    this.shape = 'circle';
+    this.icon = null;
+    this.number = null;
+    this.animation = false;
+  }
+  componentDidLoad() {
+    if (this.icon === null && this.number) {
+      this.type = 'number';
+    }
+    else if (this.number === null && this.icon) {
+      this.type = 'icon';
+    }
+    else if (this.number && this.icon) {
+      this.type = 'number';
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", { class: {
+        chip_badge: true,
+        [`chip_badge--${this.shape}`]: true,
+        [`chip_badge--${this.color}`]: true,
+      } }, this.type === 'status' && (h("div", { class: {
+        status: true,
+        [`status--${this.shape}`]: true,
+        [`color--${this.color}`]: true,
+        [`status--circle-${this.animation}`]: true,
+      } })), this.type === 'icon' && (h("div", { class: { icon: true, [`icon--${this.shape}`]: true } }, h("div", { class: { [`color--${this.color}`]: true, trim: true, [`trim-${this.animation}`]: true } }), h("bds-icon", { size: "xxx-small", name: this.icon }))), this.type === 'number' && (h("div", { class: { number: true, [`color--${this.color}`]: true, [`number--${this.animation}`]: true } }, h("bds-typo", { variant: "fs-12", bold: "bold", margin: false }, this.number >= 999 ? '999+' : this.number))))));
+  }
+};
+Badge.style = badgeCss;
+
+export { Badge as bds_badge };

package/dist/blip-ds/bds-badge.system.entry.js

@@ -0,0 +1 @@
+System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,i,o;return{setters:[function(e){t=e.r;i=e.h;o=e.f}],execute:function(){var s='@-webkit-keyframes pulse{from{scale:100%;opacity:1}to{scale:140%;opacity:0}}@keyframes pulse{from{scale:100%;opacity:1}to{scale:140%;opacity:0}}@-webkit-keyframes pulse-status{from{scale:100%;opacity:1}to{scale:200%;opacity:0}}@keyframes pulse-status{from{scale:100%;opacity:1}to{scale:200%;opacity:0}}.color--system{background-color:var(--color-system, #b3d4ff);color:var(--color-system, #b3d4ff)}.color--danger{background-color:var(--color-error, #ffa5a5);color:var(--color-error, #ffa5a5)}.color--warning{background-color:var(--color-warning, #fff6a8);color:var(--color-warning, #fff6a8)}.color--success{background-color:var(--color-success, #90e6bc);color:var(--color-success, #90e6bc)}.color--neutral{background-color:var(--color-surface-3, #e7edf4);color:var(--color-surface-3, #e7edf4)}:host{display:-ms-inline-flexbox;display:inline-flex}.chip_badge .status{width:8px;height:8px}.chip_badge .status--circle{width:0;height:0;border:4px solid;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chip_badge .status--circle-true::before{content:"";width:8px;height:8px;position:absolute;border:1px solid;border-radius:8px;-webkit-animation:pulse-status 500ms ease-out infinite;animation:pulse-status 500ms ease-out infinite}.chip_badge .status--triangle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid}.chip_badge .status--triangle-reverse{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid}.chip_badge .status--polygon{width:0;height:0;border:4px solid;rotate:45deg}.chip_badge .status--square{width:0;height:0;border:4px solid}.chip_badge .icon{position:relative}.chip_badge .icon bds-icon{position:absolute;color:var(--color-content-din, #000)}.chip_badge .icon--circle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chip_badge .icon--circle .trim{width:24px;height:24px;border-radius:16px}.chip_badge .icon--circle .trim-true::before{content:"";width:24px;height:24px;left:-2px;top:-2px;position:absolute;border:2px solid;border-radius:16px;-webkit-animation:pulse 500ms ease-out infinite;animation:pulse 500ms ease-out infinite}.chip_badge .icon--triangle{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:end}.chip_badge .icon--triangle .trim{width:24px;height:24px;-webkit-clip-path:polygon(50% 0, 100% 100%, 0 100%);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.chip_badge .icon--triangle-reverse{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:start}.chip_badge .icon--triangle-reverse .trim{width:24px;height:24px;-webkit-clip-path:polygon(50% 100%, 0 0, 100% 0);clip-path:polygon(50% 100%, 0 0, 100% 0)}.chip_badge .icon--polygon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chip_badge .icon--polygon .trim{width:24px;height:24px;-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.chip_badge .icon--square{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chip_badge .icon--square .trim{width:24px;height:24px}.chip_badge .number{display:-ms-flexbox;display:flex;height:24px;padding:0 8px;border-radius:16px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative}.chip_badge .number--true::before{content:"";width:100%;height:24px;left:-2px;top:-2px;position:absolute;border:2px solid;border-radius:16px;-webkit-animation:pulse 500ms ease-out infinite;animation:pulse 500ms ease-out infinite}.chip_badge .number bds-typo{color:var(--color-content-din, #000)}';var r=e("bds_badge",function(){function e(e){t(this,e);this.type="status";this.color="system";this.shape="circle";this.icon=null;this.number=null;this.animation=false}e.prototype.componentDidLoad=function(){if(this.icon===null&&this.number){this.type="number"}else if(this.number===null&&this.icon){this.type="icon"}else if(this.number&&this.icon){this.type="number"}};e.prototype.render=function(){var e,t,s,r,a;return i(o,null,i("div",{class:(e={chip_badge:true},e["chip_badge--".concat(this.shape)]=true,e["chip_badge--".concat(this.color)]=true,e)},this.type==="status"&&i("div",{class:(t={status:true},t["status--".concat(this.shape)]=true,t["color--".concat(this.color)]=true,t["status--circle-".concat(this.animation)]=true,t)}),this.type==="icon"&&i("div",{class:(s={icon:true},s["icon--".concat(this.shape)]=true,s)},i("div",{class:(r={},r["color--".concat(this.color)]=true,r.trim=true,r["trim-".concat(this.animation)]=true,r)}),i("bds-icon",{size:"xxx-small",name:this.icon})),this.type==="number"&&i("div",{class:(a={number:true},a["color--".concat(this.color)]=true,a["number--".concat(this.animation)]=true,a)},i("bds-typo",{variant:"fs-12",bold:"bold",margin:false},this.number>=999?"999+":this.number))))};return e}());r.style=s}}}));

package/dist/blip-ds/bds-banner.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-6a6cee38.js';
 
-const bannerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;font-weight:700}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;padding:8px 16px;min-height:40px;color:var(--color-content-default, #202c44)}:host .banner__holder--context--inside{border-radius:8px}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--warning{background-color:var(--color-warning, #fff6a8)}:host .banner__holder--system{background-color:var(--color-system, #b3d4ff)}:host .banner__holder--info{background-color:var(--color-info, #80e3eb)}:host .banner__holder--error{background-color:var(--color-error, #ffa5a5)}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content .slot{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-left:8px;width:100%;color:var(--color-content-default, #202c44)}:host .banner__action{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host .banner__action .close{cursor:pointer;display:-ms-flexbox;display:flex;margin-left:8px}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}";
+const bannerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;font-weight:700}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;padding:8px 16px;min-height:40px;color:var(--color-content-din, #000)}:host .banner__holder--context--inside{border-radius:8px}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--warning{background-color:var(--color-warning, #fff6a8)}:host .banner__holder--system{background-color:var(--color-system, #b3d4ff)}:host .banner__holder--info{background-color:var(--color-info, #80e3eb)}:host .banner__holder--error{background-color:var(--color-error, #ffa5a5)}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content .slot{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-left:8px;width:100%}:host .banner__action{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host .banner__action .close{cursor:pointer;display:-ms-flexbox;display:flex;margin-left:8px}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}";
 
 const Banner = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-banner.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(r.next(e))}catch(t){o(t)}}function a(e){try{l(r["throw"](e))}catch(t){o(t)}}function l(e){e.done?n(e.value):i(e.value).then(s,a)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(n=0)),n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(l){a=[6,l];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,n,r,i,o;return{setters:[function(e){t=e.r;n=e.e;r=e.h;i=e.f;o=e.g}],execute:function(){var s=':host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;font-weight:700}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;padding:8px 16px;min-height:40px;color:var(--color-content-default, #202c44)}:host .banner__holder--context--inside{border-radius:8px}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--warning{background-color:var(--color-warning, #fff6a8)}:host .banner__holder--system{background-color:var(--color-system, #b3d4ff)}:host .banner__holder--info{background-color:var(--color-info, #80e3eb)}:host .banner__holder--error{background-color:var(--color-error, #ffa5a5)}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content .slot{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-left:8px;width:100%;color:var(--color-content-default, #202c44)}:host .banner__action{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host .banner__action .close{cursor:pointer;display:-ms-flexbox;display:flex;margin-left:8px}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}';var a=e("bds_banner",function(){function e(e){var r=this;t(this,e);this.bdsBannerClose=n(this,"bdsBannerClose",7);this._buttonClickHandler=function(){r.bdsBannerClose.emit();r.visible=false};this.visible=true;this.bannerAlign="center";this.buttonClose="false";this.context="outside";this.variant="system"}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.visible=!this.visible;return[2]}))}))};e.prototype.render=function(){var e;var t=this;return r(i,{class:{banner:true,"banner--hide":!this.visible}},r("div",{class:(e={banner__holder:true},e["banner__holder--align--".concat(this.bannerAlign)]=true,e["banner__holder--".concat(this.variant)]=true,e["banner__holder--context--".concat(this.context)]=true,e)},r("div",{class:{banner__content:true}},this.variant==="warning"&&r("bds-icon",{class:"icon_left",theme:"outline",size:"medium",name:"warning"}),this.variant==="system"&&r("bds-icon",{class:"icon_left",theme:"outline",size:"medium",name:"info"}),this.variant==="info"&&r("bds-icon",{class:"icon_left",theme:"outline",size:"medium",name:"message-ballon"}),this.variant==="error"&&r("bds-icon",{class:"icon_left",theme:"outline",size:"medium",name:"error"}),r("div",{class:"slot"},r("slot",null))),r("div",{class:{banner__action:true}},this.buttonClose==="true"&&r("div",{class:"close",onClick:function(){return t._buttonClickHandler()}},r("bds-button-icon",{icon:"close",size:"short",variant:"secondary"})))))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());a.style=s}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(r.next(e))}catch(t){o(t)}}function a(e){try{l(r["throw"](e))}catch(t){o(t)}}function l(e){e.done?n(e.value):i(e.value).then(s,a)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(n=0)),n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(l){a=[6,l];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,n,r,i,o;return{setters:[function(e){t=e.r;n=e.e;r=e.h;i=e.f;o=e.g}],execute:function(){var s=':host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;font-weight:700}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;padding:8px 16px;min-height:40px;color:var(--color-content-din, #000)}:host .banner__holder--context--inside{border-radius:8px}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--warning{background-color:var(--color-warning, #fff6a8)}:host .banner__holder--system{background-color:var(--color-system, #b3d4ff)}:host .banner__holder--info{background-color:var(--color-info, #80e3eb)}:host .banner__holder--error{background-color:var(--color-error, #ffa5a5)}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content .slot{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-left:8px;width:100%}:host .banner__action{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host .banner__action .close{cursor:pointer;display:-ms-flexbox;display:flex;margin-left:8px}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}';var a=e("bds_banner",function(){function e(e){var r=this;t(this,e);this.bdsBannerClose=n(this,"bdsBannerClose",7);this._buttonClickHandler=function(){r.bdsBannerClose.emit();r.visible=false};this.visible=true;this.bannerAlign="center";this.buttonClose="false";this.context="outside";this.variant="system"}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.visible=!this.visible;return[2]}))}))};e.prototype.render=function(){var e;var t=this;return r(i,{class:{banner:true,"banner--hide":!this.visible}},r("div",{class:(e={banner__holder:true},e["banner__holder--align--".concat(this.bannerAlign)]=true,e["banner__holder--".concat(this.variant)]=true,e["banner__holder--context--".concat(this.context)]=true,e)},r("div",{class:{banner__content:true}},this.variant==="warning"&&r("bds-icon",{class:"icon_left",theme:"outline",size:"medium",name:"warning"}),this.variant==="system"&&r("bds-icon",{class:"icon_left",theme:"outline",size:"medium",name:"info"}),this.variant==="info"&&r("bds-icon",{class:"icon_left",theme:"outline",size:"medium",name:"message-ballon"}),this.variant==="error"&&r("bds-icon",{class:"icon_left",theme:"outline",size:"medium",name:"error"}),r("div",{class:"slot"},r("slot",null))),r("div",{class:{banner__action:true}},this.buttonClose==="true"&&r("div",{class:"close",onClick:function(){return t._buttonClickHandler()}},r("bds-button-icon",{icon:"close",size:"short",variant:"secondary"})))))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());a.style=s}}}));

package/dist/blip-ds/bds-checkbox.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h } from './index-6a6cee38.js';
 
-const checkboxCss = ".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-content-bright, #fff)}.checkbox__icon:hover{border-color:var(--color-brand, #3f7de8)}.checkbox--selected .checkbox__icon{background-color:var(--color-brand, #3f7de8)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #3f7de8)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-bright, #fff);border:1px solid var(--color-brand, #3f7de8);background-color:var(--color-brand, #3f7de8);opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-brand, #3f7de8)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #ffffff);border:1px solid var(--color-brand, #3f7de8);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #202c44)}";
+const checkboxCss = ".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-surface-1, #ffffff)}.checkbox__icon:hover{border-color:var(--color-brand, #3f7de8)}.checkbox--selected .checkbox__icon{background-color:var(--color-brand, #3f7de8);color:var(--color-content-bright, #fff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #3f7de8)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-bright, #fff);border:1px solid var(--color-brand, #3f7de8);background-color:var(--color-brand, #3f7de8);opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-brand, #3f7de8)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #ffffff);border:1px solid var(--color-brand, #3f7de8);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #202c44)}";
 
 let checkBoxIds = 0;
 const Checkbox = class {

package/dist/blip-ds/bds-checkbox.system.entry.js

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,c,o;return{setters:[function(e){t=e.r;c=e.e;o=e.h}],execute:function(){var n=".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-content-bright, #fff)}.checkbox__icon:hover{border-color:var(--color-brand, #3f7de8)}.checkbox--selected .checkbox__icon{background-color:var(--color-brand, #3f7de8)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #3f7de8)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-bright, #fff);border:1px solid var(--color-brand, #3f7de8);background-color:var(--color-brand, #3f7de8);opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-brand, #3f7de8)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #ffffff);border:1px solid var(--color-brand, #3f7de8);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #202c44)}";var i=0;var r=e("bds_checkbox",function(){function e(e){var o=this;t(this,e);this.bdsChange=c(this,"bdsChange",7);this.bdsInput=c(this,"bdsInput",7);this.onClick=function(){o.checked=!o.checked};this.refNativeInput=function(e){o.nativeInput=e};this.getStyleState=function(){if(o.checked&&!o.disabled){return"checkbox--selected"}if(!o.checked&&!o.disabled){return"checkbox--deselected"}if(o.checked&&o.disabled){return"checkbox--selected-disabled"}if(!o.checked&&o.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(i++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.render=function(){var e;var t=this.getStyleState();return o("div",{class:(e={checkbox:true},e[t]=true,e)},o("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),o("label",{class:"checkbox__label",htmlFor:this.checkBoxId},o("div",{class:"checkbox__icon"},o("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),o("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());r.style=n}}}));
+System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,c,o;return{setters:[function(e){t=e.r;c=e.e;o=e.h}],execute:function(){var n=".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-surface-1, #ffffff)}.checkbox__icon:hover{border-color:var(--color-brand, #3f7de8)}.checkbox--selected .checkbox__icon{background-color:var(--color-brand, #3f7de8);color:var(--color-content-bright, #fff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #3f7de8)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-bright, #fff);border:1px solid var(--color-brand, #3f7de8);background-color:var(--color-brand, #3f7de8);opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-brand, #3f7de8)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #ffffff);border:1px solid var(--color-brand, #3f7de8);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #202c44)}";var i=0;var r=e("bds_checkbox",function(){function e(e){var o=this;t(this,e);this.bdsChange=c(this,"bdsChange",7);this.bdsInput=c(this,"bdsInput",7);this.onClick=function(){o.checked=!o.checked};this.refNativeInput=function(e){o.nativeInput=e};this.getStyleState=function(){if(o.checked&&!o.disabled){return"checkbox--selected"}if(!o.checked&&!o.disabled){return"checkbox--deselected"}if(o.checked&&o.disabled){return"checkbox--selected-disabled"}if(!o.checked&&o.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(i++)};e.prototype.checkedChanged=function(e){this.bdsChange.emit({checked:e})};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.render=function(){var e;var t=this.getStyleState();return o("div",{class:(e={checkbox:true},e[t]=true,e)},o("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),o("label",{class:"checkbox__label",htmlFor:this.checkBoxId},o("div",{class:"checkbox__icon"},o("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),o("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());r.style=n}}}));

package/dist/blip-ds/bds-chip-clickable.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-6a6cee38.js';
 
-const chipClickableCss = ":host{display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip_clickable--hide{display:none;padding:0;border:none}:host .chip_clickable .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip_clickable--click{cursor:pointer}:host .chip_clickable--click .chip_darker{opacity:0;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable--click:hover .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip_clickable--click:active .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip_clickable--disabled{cursor:default;background-color:var(--color-surface-3, #e7edf4)}:host .chip_clickable--disabled .chip_clickable--icon{color:var(--color-content-default, #202c44)}:host .chip_clickable--disabled .chip_clickable--text{color:var(--color-content-default, #202c44)}:host .chip_clickable--disabled .chip_clickable--close{cursor:default}:host .chip_clickable--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:var(--color-content-default, #202c44);z-index:2}:host .chip_clickable--close{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-right:4px;mix-blend-mode:hard-light;color:var(--color-content-default, #202c44);opacity:0.7;z-index:2;position:relative;cursor:pointer}:host .chip_clickable--close .close_focus:focus{position:absolute;width:100%;height:100%;left:-2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip_clickable--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:20px;margin:0 8px;z-index:2;color:var(--color-content-default, #202c44);font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_clickable--tall{height:40px;border-radius:24px}:host .chip_clickable--default{background-color:var(--color-system, #b3d4ff)}:host .chip_clickable--info{background-color:var(--color-info, #80e3eb)}:host .chip_clickable--success{background-color:var(--color-success, #90e6bc)}:host .chip_clickable--warning{background-color:var(--color-warning, #fff6a8)}:host .chip_clickable--danger{background-color:var(--color-error, #ffa5a5)}:host .chip_clickable--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4)}:host .chip_clickable:focus-visible{outline:none}";
+const chipClickableCss = ":host{display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip_clickable--hide{display:none;padding:0;border:none}:host .chip_clickable .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip_clickable--click{cursor:pointer}:host .chip_clickable--click .chip_darker{opacity:0;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable--click:hover .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip_clickable--click:active .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip_clickable--disabled{cursor:default;background-color:var(--color-surface-3, #e7edf4)}:host .chip_clickable--disabled .chip_clickable--icon{color:var(--color-content-default, #202c44)}:host .chip_clickable--disabled .chip_clickable--text{color:var(--color-content-default, #202c44)}:host .chip_clickable--disabled .chip_clickable--close{cursor:default}:host .chip_clickable--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;z-index:2}:host .chip_clickable--close{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-right:4px;mix-blend-mode:hard-light;opacity:0.5;z-index:2;position:relative;cursor:pointer}:host .chip_clickable--close .close_focus:focus{position:absolute;width:100%;height:100%;left:-2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip_clickable--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:20px;margin:0 8px;z-index:2;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_clickable--tall{height:40px;border-radius:24px}:host .chip_clickable--default{background-color:var(--color-system, #b3d4ff);color:var(--color-content-din, #000)}:host .chip_clickable--info{background-color:var(--color-info, #80e3eb);color:var(--color-content-din, #000)}:host .chip_clickable--success{background-color:var(--color-success, #90e6bc);color:var(--color-content-din, #000)}:host .chip_clickable--warning{background-color:var(--color-warning, #fff6a8);color:var(--color-content-din, #000)}:host .chip_clickable--danger{background-color:var(--color-error, #ffa5a5);color:var(--color-content-din, #000)}:host .chip_clickable--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4);color:var(--color-content-default, #202c44)}:host .chip_clickable:focus-visible{outline:none}";
 
 const ChipClickable = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-chip-clickable.system.entry.js

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(i){"use strict";var e,t,c,l,o;return{setters:[function(i){e=i.r;t=i.e;c=i.h;l=i.f;o=i.g}],execute:function(){var s=':host{display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip_clickable--hide{display:none;padding:0;border:none}:host .chip_clickable .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip_clickable--click{cursor:pointer}:host .chip_clickable--click .chip_darker{opacity:0;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable--click:hover .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip_clickable--click:active .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip_clickable--disabled{cursor:default;background-color:var(--color-surface-3, #e7edf4)}:host .chip_clickable--disabled .chip_clickable--icon{color:var(--color-content-default, #202c44)}:host .chip_clickable--disabled .chip_clickable--text{color:var(--color-content-default, #202c44)}:host .chip_clickable--disabled .chip_clickable--close{cursor:default}:host .chip_clickable--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:var(--color-content-default, #202c44);z-index:2}:host .chip_clickable--close{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-right:4px;mix-blend-mode:hard-light;color:var(--color-content-default, #202c44);opacity:0.7;z-index:2;position:relative;cursor:pointer}:host .chip_clickable--close .close_focus:focus{position:absolute;width:100%;height:100%;left:-2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip_clickable--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:20px;margin:0 8px;z-index:2;color:var(--color-content-default, #202c44);font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_clickable--tall{height:40px;border-radius:24px}:host .chip_clickable--default{background-color:var(--color-system, #b3d4ff)}:host .chip_clickable--info{background-color:var(--color-info, #80e3eb)}:host .chip_clickable--success{background-color:var(--color-success, #90e6bc)}:host .chip_clickable--warning{background-color:var(--color-warning, #fff6a8)}:host .chip_clickable--danger{background-color:var(--color-error, #ffa5a5)}:host .chip_clickable--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4)}:host .chip_clickable:focus-visible{outline:none}';var a=i("bds_chip_clickable",function(){function i(i){e(this,i);this.chipClickableClose=t(this,"chipClickableClose",7);this.chipClickableClick=t(this,"chipClickableClick",7);this.visible=true;this.icon=undefined;this.avatar=undefined;this.color="default";this.size="standard";this.clickable=false;this.close=false;this.disabled=false;this.dataTest=null}i.prototype.handleClickKey=function(i){if((i.key==="Enter"||i.key===" ")&&!this.disabled){i.preventDefault();this.chipClickableClick.emit()}};i.prototype.handleClick=function(i){if(!this.disabled){i.preventDefault();this.chipClickableClick.emit()}};i.prototype.handleCloseChip=function(i){i.preventDefault();this.chipClickableClose.emit({id:this.element.id})};i.prototype.handleCloseKey=function(i){if((i.key==="Enter"||i.key===" ")&&!this.disabled){i.preventDefault();this.chipClickableClose.emit({id:this.element.id})}};i.prototype.getSizeAvatarChip=function(){if(this.size==="tall"){return"extra-small"}else return"micro"};i.prototype.getSizeIconChip=function(){if(this.size==="tall"){return"medium"}else return"x-small"};i.prototype.render=function(){var i;return c(l,null,c("div",{class:(i={chip_clickable:true},i["chip_clickable--".concat(this.color)]=true&&!this.disabled,i["chip_clickable--".concat(this.size)]=true,i["chip_clickable--hide"]=!this.visible,i["chip_clickable--click"]=this.clickable,i["chip_clickable--disabled"]=this.disabled,i),onClick:this.handleClick.bind(this),"data-test":this.dataTest},this.clickable&&!this.disabled&&c("div",{class:"chip_focus",onKeyDown:this.handleClickKey.bind(this),tabindex:"0"}),this.clickable&&!this.disabled&&c("div",{class:"chip_darker"}),this.icon&&!this.avatar&&c("div",{class:"chip_clickable--icon"},c("bds-icon",{size:this.getSizeIconChip(),name:this.icon})),this.avatar&&c("div",{class:"chip_clickable--avatar"},c("bds-avatar",{size:this.getSizeAvatarChip(),thumbnail:this.avatar})),c("bds-typo",{class:"chip_clickable--text",variant:"fs-12",bold:"bold"},c("slot",null)),this.close&&c("div",{class:"chip_clickable--close",onClick:this.handleCloseChip.bind(this)},!this.disabled&&c("div",{class:"close_focus",onKeyDown:this.handleCloseKey.bind(this),tabindex:"0"}),c("bds-icon",{size:"x-small",theme:"solid",name:"error"}))))};Object.defineProperty(i.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return i}());a.style=s}}}));
+System.register(["./index-4e852389.system.js"],(function(i){"use strict";var e,t,c,l,o;return{setters:[function(i){e=i.r;t=i.e;c=i.h;l=i.f;o=i.g}],execute:function(){var s=':host{display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip_clickable--hide{display:none;padding:0;border:none}:host .chip_clickable .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip_clickable--click{cursor:pointer}:host .chip_clickable--click .chip_darker{opacity:0;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable--click:hover .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip_clickable--click:active .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip_clickable--disabled{cursor:default;background-color:var(--color-surface-3, #e7edf4)}:host .chip_clickable--disabled .chip_clickable--icon{color:var(--color-content-default, #202c44)}:host .chip_clickable--disabled .chip_clickable--text{color:var(--color-content-default, #202c44)}:host .chip_clickable--disabled .chip_clickable--close{cursor:default}:host .chip_clickable--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;z-index:2}:host .chip_clickable--close{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-right:4px;mix-blend-mode:hard-light;opacity:0.5;z-index:2;position:relative;cursor:pointer}:host .chip_clickable--close .close_focus:focus{position:absolute;width:100%;height:100%;left:-2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip_clickable--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:20px;margin:0 8px;z-index:2;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_clickable--tall{height:40px;border-radius:24px}:host .chip_clickable--default{background-color:var(--color-system, #b3d4ff);color:var(--color-content-din, #000)}:host .chip_clickable--info{background-color:var(--color-info, #80e3eb);color:var(--color-content-din, #000)}:host .chip_clickable--success{background-color:var(--color-success, #90e6bc);color:var(--color-content-din, #000)}:host .chip_clickable--warning{background-color:var(--color-warning, #fff6a8);color:var(--color-content-din, #000)}:host .chip_clickable--danger{background-color:var(--color-error, #ffa5a5);color:var(--color-content-din, #000)}:host .chip_clickable--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4);color:var(--color-content-default, #202c44)}:host .chip_clickable:focus-visible{outline:none}';var a=i("bds_chip_clickable",function(){function i(i){e(this,i);this.chipClickableClose=t(this,"chipClickableClose",7);this.chipClickableClick=t(this,"chipClickableClick",7);this.visible=true;this.icon=undefined;this.avatar=undefined;this.color="default";this.size="standard";this.clickable=false;this.close=false;this.disabled=false;this.dataTest=null}i.prototype.handleClickKey=function(i){if((i.key==="Enter"||i.key===" ")&&!this.disabled){i.preventDefault();this.chipClickableClick.emit()}};i.prototype.handleClick=function(i){if(!this.disabled){i.preventDefault();this.chipClickableClick.emit()}};i.prototype.handleCloseChip=function(i){i.preventDefault();this.chipClickableClose.emit({id:this.element.id})};i.prototype.handleCloseKey=function(i){if((i.key==="Enter"||i.key===" ")&&!this.disabled){i.preventDefault();this.chipClickableClose.emit({id:this.element.id})}};i.prototype.getSizeAvatarChip=function(){if(this.size==="tall"){return"extra-small"}else return"micro"};i.prototype.getSizeIconChip=function(){if(this.size==="tall"){return"medium"}else return"x-small"};i.prototype.render=function(){var i;return c(l,null,c("div",{class:(i={chip_clickable:true},i["chip_clickable--".concat(this.color)]=true&&!this.disabled,i["chip_clickable--".concat(this.size)]=true,i["chip_clickable--hide"]=!this.visible,i["chip_clickable--click"]=this.clickable,i["chip_clickable--disabled"]=this.disabled,i),onClick:this.handleClick.bind(this),"data-test":this.dataTest},this.clickable&&!this.disabled&&c("div",{class:"chip_focus",onKeyDown:this.handleClickKey.bind(this),tabindex:"0"}),this.clickable&&!this.disabled&&c("div",{class:"chip_darker"}),this.icon&&!this.avatar&&c("div",{class:"chip_clickable--icon"},c("bds-icon",{size:this.getSizeIconChip(),name:this.icon})),this.avatar&&c("div",{class:"chip_clickable--avatar"},c("bds-avatar",{size:this.getSizeAvatarChip(),thumbnail:this.avatar})),c("bds-typo",{class:"chip_clickable--text",variant:"fs-12",bold:"bold"},c("slot",null)),this.close&&c("div",{class:"chip_clickable--close",onClick:this.handleCloseChip.bind(this)},!this.disabled&&c("div",{class:"close_focus",onKeyDown:this.handleCloseKey.bind(this),tabindex:"0"}),c("bds-icon",{size:"x-small",theme:"solid",name:"error"}))))};Object.defineProperty(i.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return i}());a.style=s}}}));

package/dist/blip-ds/bds-chip-selected.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-6a6cee38.js';
 
-const chipSelectedCss = ":host{display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip .chip_darker{position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;height:20px;color:var(--color-content-default, #202c44);z-index:2}:host .chip--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-content-default, #202c44);font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:var(--color-system, #b3d4ff)}:host .chip--info{background-color:var(--color-info, #80e3eb)}:host .chip--success{background-color:var(--color-success, #90e6bc)}:host .chip--warning{background-color:var(--color-warning, #fff6a8)}:host .chip--danger{background-color:var(--color-error, #ffa5a5)}:host .chip--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4);padding:2px 3px}:host .chip--outline .chip_darker{height:calc(100% + 2px)}:host .chip:hover{cursor:pointer}:host .chip:hover .chip_darker{-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip:active{cursor:pointer}:host .chip:active .chip_darker{-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip:focus-visible{outline:none}:host .chip_selected{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface-1, #ffffff);border:2px solid var(--color-brand, #3f7de8)}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:var(--color-brand, #3f7de8)}:host .chip_selected--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-brand, #3f7de8);font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{opacity:38%;cursor:pointer}:host .chip_selected:active{opacity:38%}:host .chip_disabled{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;background-color:var(--color-surface-3, #e7edf4)}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:var(--color-content-default, #202c44);z-index:2}:host .chip_disabled--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-content-default, #202c44);font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_disabled--tall{height:40px;border-radius:24px}:host .chip_disabled:hover{cursor:default}";
+const chipSelectedCss = ":host{display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip .chip_darker{position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;height:20px;z-index:2}:host .chip--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:var(--color-system, #b3d4ff);color:var(--color-content-din, #000)}:host .chip--info{background-color:var(--color-info, #80e3eb);color:var(--color-content-din, #000)}:host .chip--success{background-color:var(--color-success, #90e6bc);color:var(--color-content-din, #000)}:host .chip--warning{background-color:var(--color-warning, #fff6a8);color:var(--color-content-din, #000)}:host .chip--danger{background-color:var(--color-error, #ffa5a5);color:var(--color-content-din, #000)}:host .chip--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4);color:var(--color-content-default, #202c44);padding:2px 3px}:host .chip--outline .chip_darker{height:calc(100% + 2px)}:host .chip:hover{cursor:pointer}:host .chip:hover .chip_darker{-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip:active{cursor:pointer}:host .chip:active .chip_darker{-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip:focus-visible{outline:none}:host .chip_selected{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface-1, #ffffff);border:2px solid var(--color-brand, #3f7de8)}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:var(--color-brand, #3f7de8)}:host .chip_selected--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-brand, #3f7de8);font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{opacity:38%;cursor:pointer}:host .chip_selected:active{opacity:38%}:host .chip_disabled{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;background-color:var(--color-surface-3, #e7edf4)}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:var(--color-content-default, #202c44);z-index:2}:host .chip_disabled--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-content-default, #202c44);font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_disabled--tall{height:40px;border-radius:24px}:host .chip_disabled:hover{cursor:default}";
 
 const ChipSelected = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-chip-selected.system.entry.js

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(e){"use strict";var i,t,o,s,r;return{setters:[function(e){i=e.r;t=e.e;o=e.h;s=e.f;r=e.g}],execute:function(){var n=':host{display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip .chip_darker{position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;height:20px;color:var(--color-content-default, #202c44);z-index:2}:host .chip--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-content-default, #202c44);font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:var(--color-system, #b3d4ff)}:host .chip--info{background-color:var(--color-info, #80e3eb)}:host .chip--success{background-color:var(--color-success, #90e6bc)}:host .chip--warning{background-color:var(--color-warning, #fff6a8)}:host .chip--danger{background-color:var(--color-error, #ffa5a5)}:host .chip--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4);padding:2px 3px}:host .chip--outline .chip_darker{height:calc(100% + 2px)}:host .chip:hover{cursor:pointer}:host .chip:hover .chip_darker{-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip:active{cursor:pointer}:host .chip:active .chip_darker{-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip:focus-visible{outline:none}:host .chip_selected{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface-1, #ffffff);border:2px solid var(--color-brand, #3f7de8)}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:var(--color-brand, #3f7de8)}:host .chip_selected--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-brand, #3f7de8);font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{opacity:38%;cursor:pointer}:host .chip_selected:active{opacity:38%}:host .chip_disabled{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;background-color:var(--color-surface-3, #e7edf4)}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:var(--color-content-default, #202c44);z-index:2}:host .chip_disabled--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-content-default, #202c44);font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_disabled--tall{height:40px;border-radius:24px}:host .chip_disabled:hover{cursor:default}';var c=e("bds_chip_selected",function(){function e(e){i(this,e);this.chipClick=t(this,"chipClick",7);this.isSelected=false;this.icon=undefined;this.color="default";this.size="standard";this.selected=false;this.disabled=false;this.dataTest=null}e.prototype.handleKeyDown=function(e){if(e.key===" "&&!this.disabled){e.preventDefault();if(this.isSelected){return this.isSelected=false}else{return this.isSelected=true}}};e.prototype.handleClick=function(e){if(this.disabled)return;e.preventDefault();if(this.isSelected){return this.isSelected=false}else{return this.isSelected=true}};e.prototype.componentWillLoad=function(){this.el.focus();this.isSelected=this.selected};e.prototype.getDisabledChip=function(){var e;return this.disabled?(e={chip_disabled:true},e["chip_disabled--".concat(this.size)]=true,e):{}};e.prototype.getStyleChip=function(){var e,i;return this.isSelected?(e={chip_selected:true},e["chip_selected--".concat(this.size)]=true,e):(i={},i["chip--".concat(this.color)]=true,i["chip--".concat(this.size)]=true,i)};e.prototype.getStyleText=function(){if(this.isSelected){var e={"chip_selected--text":true};return e}};e.prototype.getSizeIconChip=function(){if(this.size==="tall"){return"medium"}else return"x-small"};e.prototype.render=function(){return o(s,null,o("div",{class:Object.assign(Object.assign({chip:true},this.getStyleChip()),this.getDisabledChip()),onClick:this.handleClick,"data-test":this.dataTest},!this.disabled&&o("div",{class:"chip_focus",onKeyDown:this.handleKeyDown.bind(this),tabindex:"0"}),!this.isSelected&&!this.disabled&&o("div",{class:"chip_darker"}),this.icon&&!this.isSelected&&o("div",{class:"chip--icon"},o("bds-icon",{size:this.getSizeIconChip(),name:this.icon})),this.isSelected&&o("div",{class:"chip_selected--icon"},o("bds-icon",{size:this.getSizeIconChip(),name:"checkball"})),o("bds-typo",{class:Object.assign({"chip--text":true},this.getStyleText()),variant:"fs-12","no-wrap":true,bold:"bold"},o("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());c.style=n}}}));
+System.register(["./index-4e852389.system.js"],(function(e){"use strict";var t,i,o,s,r;return{setters:[function(e){t=e.r;i=e.e;o=e.h;s=e.f;r=e.g}],execute:function(){var n=':host{display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:var(--color-focus, #c226fb) solid 2px}:host .chip .chip_darker{position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;height:20px;z-index:2}:host .chip--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:var(--color-system, #b3d4ff);color:var(--color-content-din, #000)}:host .chip--info{background-color:var(--color-info, #80e3eb);color:var(--color-content-din, #000)}:host .chip--success{background-color:var(--color-success, #90e6bc);color:var(--color-content-din, #000)}:host .chip--warning{background-color:var(--color-warning, #fff6a8);color:var(--color-content-din, #000)}:host .chip--danger{background-color:var(--color-error, #ffa5a5);color:var(--color-content-din, #000)}:host .chip--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4);color:var(--color-content-default, #202c44);padding:2px 3px}:host .chip--outline .chip_darker{height:calc(100% + 2px)}:host .chip:hover{cursor:pointer}:host .chip:hover .chip_darker{-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip:active{cursor:pointer}:host .chip:active .chip_darker{-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip:focus-visible{outline:none}:host .chip_selected{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-surface-1, #ffffff);border:2px solid var(--color-brand, #3f7de8)}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:var(--color-brand, #3f7de8)}:host .chip_selected--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-brand, #3f7de8);font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{opacity:38%;cursor:pointer}:host .chip_selected:active{opacity:38%}:host .chip_disabled{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;background-color:var(--color-surface-3, #e7edf4)}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:var(--color-content-default, #202c44);z-index:2}:host .chip_disabled--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:var(--color-content-default, #202c44);font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_disabled--tall{height:40px;border-radius:24px}:host .chip_disabled:hover{cursor:default}';var c=e("bds_chip_selected",function(){function e(e){t(this,e);this.chipClick=i(this,"chipClick",7);this.isSelected=false;this.icon=undefined;this.color="default";this.size="standard";this.selected=false;this.disabled=false;this.dataTest=null}e.prototype.handleKeyDown=function(e){if(e.key===" "&&!this.disabled){e.preventDefault();if(this.isSelected){return this.isSelected=false}else{return this.isSelected=true}}};e.prototype.handleClick=function(e){if(this.disabled)return;e.preventDefault();if(this.isSelected){return this.isSelected=false}else{return this.isSelected=true}};e.prototype.componentWillLoad=function(){this.el.focus();this.isSelected=this.selected};e.prototype.getDisabledChip=function(){var e;return this.disabled?(e={chip_disabled:true},e["chip_disabled--".concat(this.size)]=true,e):{}};e.prototype.getStyleChip=function(){var e,t;return this.isSelected?(e={chip_selected:true},e["chip_selected--".concat(this.size)]=true,e):(t={},t["chip--".concat(this.color)]=true,t["chip--".concat(this.size)]=true,t)};e.prototype.getStyleText=function(){if(this.isSelected){var e={"chip_selected--text":true};return e}};e.prototype.getSizeIconChip=function(){if(this.size==="tall"){return"medium"}else return"x-small"};e.prototype.render=function(){return o(s,null,o("div",{class:Object.assign(Object.assign({chip:true},this.getStyleChip()),this.getDisabledChip()),onClick:this.handleClick,"data-test":this.dataTest},!this.disabled&&o("div",{class:"chip_focus",onKeyDown:this.handleKeyDown.bind(this),tabindex:"0"}),!this.isSelected&&!this.disabled&&o("div",{class:"chip_darker"}),this.icon&&!this.isSelected&&o("div",{class:"chip--icon"},o("bds-icon",{size:this.getSizeIconChip(),name:this.icon})),this.isSelected&&o("div",{class:"chip_selected--icon"},o("bds-icon",{size:this.getSizeIconChip(),name:"checkball"})),o("bds-typo",{class:Object.assign({"chip--text":true},this.getStyleText()),variant:"fs-12","no-wrap":true,bold:"bold"},o("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());c.style=n}}}));

package/dist/blip-ds/bds-chip-tag.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, f as Host } from './index-6a6cee38.js';
 
-const chipTagCss = ":host{display:-ms-flexbox;display:flex}:host .chip_tag{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;border-radius:12px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_tag--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:16px;height:20px;color:var(--color-content-default, #202c44)}:host .chip_tag--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;color:var(--color-content-default, #202c44);font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_tag--default{background-color:var(--color-system, #b3d4ff)}:host .chip_tag--info{background-color:var(--color-info, #80e3eb)}:host .chip_tag--success{background-color:var(--color-success, #90e6bc)}:host .chip_tag--warning{background-color:var(--color-warning, #fff6a8)}:host .chip_tag--danger{background-color:var(--color-error, #ffa5a5)}:host .chip_tag--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4)}:host .chip_tag--disabled{background-color:var(--color-surface-3, #e7edf4)}";
+const chipTagCss = ":host{display:-ms-flexbox;display:flex}:host .chip_tag{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;border-radius:12px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_tag--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:16px;height:20px}:host .chip_tag--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_tag--default{background-color:var(--color-system, #b3d4ff);color:var(--color-content-din, #000)}:host .chip_tag--info{background-color:var(--color-info, #80e3eb);color:var(--color-content-din, #000)}:host .chip_tag--success{background-color:var(--color-success, #90e6bc);color:var(--color-content-din, #000)}:host .chip_tag--warning{background-color:var(--color-warning, #fff6a8);color:var(--color-content-din, #000)}:host .chip_tag--danger{background-color:var(--color-error, #ffa5a5);color:var(--color-content-din, #000)}:host .chip_tag--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4);color:var(--color-content-default, #202c44)}:host .chip_tag--disabled{background-color:var(--color-surface-3, #e7edf4);color:var(--color-content-default, #202c44)}";
 
 const ChipTag = class {
   constructor(hostRef) {

package/dist/blip-ds/bds-chip-tag.system.entry.js

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(o){"use strict";var t,e,i;return{setters:[function(o){t=o.r;e=o.h;i=o.f}],execute:function(){var r=':host{display:-ms-flexbox;display:flex}:host .chip_tag{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;border-radius:12px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_tag--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:16px;height:20px;color:var(--color-content-default, #202c44)}:host .chip_tag--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;color:var(--color-content-default, #202c44);font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_tag--default{background-color:var(--color-system, #b3d4ff)}:host .chip_tag--info{background-color:var(--color-info, #80e3eb)}:host .chip_tag--success{background-color:var(--color-success, #90e6bc)}:host .chip_tag--warning{background-color:var(--color-warning, #fff6a8)}:host .chip_tag--danger{background-color:var(--color-error, #ffa5a5)}:host .chip_tag--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4)}:host .chip_tag--disabled{background-color:var(--color-surface-3, #e7edf4)}';var c=o("bds_chip_tag",function(){function o(o){t(this,o);this.icon=undefined;this.color="default"}o.prototype.render=function(){var o;return e(i,null,e("div",{class:(o={chip_tag:true},o["chip_tag--".concat(this.color)]=true,o)},this.icon&&e("div",{class:"chip_tag--icon"},e("bds-icon",{size:"x-small",name:this.icon})),e("bds-typo",{class:"chip_tag--text",variant:"fs-12",bold:"bold"},e("slot",null))))};return o}());c.style=r}}}));
+System.register(["./index-4e852389.system.js"],(function(o){"use strict";var t,r,c;return{setters:[function(o){t=o.r;r=o.h;c=o.f}],execute:function(){var e=':host{display:-ms-flexbox;display:flex}:host .chip_tag{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;border-radius:12px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_tag--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:16px;height:20px}:host .chip_tag--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_tag--default{background-color:var(--color-system, #b3d4ff);color:var(--color-content-din, #000)}:host .chip_tag--info{background-color:var(--color-info, #80e3eb);color:var(--color-content-din, #000)}:host .chip_tag--success{background-color:var(--color-success, #90e6bc);color:var(--color-content-din, #000)}:host .chip_tag--warning{background-color:var(--color-warning, #fff6a8);color:var(--color-content-din, #000)}:host .chip_tag--danger{background-color:var(--color-error, #ffa5a5);color:var(--color-content-din, #000)}:host .chip_tag--outline{background-color:var(--color-surface-1, #ffffff);border:1px solid var(--color-surface-3, #e7edf4);color:var(--color-content-default, #202c44)}:host .chip_tag--disabled{background-color:var(--color-surface-3, #e7edf4);color:var(--color-content-default, #202c44)}';var i=o("bds_chip_tag",function(){function o(o){t(this,o);this.icon=undefined;this.color="default"}o.prototype.render=function(){var o;return r(c,null,r("div",{class:(o={chip_tag:true},o["chip_tag--".concat(this.color)]=true,o)},this.icon&&r("div",{class:"chip_tag--icon"},r("bds-icon",{size:"x-small",name:this.icon})),r("bds-typo",{class:"chip_tag--text",variant:"fs-12",bold:"bold"},r("slot",null))))};return o}());i.style=e}}}));