blip-ds 1.243.2 → 1.244.1

package/dist/blip-ds/bds-autocomplete.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 autocompleteCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none}.select__icon{color:#8ca0b3;display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}";
+const autocompleteCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-surface-3, #e7edf4);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #3f7de8);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #3f7de8);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__icon{color:var(--color-primary, #3f7de8);background-color:var(--color-surface-3, #e7edf4)}.input--state-primary .input__container__label{color:var(--color-content-default, #202c44)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #3f7de8)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #3f7de8);color:var(--color-content-default, #202c44)}.input--state-danger{border:1px solid var(--color-delete, #ff4c4c);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #ff4c4c);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #ff4c4c);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #ffa5a5);box-shadow:0 0 0 2px var(--color-error, #ffa5a5)}.input--state-danger .input__icon{color:var(--color-delete, #ff4c4c);background-color:var(--color-error, #ffa5a5)}.input--state-danger .input__container__label{color:var(--color-delete, #ff4c4c)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #ff4c4c)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #ff4c4c);color:var(--color-delete, #ff4c4c)}.input--state-disabled{cursor:not-allowed;border:1px solid var(--color-surface-3, #e7edf4);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:var(--color-surface-3, #e7edf4)}.input--state-disabled:hover{border:1px solid var(--color-content-disable, #505f79);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-surface-3, #e7edf4);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid var(--color-content-disable, #505f79);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-surface-3, #e7edf4);box-shadow:0 0 0 2px var(--color-surface-3, #e7edf4)}.input--state-disabled .input__icon{color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.input--state-disabled .input__container__label{color:var(--color-content-disable, #505f79)}.input--state-disabled .input__container__label--pressed{color:var(--color-content-disable, #505f79)}.input--state-disabled .input__container__text{caret-color:var(--color-content-disable, #505f79);color:var(--color-content-disable, #505f79)}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #505f79);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:var(--color-delete, #ff4c4c)}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #6e7b91);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{background:var(--color-surface-2, #f3f6fa);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}";
 
 const BdsAutocomplete = class {
   constructor(hostRef) {

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(n.next(t))}catch(e){r(e)}}function a(t){try{l(n["throw"](t))}catch(e){r(e)}}function l(t){t.done?i(t.value):o(t.value).then(s,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(l){a=[6,l];o=0}finally{n=r=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(t){"use strict";var e,i,n,o,r;return{setters:[function(t){e=t.r;i=t.e;n=t.h;o=t.f;r=t.g}],execute:function(){var s=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none}.select__icon{color:#8ca0b3;display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}';var a=t("bds_autocomplete",function(){function t(t){var n=this;e(this,t);this.bdsChange=i(this,"bdsChange",7);this.bdsSelectedChange=i(this,"bdsSelectedChange",7);this.bdsInput=i(this,"bdsInput",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.onFocus=function(){n.isFocused=true;n.isPressed=true;n.bdsFocus.emit()};this.onFocusout=function(){if(!n.isOpen){n.nativeInput.value=n.getText()}};this.onBlur=function(){n.bdsBlur.emit();n.isPressed=false;if(!n.isOpen){n.isFocused=false;n.nativeInput.value=n.getText()}};this.onClickWrapper=function(){n.onFocus();n.toggle();if(n.nativeInput){n.nativeInput.focus()}};this.toggle=function(){if(!n.disabled){n.isOpen=!n.isOpen}};this.getTextFromOption=function(t){var e,i;if((t===null||t===void 0?void 0:t.status)||(t===null||t===void 0?void 0:t.bulkOption)){if(n.internalOptions){var o=n.internalOptions.find((function(e){return e.value==t.value}));if(o){return o.label}}return t.querySelector("#bds-typo-label-".concat(n.value)).textContent}return(t===null||t===void 0?void 0:t.titleText)?t.titleText:(i=(e=t===null||t===void 0?void 0:t.textContent)===null||e===void 0?void 0:e.trim())!==null&&i!==void 0?i:""};this.getText=function(){var t=n.childOptions.find((function(t){return t.value==n.value}));return n.getTextFromOption(t)};this.handler=function(t){var e=t.detail.value;n.value=e;n.toggle()};this.keyPressWrapper=function(t){var e,i;n.isOpen=true;switch(t.key){case"Enter":n.toggle();break;case"Tab":var o=n.findFocusedElementIndex();var r=n.sliceInvisible(o+1);var s=r[0];if(!s){n.toggle()}break;case"ArrowDown":var a=n.findFocusedElementIndex();var l=n.sliceInvisible(a+1);var c=l[0];(e=c===null||c===void 0?void 0:c.firstElementChild)===null||e===void 0?void 0:e.focus();break;case"ArrowUp":var p=n.findFocusedElementIndex();var d=n.childOptions.find((function(t){return!t.hasAttribute("invisible")}));if(n.childOptions[p]!=d){p=p>0?p:n.childOptions.length;var u=n.sliceInvisible(0,p);var b=u[u.length-1];(i=b===null||b===void 0?void 0:b.firstElementChild)===null||i===void 0?void 0:i.focus()}break}};this.cleanInputSelection=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!!this.disabled)return[3,2];this.value="";this.nativeInput.value="";this.isOpen=false;return[4,this.resetFilterOptions()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.changedInputValue=function(t){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:e=t.target;if(e){this.value=e.value||""}this.bdsInput.emit(t);this.bdsChange.emit({value:this.nativeInput.value});if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:i.sent();return[3,5];case 2:this.value="";if(!this.isOpen)return[3,4];return[4,this.resetFilterOptions()];case 3:i.sent();return[3,5];case 4:this.setTimeoutFilter();i.label=5;case 5:if(this.isOpen===false){this.value=this.getSelectedValue();this.setTimeoutFilter()}return[2]}}))}))};this.isPressed=false;this.isOpen=false;this.text="";this.internalOptions=undefined;this.isFocused=false;this.options=undefined;this.value=undefined;this.selected=undefined;this.danger=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.optionsPosition="bottom";this.clearIconOnFocus=false;this.dataTest=null}t.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};t.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value==null?this.value:this.value.toString()});for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value}this.selected=this.childOptionSelected;this.text=this.getText()};t.prototype.handleWindow=function(t){if(!this.el.contains(t.target)){this.isOpen=false}};t.prototype.parseOptions=function(){if(this.options){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(t){this.internalOptions=[]}}};t.prototype.componentWillLoad=function(){this.options&&this.parseOptions()};t.prototype.componentDidLoad=function(){if(!this.options){for(var t=0,e=this.childOptions;t<e.length;t++){var i=e[t];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}this.text=this.getText()};Object.defineProperty(t.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(t){return t.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(t){return t.selected}))},enumerable:false,configurable:true});t.prototype.sliceInvisible=function(t,e){if(e===void 0){e=this.childOptions.length}return this.childOptions.slice(t,e).filter((function(t){return!t.hasAttribute("invisible")}))};t.prototype.findFocusedElementIndex=function(){return this.childOptions.findIndex((function(t){return t.firstElementChild.matches(":focus")}))};t.prototype.setTimeoutFilter=function(){var t=this;setTimeout((function(){t.resetFilterOptions()}),500)};t.prototype.filterOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n,o,r;return __generator(this,(function(s){switch(s.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:s.sent();s.label=2;case 2:for(e=0,i=this.childOptions;e<i.length;e++){n=i[e];o=this.searchOnlyTitle?this.getTextFromOption(n).toLowerCase():n.textContent.toLowerCase();r=t.toLowerCase();o.includes(r)?n.removeAttribute("invisible"):n.setAttribute("invisible","invisible")}return[2]}}))}))};t.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n;return __generator(this,(function(o){t=this.childOptions;for(e=0,i=t;e<i.length;e++){n=i[e];n.removeAttribute("invisible")}return[2]}))}))};t.prototype.getSelectedValue=function(){var t;return(t=this.childOptionSelected)===null||t===void 0?void 0:t.value};t.prototype.renderIcon=function(){return this.icon&&n("div",{class:{input__icon:true,"input__icon--large":!!this.label}},n("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};t.prototype.renderLabel=function(){return this.label&&n("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},n("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};t.prototype.render=function(){var t=this;var e=this.isOpen?"arrow-up":"arrow-down";return n(o,{"aria-disabled":this.disabled?"true":null},n("div",{class:{input:true,select:true,"input--state-primary":!this.danger,"input--state-danger":this.danger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper},this.renderIcon(),n("div",{class:"input__container",tabindex:"0",onFocusout:this.onFocusout,onKeyDown:this.keyPressWrapper},this.renderLabel(),n("input",{class:{input__container__text:true},ref:function(e){return t.nativeInput=e},disabled:this.disabled,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholder,type:"text",value:this.text,"data-test":this.dataTest})),n("div",{class:"select__icon"},n("bds-icon",{size:"small",name:"error",theme:"solid",onClick:this.cleanInputSelection,class:{"icon-hidden":this.clearIconOnFocus&&(!this.isFocused||!this.isOpen)||!this.value}}),n("bds-icon",{size:"small",name:e,color:"inherit"}))),n("div",{class:{select__options:true,"select__options--position-top":this.optionsPosition==="top","select__options--open":this.isOpen}},this.internalOptions?this.internalOptions.map((function(e,i){return n("bds-select-option",{onOptionSelected:t.handler,selected:t.value===e.value,value:e.value,key:i,bulkOption:e.bulkOption,status:e.status},e.label)})):n("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["itemSelectedChanged"],value:["valueChanged"],options:["parseOptions"]}},enumerable:false,configurable:true});return t}());a.style=s}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(o.next(e))}catch(t){r(t)}}function a(e){try{l(o["throw"](e))}catch(t){r(t)}}function l(e){e.done?i(e.value):n(e.value).then(s,a)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,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(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(o=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(l){a=[6,l];n=0}finally{o=r=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,i,o,n,r;return{setters:[function(e){t=e.r;i=e.e;o=e.h;n=e.f;r=e.g}],execute:function(){var s=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input::placeholder,:host textarea::placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:var(--color-content-ghost, #6e7b91);opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:var(--color-surface-1, #ffffff)}.input--state-primary{border:1px solid var(--color-surface-3, #e7edf4);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid var(--color-primary, #3f7de8);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid var(--color-primary, #3f7de8);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-info, #80e3eb);box-shadow:0 0 0 2px var(--color-info, #80e3eb)}.input--state-primary .input__icon{color:var(--color-primary, #3f7de8);background-color:var(--color-surface-3, #e7edf4)}.input--state-primary .input__container__label{color:var(--color-content-default, #202c44)}.input--state-primary .input__container__label--pressed{color:var(--color-primary, #3f7de8)}.input--state-primary .input__container__text{caret-color:var(--color-primary, #3f7de8);color:var(--color-content-default, #202c44)}.input--state-danger{border:1px solid var(--color-delete, #ff4c4c);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid var(--color-delete, #ff4c4c);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid var(--color-delete, #ff4c4c);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-error, #ffa5a5);box-shadow:0 0 0 2px var(--color-error, #ffa5a5)}.input--state-danger .input__icon{color:var(--color-delete, #ff4c4c);background-color:var(--color-error, #ffa5a5)}.input--state-danger .input__container__label{color:var(--color-delete, #ff4c4c)}.input--state-danger .input__container__label--pressed{color:var(--color-delete, #ff4c4c)}.input--state-danger .input__container__text{caret-color:var(--color-delete, #ff4c4c);color:var(--color-delete, #ff4c4c)}.input--state-disabled{cursor:not-allowed;border:1px solid var(--color-surface-3, #e7edf4);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:var(--color-surface-3, #e7edf4)}.input--state-disabled:hover{border:1px solid var(--color-content-disable, #505f79);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-surface-3, #e7edf4);box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid var(--color-content-disable, #505f79);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--color-surface-3, #e7edf4);box-shadow:0 0 0 2px var(--color-surface-3, #e7edf4)}.input--state-disabled .input__icon{color:var(--color-content-disable, #505f79);background-color:var(--color-surface-3, #e7edf4)}.input--state-disabled .input__container__label{color:var(--color-content-disable, #505f79)}.input--state-disabled .input__container__label--pressed{color:var(--color-content-disable, #505f79)}.input--state-disabled .input__container__text{caret-color:var(--color-content-disable, #505f79);color:var(--color-content-disable, #505f79)}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--color-content-disable, #505f79);word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:var(--color-delete, #ff4c4c)}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}:host{display:block}.select{position:relative;outline:none}.select__icon{color:var(--color-content-ghost, #6e7b91);display:-ms-flexbox;display:flex}.select__icon bds-icon{margin-left:10px}.select .icon-hidden{visibility:hidden}.select__options{background:var(--color-surface-2, #f3f6fa);width:100%;max-height:250px;position:absolute;top:99%;left:0;border-radius:8px;-webkit-box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);box-shadow:0px 2px 8px rgba(96, 123, 153, 0.3);overflow-y:auto;z-index:2;margin-top:4px;-webkit-transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s;transition:transform 0.25s, opacity 0.75s, visibility 0.75s, -webkit-transform 0.25s;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(0);transform:scaleY(0);visibility:hidden;opacity:0;-webkit-box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0px 2px 12px 0 2px 8px rgba(96, 123, 153, 0.4)}.select__options::-webkit-scrollbar{width:16px;background-color:transparent}.select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.select__options--position-top{top:auto;bottom:100%;-webkit-transform-origin:bottom left;transform-origin:bottom left}';var a=e("bds_autocomplete",function(){function e(e){var o=this;t(this,e);this.bdsChange=i(this,"bdsChange",7);this.bdsSelectedChange=i(this,"bdsSelectedChange",7);this.bdsInput=i(this,"bdsInput",7);this.bdsCancel=i(this,"bdsCancel",7);this.bdsFocus=i(this,"bdsFocus",7);this.bdsBlur=i(this,"bdsBlur",7);this.onFocus=function(){o.isFocused=true;o.isPressed=true;o.bdsFocus.emit()};this.onFocusout=function(){if(!o.isOpen){o.nativeInput.value=o.getText()}};this.onBlur=function(){o.bdsBlur.emit();o.isPressed=false;if(!o.isOpen){o.isFocused=false;o.nativeInput.value=o.getText()}};this.onClickWrapper=function(){o.onFocus();o.toggle();if(o.nativeInput){o.nativeInput.focus()}};this.toggle=function(){if(!o.disabled){o.isOpen=!o.isOpen}};this.getTextFromOption=function(e){var t,i;if((e===null||e===void 0?void 0:e.status)||(e===null||e===void 0?void 0:e.bulkOption)){if(o.internalOptions){var n=o.internalOptions.find((function(t){return t.value==e.value}));if(n){return n.label}}return e.querySelector("#bds-typo-label-".concat(o.value)).textContent}return(e===null||e===void 0?void 0:e.titleText)?e.titleText:(i=(t=e===null||e===void 0?void 0:e.textContent)===null||t===void 0?void 0:t.trim())!==null&&i!==void 0?i:""};this.getText=function(){var e=o.childOptions.find((function(e){return e.value==o.value}));return o.getTextFromOption(e)};this.handler=function(e){var t=e.detail.value;o.value=t;o.toggle()};this.keyPressWrapper=function(e){var t,i;o.isOpen=true;switch(e.key){case"Enter":o.toggle();break;case"Tab":var n=o.findFocusedElementIndex();var r=o.sliceInvisible(n+1);var s=r[0];if(!s){o.toggle()}break;case"ArrowDown":var a=o.findFocusedElementIndex();var l=o.sliceInvisible(a+1);var c=l[0];(t=c===null||c===void 0?void 0:c.firstElementChild)===null||t===void 0?void 0:t.focus();break;case"ArrowUp":var p=o.findFocusedElementIndex();var d=o.childOptions.find((function(e){return!e.hasAttribute("invisible")}));if(o.childOptions[p]!=d){p=p>0?p:o.childOptions.length;var u=o.sliceInvisible(0,p);var b=u[u.length-1];(i=b===null||b===void 0?void 0:b.firstElementChild)===null||i===void 0?void 0:i.focus()}break}};this.cleanInputSelection=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!!this.disabled)return[3,2];this.value="";this.nativeInput.value="";this.isOpen=false;return[4,this.resetFilterOptions()];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};this.changedInputValue=function(e){return __awaiter(o,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=e.target;if(t){this.value=t.value||""}this.bdsInput.emit(e);this.bdsChange.emit({value:this.nativeInput.value});if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:i.sent();return[3,5];case 2:this.value="";if(!this.isOpen)return[3,4];return[4,this.resetFilterOptions()];case 3:i.sent();return[3,5];case 4:this.setTimeoutFilter();i.label=5;case 5:if(this.isOpen===false){this.value=this.getSelectedValue();this.setTimeoutFilter()}return[2]}}))}))};this.isPressed=false;this.isOpen=false;this.text="";this.internalOptions=undefined;this.isFocused=false;this.options=undefined;this.value=undefined;this.selected=undefined;this.danger=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.optionsPosition="bottom";this.clearIconOnFocus=false;this.dataTest=null}e.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};e.prototype.valueChanged=function(){this.bdsChange.emit({value:this.value==null?this.value:this.value.toString()});for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value}this.selected=this.childOptionSelected;this.text=this.getText()};e.prototype.handleWindow=function(e){if(!this.el.contains(e.target)){this.isOpen=false}};e.prototype.parseOptions=function(){if(this.options){this.resetFilterOptions();try{this.internalOptions=typeof this.options==="string"?JSON.parse(this.options):this.options}catch(e){this.internalOptions=[]}}};e.prototype.componentWillLoad=function(){this.options&&this.parseOptions()};e.prototype.componentDidLoad=function(){if(!this.options){for(var e=0,t=this.childOptions;e<t.length;e++){var i=t[e];i.selected=this.value===i.value;i.addEventListener("optionSelected",this.handler)}}this.text=this.getText()};Object.defineProperty(e.prototype,"childOptions",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")):Array.from(this.el.querySelectorAll("bds-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptionSelected",{get:function(){return this.options?Array.from(this.el.shadowRoot.querySelectorAll("bds-select-option")).find((function(e){return e.selected})):Array.from(this.el.querySelectorAll("bds-select-option")).find((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.sliceInvisible=function(e,t){if(t===void 0){t=this.childOptions.length}return this.childOptions.slice(e,t).filter((function(e){return!e.hasAttribute("invisible")}))};e.prototype.findFocusedElementIndex=function(){return this.childOptions.findIndex((function(e){return e.firstElementChild.matches(":focus")}))};e.prototype.setTimeoutFilter=function(){var e=this;setTimeout((function(){e.resetFilterOptions()}),500)};e.prototype.filterOptions=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,o,n,r;return __generator(this,(function(s){switch(s.label){case 0:if(!!e)return[3,2];return[4,this.resetFilterOptions()];case 1:s.sent();s.label=2;case 2:for(t=0,i=this.childOptions;t<i.length;t++){o=i[t];n=this.searchOnlyTitle?this.getTextFromOption(o).toLowerCase():o.textContent.toLowerCase();r=e.toLowerCase();n.includes(r)?o.removeAttribute("invisible"):o.setAttribute("invisible","invisible")}return[2]}}))}))};e.prototype.resetFilterOptions=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o;return __generator(this,(function(n){e=this.childOptions;for(t=0,i=e;t<i.length;t++){o=i[t];o.removeAttribute("invisible")}return[2]}))}))};e.prototype.getSelectedValue=function(){var e;return(e=this.childOptionSelected)===null||e===void 0?void 0:e.value};e.prototype.renderIcon=function(){return this.icon&&o("div",{class:{input__icon:true,"input__icon--large":!!this.label}},o("bds-icon",{size:this.label?"medium":"small",name:this.icon,color:"inherit"}))};e.prototype.renderLabel=function(){return this.label&&o("label",{class:{input__container__label:true,"input__container__label--pressed":this.isPressed&&!this.disabled}},o("bds-typo",{variant:"fs-12",bold:"bold"},this.label))};e.prototype.render=function(){var e=this;var t=this.isOpen?"arrow-up":"arrow-down";return o(n,{"aria-disabled":this.disabled?"true":null},o("div",{class:{input:true,select:true,"input--state-primary":!this.danger,"input--state-danger":this.danger,"input--state-disabled":this.disabled,"input--label":!!this.label,"input--pressed":this.isPressed},onClick:this.onClickWrapper,onKeyDown:this.keyPressWrapper},this.renderIcon(),o("div",{class:"input__container",tabindex:"0",onFocusout:this.onFocusout,onKeyDown:this.keyPressWrapper},this.renderLabel(),o("input",{class:{input__container__text:true},ref:function(t){return e.nativeInput=t},disabled:this.disabled,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.changedInputValue,placeholder:this.placeholder,type:"text",value:this.text,"data-test":this.dataTest})),o("div",{class:"select__icon"},o("bds-icon",{size:"small",name:"error",theme:"solid",onClick:this.cleanInputSelection,class:{"icon-hidden":this.clearIconOnFocus&&(!this.isFocused||!this.isOpen)||!this.value}}),o("bds-icon",{size:"small",name:t,color:"inherit"}))),o("div",{class:{select__options:true,"select__options--position-top":this.optionsPosition==="top","select__options--open":this.isOpen}},this.internalOptions?this.internalOptions.map((function(t,i){return o("bds-select-option",{onOptionSelected:e.handler,selected:e.value===t.value,value:t.value,key:i,bulkOption:t.bulkOption,status:t.status},t.label)})):o("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["itemSelectedChanged"],value:["valueChanged"],options:["parseOptions"]}},enumerable:false,configurable:true});return e}());a.style=s}}}));

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host } from './index-6a6cee38.js';
 
-const avatarGroupCss = ".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
+const avatarGroupCss = ".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.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 AvatarGroup = class {
   constructor(hostRef) {

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

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(a){"use strict";var t,r,e,i;return{setters:[function(a){t=a.r;r=a.e;e=a.h;i=a.f}],execute:function(){var s=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var n=a("bds_avatar_group",function(){function a(a){t(this,a);this.bdsClickAvatarGroup=r(this,"bdsClickAvatarGroup",7);this.internalUsers=undefined;this.leftoversUsers=undefined;this.size="standard";this.users=undefined;this.canClick=undefined}a.prototype.handleClickGroup=function(a){a.preventDefault();this.bdsClickAvatarGroup.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.canClick){a.preventDefault();this.bdsClickAvatarGroup.emit()}};a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-5};a.prototype.render=function(){var a;var t=this;return e(i,{class:"host"},e("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a["avatar__group__click--".concat(this.canClick)]=true,a),onClick:function(){return t.handleClickGroup}},this.internalUsers?this.internalUsers.slice(0,6).map((function(a,r,i){return r+1===i.length&&t.internalUsers.length>5?e("bds-avatar",{key:r,size:t.size,ellipsis:t.leftoversUsers}):e("bds-avatar",{key:r,id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):e("slot",null)),this.canClick?e("div",{class:"focus",tabindex:"0",onClick:function(){return t.handleClickKey}}):"")};return a}());n.style=s}}}));
+System.register(["./index-4e852389.system.js"],(function(a){"use strict";var t,r,e,i;return{setters:[function(a){t=a.r;r=a.e;e=a.h;i=a.f}],execute:function(){var s=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.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 n=a("bds_avatar_group",function(){function a(a){t(this,a);this.bdsClickAvatarGroup=r(this,"bdsClickAvatarGroup",7);this.internalUsers=undefined;this.leftoversUsers=undefined;this.size="standard";this.users=undefined;this.canClick=undefined}a.prototype.handleClickGroup=function(a){a.preventDefault();this.bdsClickAvatarGroup.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.canClick){a.preventDefault();this.bdsClickAvatarGroup.emit()}};a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-5};a.prototype.render=function(){var a;var t=this;return e(i,{class:"host"},e("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a["avatar__group__click--".concat(this.canClick)]=true,a),onClick:function(){return t.handleClickGroup}},this.internalUsers?this.internalUsers.slice(0,6).map((function(a,r,i){return r+1===i.length&&t.internalUsers.length>5?e("bds-avatar",{key:r,size:t.size,ellipsis:t.leftoversUsers}):e("bds-avatar",{key:r,id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):e("slot",null)),this.canClick?e("div",{class:"focus",tabindex:"0",onClick:function(){return t.handleClickKey}}):"")};return a}());n.style=s}}}));

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__text{color:#202c44}.avatar__icon{color:#202c44}.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:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#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:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.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:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.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 #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-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 BdsAvatar = class {
   constructor(hostRef) {

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

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(t){"use strict";var a,i,e,n;return{setters:[function(t){a=t.r;i=t.e;e=t.h;n=t.f}],execute:function(){var s=":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__text{color:#202c44}.avatar__icon{color:#202c44}.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:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#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:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.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:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var o=t("bds_avatar",function(){function t(t){var e=this;a(this,t);this.bdsClickAvatar=i(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(t){switch(t){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}t.prototype.onUploadClick=function(t){t.preventDefault();this.bdsClickAvatar.emit(t)};t.prototype.handleClickKey=function(t){if((t.key==="Enter"||t.key===" ")&&this.upload){t.preventDefault();this.bdsClickAvatar.emit()}};t.prototype.render=function(){var t;var a=this;var i=["yellow","blue","green","brown","pink"];var s=i[Math.floor(Math.random()*i.length)];var o=!this.name||this.ellipsis?"neutral":s;var r=this.name?this.name.split(" "):[];var l=r.length?r.shift().charAt(0):"";var c=r.length?r.pop().charAt(0):"";this.selectTypoSize(this.size);return e(n,null,e("div",{class:(t={avatar:true},t["avatar__color--".concat(o)]=true,t["avatar__size--".concat(this.size)]=true,t.upload=this.upload,t),"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 a.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 a.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 a.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 a.handleClickKey},class:"focus"}):"")};return t}());o.style=s}}}));
+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}}}));

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-6a6cee38.js';
 
-const buttonCss = ".button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button *{pointer-events:none}.button--size-tall{padding-top:14px;padding-bottom:14px;height:40px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:40px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:40px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button__primary{background:#3f7de8;color:#ffffff}.button__primary:hover{background:#125ad5}.button__primary:active{background:#0747a6;color:#ffffff}.button__primary--disabled{background:#e8f2ff;pointer-events:none;color:#637798}.button__primary--disabled:hover,.button__primary--disabled:active{background:#e8f2ff;color:#637798}.button__secondary{background:transparent;color:#505f79}.button__secondary:hover{background:#e8f2ff;color:#3f7de8}.button__secondary:active{background:#d1e3fa;color:#3f7de8}.button__secondary--disabled{background:transparent;pointer-events:none;color:#637798}.button__secondary--disabled:hover,.button__secondary--disabled:active{background:transparent;color:#637798}.button__tertiary{background:transparent;color:#3f7de8;border:1px solid #d2dfe6}.button__tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.button__tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.button__tertiary--disabled{background:transparent;pointer-events:none;color:#637798;border:1px solid #637798}.button__tertiary--disabled:hover,.button__tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.button__secondary--white{background:transparent;color:#ffffff}.button__secondary--white:hover{background:rgba(255, 255, 255, 0.3);color:#ffffff}.button__secondary--white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.button__secondary--white--disabled{background:#e8f2ff;pointer-events:none;color:#8ca0b3}.button__secondary--white--disabled:hover,.button__secondary--white--disabled:active{background:#e8f2ff;color:#8ca0b3}.button__ghost{background:transparent;color:#3f7de8;border:1px solid #3f7de8}.button__ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.button__ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.button__ghost--disabled{background:transparent;pointer-events:none;color:#637798;border:1px solid #637798}.button__ghost--disabled:hover,.button__ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.button__delete{background:#ff4c4c;color:#ffffff}.button__delete:hover{background:#a01c2c;color:#ffffff}.button__delete:active{background:#6a2026;color:#ffffff}.button__delete--disabled{background:#fccccc;pointer-events:none;color:#ba5a5a}.button__delete--disabled:hover,.button__delete--disabled:active{background:#fccccc;color:#ba5a5a}.button__dashed{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed:hover{background:transparent;color:#125ad5;border:1px dashed #125ad5}.button__dashed:active{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed--disabled{background:transparent;pointer-events:none;color:#8ca0b3;border:1px dashed #8ca0b3}.button__dashed--disabled:hover,.button__dashed--disabled:active{background:transparent;color:#8ca0b3;border:1px dashed #8ca0b3}.button__facebook{background:#1877f2;color:#f8fbfb}.button__facebook:hover{background:#1771e6}.button__facebook:active{background:#3f7de8;color:#f8fbfb}.button__facebook--disabled{background:#e8f2ff;pointer-events:none;color:#8ca0b3}.button__facebook--disabled:hover,.button__facebook--disabled:active{background:#e8f2ff;color:#8ca0b3}.button bds-loading-spinner{width:auto;max-height:100%;position:absolute}.button .hide{cursor:not-allowed;opacity:0}";
+const buttonCss = ".button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;overflow:hidden;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button *{pointer-events:none}.button:before{content:\"\";position:absolute;inset:0;background-color:transparent;mix-blend-mode:multiply}.button--size-tall{padding-top:14px;padding-bottom:14px;height:56px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:56px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:40px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button__disabled{pointer-events:none;opacity:0.5}.button__primary{background:var(--color-primary, #3f7de8);color:var(--color-content-bright, #fff)}.button__primary:hover:before{background:#d2dfe6}.button__primary:active:before{background:#b9cbd3}.button__secondary{background:var(--color-secondary, #3f7de8);color:var(--color-content-bright, #fff)}.button__secondary:hover:before{background:#d2dfe6}.button__secondary:active:before{background:#b9cbd3}.button__tertiary{background:transparent;color:var(--color-primary, #3f7de8);border:2px solid var(--color-primary, #3f7de8)}.button__tertiary:hover:before{background:#e7edf4}.button__tertiary:active:before{background:#d2dfe6}.button__secondary--white{background:transparent;color:var(--color-content-bright, #fff)}.button__secondary--white:hover:before{background:#e7edf4}.button__secondary--white:active:before{background:#d2dfe6}.button__ghost{background:transparent;color:var(--color-primary, #3f7de8)}.button__ghost:hover:before{background:#e7edf4}.button__ghost:active:before{background:#d2dfe6}.button__delete{background:var(--color-delete, #ff4c4c);color:var(--color-content-bright, #fff)}.button__delete:hover:before{background:#d2dfe6}.button__delete:active:before{background:#b9cbd3}.button__dashed{background:transparent;color:var(--color-primary, #3f7de8);border:1px dashed var(--color-primary, #3f7de8)}.button__dashed:hover:before{background:#e7edf4}.button__dashed:active:before{background:#d2dfe6}.button__facebook{background:#1877f2;color:#f8fbfb}.button__facebook:hover:before{background:#d2dfe6}.button__facebook:active:before{background:#b9cbd3}.button bds-typo{position:relative}.button bds-loading-spinner{width:auto;max-height:100%;position:absolute}.button .hide{cursor:not-allowed;opacity:0}";
 
 const Button = class {
   constructor(hostRef) {
@@ -43,7 +43,6 @@ const Button = class {
     return (h("div", { class: {
         button__content: true,
         [`button__content__${this.variant}`]: true,
-        [`button__content__${this.variant}--disabled`]: this.disabled,
         hide: this.bdsLoading && true,
       } }, h("bds-typo", { variant: "fs-14", lineHeight: "simple", bold: "bold" }, h("slot", null))));
   }
@@ -63,7 +62,7 @@ const Button = class {
     return (h("button", { onClick: (ev) => this.handleClick(ev), disabled: this.disabled, type: this.type, class: {
         button: true,
         [`button__${this.variant}`]: true,
-        [`button__${this.variant}--disabled`]: this.disabled,
+        [`button__disabled`]: this.disabled,
         [sizeClass]: true,
         'button--size-icon--left': !!this.icon,
         'button--size-icon--right': this.arrow,

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

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(t){"use strict";var o,e,n,r;return{setters:[function(t){o=t.r;e=t.e;n=t.h;r=t.g}],execute:function(){var i=".button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button *{pointer-events:none}.button--size-tall{padding-top:14px;padding-bottom:14px;height:40px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:40px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:40px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button__primary{background:#3f7de8;color:#ffffff}.button__primary:hover{background:#125ad5}.button__primary:active{background:#0747a6;color:#ffffff}.button__primary--disabled{background:#e8f2ff;pointer-events:none;color:#637798}.button__primary--disabled:hover,.button__primary--disabled:active{background:#e8f2ff;color:#637798}.button__secondary{background:transparent;color:#505f79}.button__secondary:hover{background:#e8f2ff;color:#3f7de8}.button__secondary:active{background:#d1e3fa;color:#3f7de8}.button__secondary--disabled{background:transparent;pointer-events:none;color:#637798}.button__secondary--disabled:hover,.button__secondary--disabled:active{background:transparent;color:#637798}.button__tertiary{background:transparent;color:#3f7de8;border:1px solid #d2dfe6}.button__tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.button__tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.button__tertiary--disabled{background:transparent;pointer-events:none;color:#637798;border:1px solid #637798}.button__tertiary--disabled:hover,.button__tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.button__secondary--white{background:transparent;color:#ffffff}.button__secondary--white:hover{background:rgba(255, 255, 255, 0.3);color:#ffffff}.button__secondary--white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.button__secondary--white--disabled{background:#e8f2ff;pointer-events:none;color:#8ca0b3}.button__secondary--white--disabled:hover,.button__secondary--white--disabled:active{background:#e8f2ff;color:#8ca0b3}.button__ghost{background:transparent;color:#3f7de8;border:1px solid #3f7de8}.button__ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.button__ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.button__ghost--disabled{background:transparent;pointer-events:none;color:#637798;border:1px solid #637798}.button__ghost--disabled:hover,.button__ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.button__delete{background:#ff4c4c;color:#ffffff}.button__delete:hover{background:#a01c2c;color:#ffffff}.button__delete:active{background:#6a2026;color:#ffffff}.button__delete--disabled{background:#fccccc;pointer-events:none;color:#ba5a5a}.button__delete--disabled:hover,.button__delete--disabled:active{background:#fccccc;color:#ba5a5a}.button__dashed{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed:hover{background:transparent;color:#125ad5;border:1px dashed #125ad5}.button__dashed:active{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed--disabled{background:transparent;pointer-events:none;color:#8ca0b3;border:1px dashed #8ca0b3}.button__dashed--disabled:hover,.button__dashed--disabled:active{background:transparent;color:#8ca0b3;border:1px dashed #8ca0b3}.button__facebook{background:#1877f2;color:#f8fbfb}.button__facebook:hover{background:#1771e6}.button__facebook:active{background:#3f7de8;color:#f8fbfb}.button__facebook--disabled{background:#e8f2ff;pointer-events:none;color:#8ca0b3}.button__facebook--disabled:hover,.button__facebook--disabled:active{background:#e8f2ff;color:#8ca0b3}.button bds-loading-spinner{width:auto;max-height:100%;position:absolute}.button .hide{cursor:not-allowed;opacity:0}";var a=t("bds_button",function(){function t(t){var n=this;o(this,t);this.bdsClick=e(this,"bdsClick",7);this.handleClick=function(t){if(!n.disabled){n.bdsClick.emit();var o=n.el.closest("form");if(o){t.preventDefault();var e=document.createElement("button");e.type=n.type;e.style.display="none";o.appendChild(e);e.click();e.remove()}}};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.arrow=false;this.type="button";this.typeIcon="icon";this.bdsLoading=false;this.bdsLoadingVariant="primary";this.bdsLoadingColor="light";this.dataTest=null}t.prototype.getSizeClass=function(){return this.arrow||!!this.icon?"button--size-".concat(this.size,"--icon"):"button--size-".concat(this.size)};t.prototype.renderIcon=function(){return this.icon&&n("div",{class:{button__icon:true,hide:this.bdsLoading&&true}},n("bds-icon",{name:this.icon,type:this.typeIcon,color:"inherit"}))};t.prototype.renderText=function(){var t;return n("div",{class:(t={button__content:true},t["button__content__".concat(this.variant)]=true,t["button__content__".concat(this.variant,"--disabled")]=this.disabled,t.hide=this.bdsLoading&&true,t)},n("bds-typo",{variant:"fs-14",lineHeight:"simple",bold:"bold"},n("slot",null)))};t.prototype.renderArrow=function(){return this.arrow&&n("div",{class:{button__arrow:true,hide:this.bdsLoading&&true}},n("bds-icon",{name:"arrow-right",color:"inherit"}))};t.prototype.renderLoadingSpinner=function(){if(this.size==="short"){return n("bds-loading-spinner",{size:"extra-small",color:this.bdsLoadingColor})}else{return n("bds-loading-spinner",{size:"small",color:this.bdsLoadingColor})}};t.prototype.render=function(){var t;var o=this;var e=this.getSizeClass();return n("button",{onClick:function(t){return o.handleClick(t)},disabled:this.disabled,type:this.type,class:(t={button:true},t["button__".concat(this.variant)]=true,t["button__".concat(this.variant,"--disabled")]=this.disabled,t[e]=true,t["button--size-icon--left"]=!!this.icon,t["button--size-icon--right"]=this.arrow,t),part:"button","data-test":this.dataTest},[this.bdsLoading&&this.renderLoadingSpinner(),this.renderIcon(),this.renderText(),this.renderArrow()])};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());a.style=i}}}));
+System.register(["./index-4e852389.system.js"],(function(t){"use strict";var o,e,n,r;return{setters:[function(t){o=t.r;e=t.e;n=t.h;r=t.g}],execute:function(){var i='.button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;overflow:hidden;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button *{pointer-events:none}.button:before{content:"";position:absolute;inset:0;background-color:transparent;mix-blend-mode:multiply}.button--size-tall{padding-top:14px;padding-bottom:14px;height:56px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:56px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:40px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button__disabled{pointer-events:none;opacity:0.5}.button__primary{background:var(--color-primary, #3f7de8);color:var(--color-content-bright, #fff)}.button__primary:hover:before{background:#d2dfe6}.button__primary:active:before{background:#b9cbd3}.button__secondary{background:var(--color-secondary, #3f7de8);color:var(--color-content-bright, #fff)}.button__secondary:hover:before{background:#d2dfe6}.button__secondary:active:before{background:#b9cbd3}.button__tertiary{background:transparent;color:var(--color-primary, #3f7de8);border:2px solid var(--color-primary, #3f7de8)}.button__tertiary:hover:before{background:#e7edf4}.button__tertiary:active:before{background:#d2dfe6}.button__secondary--white{background:transparent;color:var(--color-content-bright, #fff)}.button__secondary--white:hover:before{background:#e7edf4}.button__secondary--white:active:before{background:#d2dfe6}.button__ghost{background:transparent;color:var(--color-primary, #3f7de8)}.button__ghost:hover:before{background:#e7edf4}.button__ghost:active:before{background:#d2dfe6}.button__delete{background:var(--color-delete, #ff4c4c);color:var(--color-content-bright, #fff)}.button__delete:hover:before{background:#d2dfe6}.button__delete:active:before{background:#b9cbd3}.button__dashed{background:transparent;color:var(--color-primary, #3f7de8);border:1px dashed var(--color-primary, #3f7de8)}.button__dashed:hover:before{background:#e7edf4}.button__dashed:active:before{background:#d2dfe6}.button__facebook{background:#1877f2;color:#f8fbfb}.button__facebook:hover:before{background:#d2dfe6}.button__facebook:active:before{background:#b9cbd3}.button bds-typo{position:relative}.button bds-loading-spinner{width:auto;max-height:100%;position:absolute}.button .hide{cursor:not-allowed;opacity:0}';var a=t("bds_button",function(){function t(t){var n=this;o(this,t);this.bdsClick=e(this,"bdsClick",7);this.handleClick=function(t){if(!n.disabled){n.bdsClick.emit();var o=n.el.closest("form");if(o){t.preventDefault();var e=document.createElement("button");e.type=n.type;e.style.display="none";o.appendChild(e);e.click();e.remove()}}};this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.arrow=false;this.type="button";this.typeIcon="icon";this.bdsLoading=false;this.bdsLoadingVariant="primary";this.bdsLoadingColor="light";this.dataTest=null}t.prototype.getSizeClass=function(){return this.arrow||!!this.icon?"button--size-".concat(this.size,"--icon"):"button--size-".concat(this.size)};t.prototype.renderIcon=function(){return this.icon&&n("div",{class:{button__icon:true,hide:this.bdsLoading&&true}},n("bds-icon",{name:this.icon,type:this.typeIcon,color:"inherit"}))};t.prototype.renderText=function(){var t;return n("div",{class:(t={button__content:true},t["button__content__".concat(this.variant)]=true,t.hide=this.bdsLoading&&true,t)},n("bds-typo",{variant:"fs-14",lineHeight:"simple",bold:"bold"},n("slot",null)))};t.prototype.renderArrow=function(){return this.arrow&&n("div",{class:{button__arrow:true,hide:this.bdsLoading&&true}},n("bds-icon",{name:"arrow-right",color:"inherit"}))};t.prototype.renderLoadingSpinner=function(){if(this.size==="short"){return n("bds-loading-spinner",{size:"extra-small",color:this.bdsLoadingColor})}else{return n("bds-loading-spinner",{size:"small",color:this.bdsLoadingColor})}};t.prototype.render=function(){var t;var o=this;var e=this.getSizeClass();return n("button",{onClick:function(t){return o.handleClick(t)},disabled:this.disabled,type:this.type,class:(t={button:true},t["button__".concat(this.variant)]=true,t["button__disabled"]=this.disabled,t[e]=true,t["button--size-icon--left"]=!!this.icon,t["button--size-icon--right"]=this.arrow,t),part:"button","data-test":this.dataTest},[this.bdsLoading&&this.renderLoadingSpinner(),this.renderIcon(),this.renderText(),this.renderArrow()])};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());a.style=i}}}));

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:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.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:#f8fbfb;border:1px solid #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:#505f79}";
+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)}";
 
 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,n;return{setters:[function(e){t=e.r;c=e.e;n=e.h}],execute:function(){var i=".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:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.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:#f8fbfb;border:1px solid #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:#505f79}";var o=0;var s=e("bds_checkbox",function(){function e(e){var n=this;t(this,e);this.bdsChange=c(this,"bdsChange",7);this.bdsInput=c(this,"bdsInput",7);this.onClick=function(){n.checked=!n.checked};this.refNativeInput=function(e){n.nativeInput=e};this.getStyleState=function(){if(n.checked&&!n.disabled){return"checkbox--selected"}if(!n.checked&&!n.disabled){return"checkbox--deselected"}if(n.checked&&n.disabled){return"checkbox--selected-disabled"}if(!n.checked&&n.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(o++)};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 n("div",{class:(e={checkbox:true},e[t]=true,e)},n("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}),n("label",{class:"checkbox__label",htmlFor:this.checkBoxId},n("div",{class:"checkbox__icon"},n("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),n("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}());s.style=i}}}));
+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}}}));

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:#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:#f3f6fa}:host .chip_clickable--disabled .chip_clickable--icon{color:#505f79}:host .chip_clickable--disabled .chip_clickable--text{color:#505f79}: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:#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:#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:#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:#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:#b3d4ff}:host .chip_clickable--info{background-color:#80e3eb}:host .chip_clickable--success{background-color:#90e6bc}:host .chip_clickable--warning{background-color:#fff6a8}:host .chip_clickable--danger{background-color:#ffa5a5}:host .chip_clickable--outline{background-color:#ffffff;border:1px solid #b9cbd3}: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;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 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,s;return{setters:[function(i){e=i.r;t=i.e;c=i.h;l=i.f;s=i.g}],execute:function(){var o=':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:#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:#f3f6fa}:host .chip_clickable--disabled .chip_clickable--icon{color:#505f79}:host .chip_clickable--disabled .chip_clickable--text{color:#505f79}: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:#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:#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:#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:#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:#b3d4ff}:host .chip_clickable--info{background-color:#80e3eb}:host .chip_clickable--success{background-color:#90e6bc}:host .chip_clickable--warning{background-color:#fff6a8}:host .chip_clickable--danger{background-color:#ffa5a5}:host .chip_clickable--outline{background-color:#ffffff;border:1px solid #b9cbd3}: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 s(this)},enumerable:false,configurable:true});return i}());a.style=o}}}));
+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}}}));

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:#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:#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:#202c44;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:#b3d4ff}:host .chip--info{background-color:#80e3eb}:host .chip--success{background-color:#90e6bc}:host .chip--warning{background-color:#fff6a8}:host .chip--danger{background-color:#ffa5a5}:host .chip--outline{background-color:#ffffff;border:1px solid #b9cbd3;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:#ffffff;border:2px solid #3f7de8}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:#125ad5}: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:#125ad5;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{background-color:#e8f2ff;cursor:pointer}:host .chip_selected:active{background-color:#d1e3fa}: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:#f3f6fa}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:#505f79;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:#505f79;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;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 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,s,o,n;return{setters:[function(e){i=e.r;t=e.e;s=e.h;o=e.f;n=e.g}],execute:function(){var r=':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:#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:#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:#202c44;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:#b3d4ff}:host .chip--info{background-color:#80e3eb}:host .chip--success{background-color:#90e6bc}:host .chip--warning{background-color:#fff6a8}:host .chip--danger{background-color:#ffa5a5}:host .chip--outline{background-color:#ffffff;border:1px solid #b9cbd3;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:#ffffff;border:2px solid #3f7de8}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:#125ad5}: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:#125ad5;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{background-color:#e8f2ff;cursor:pointer}:host .chip_selected:active{background-color:#d1e3fa}: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:#f3f6fa}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:#505f79;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:#505f79;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 s(o,null,s("div",{class:Object.assign(Object.assign({chip:true},this.getStyleChip()),this.getDisabledChip()),onClick:this.handleClick,"data-test":this.dataTest},!this.disabled&&s("div",{class:"chip_focus",onKeyDown:this.handleKeyDown.bind(this),tabindex:"0"}),!this.isSelected&&!this.disabled&&s("div",{class:"chip_darker"}),this.icon&&!this.isSelected&&s("div",{class:"chip--icon"},s("bds-icon",{size:this.getSizeIconChip(),name:this.icon})),this.isSelected&&s("div",{class:"chip_selected--icon"},s("bds-icon",{size:this.getSizeIconChip(),name:"checkball"})),s("bds-typo",{class:Object.assign({"chip--text":true},this.getStyleText()),variant:"fs-12","no-wrap":true,bold:"bold"},s("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());c.style=r}}}));
+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}}}));

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:#202c44}:host .chip_tag--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;color:#202c44;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif}:host .chip_tag--default{background-color:#b3d4ff}:host .chip_tag--info{background-color:#80e3eb}:host .chip_tag--success{background-color:#90e6bc}:host .chip_tag--warning{background-color:#fff6a8}:host .chip_tag--danger{background-color:#ffa5a5}:host .chip_tag--outline{background-color:#ffffff;border:1px solid #b9cbd3}:host .chip_tag--disabled{background-color:#f3f6fa}";
+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 ChipTag = class {
   constructor(hostRef) {

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

@@ -1 +1 @@
-System.register(["./index-4e852389.system.js"],(function(t){"use strict";var i,o,e;return{setters:[function(t){i=t.r;o=t.h;e=t.f}],execute:function(){var s=':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:#202c44}:host .chip_tag--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;color:#202c44;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_tag--default{background-color:#b3d4ff}:host .chip_tag--info{background-color:#80e3eb}:host .chip_tag--success{background-color:#90e6bc}:host .chip_tag--warning{background-color:#fff6a8}:host .chip_tag--danger{background-color:#ffa5a5}:host .chip_tag--outline{background-color:#ffffff;border:1px solid #b9cbd3}:host .chip_tag--disabled{background-color:#f3f6fa}';var n=t("bds_chip_tag",function(){function t(t){i(this,t);this.icon=undefined;this.color="default"}t.prototype.render=function(){var t;return o(e,null,o("div",{class:(t={chip_tag:true},t["chip_tag--".concat(this.color)]=true,t)},this.icon&&o("div",{class:"chip_tag--icon"},o("bds-icon",{size:"x-small",name:this.icon})),o("bds-typo",{class:"chip_tag--text",variant:"fs-12",bold:"bold"},o("slot",null))))};return t}());n.style=s}}}));
+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}}}));