blip-ds 1.125.2 → 1.127.0

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-5747a4fb.js';
+import { r as registerInstance, h } from './index-167d4d9d.js';
 
 const alertActionsCss = ".alert__actions{width:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;position:relative;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.alert__actions ::slotted(bds-button:nth-child(1)){margin-right:16px !important}";
 
-const AlertActions = class {
+let AlertActions = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }

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

@@ -1 +1 @@
-System.register(["./index-eff4e8a8.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var i=".alert__actions{width:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;position:relative;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.alert__actions ::slotted(bds-button:nth-child(1)){margin-right:16px !important}";var r=t("bds_alert_actions",function(){function t(t){e(this,t)}t.prototype.render=function(){return n("div",{class:"alert__actions"},n("slot",null))};return t}());r.style=i}}}));
+System.register(["./index-6ee48949.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var i=".alert__actions{width:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;position:relative;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.alert__actions ::slotted(bds-button:nth-child(1)){margin-right:16px !important}";var r=t("bds_alert_actions",function(){function t(t){e(this,t)}t.prototype.render=function(){return n("div",{class:"alert__actions"},n("slot",null))};return t}());r.style=i}}}));

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-5747a4fb.js';
+import { r as registerInstance, h } from './index-167d4d9d.js';
 
 const alertHeaderCss = ".alert__header{width:100%;min-height:64px;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.alert__header bds-icon{min-width:32px}.alert__header bds-typo{margin-left:8px;color:#ffffff}.alert__header--system{background:#3f7de8}.alert__header--error{background:#ff4c4c}.alert__header--warning{background:#f6a721}.alert__header--delete{background:#ff4c4c}";
 
-const AlertHeader = class {
+let AlertHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**

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

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

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-5747a4fb.js';
+import { r as registerInstance, h } from './index-167d4d9d.js';
 
 const alertCss = ".alert__dialog{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:80000}.alert__dialog .alert{position:absolute;top:200px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:424px;border-radius:8px;background:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);overflow:hidden;position:relative}.alert__dialog--open{opacity:1;visibility:visible}";
 
-const BdsAlert = class {
+let BdsAlert = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{s(r.next(t))}catch(e){o(e)}}function l(t){try{s(r["throw"](t))}catch(e){o(e)}}function s(t){t.done?n(t.value):i(t.value).then(a,l)}s((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(t){return function(e){return s([t,e])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(l){a=[6,l];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-eff4e8a8.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var r=".alert__dialog{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:80000}.alert__dialog .alert{position:absolute;top:200px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:424px;border-radius:8px;background:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);overflow:hidden;position:relative}.alert__dialog--open{opacity:1;visibility:visible}";var i=t("bds_alert",function(){function t(t){e(this,t);this.open=false}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.render=function(){return n("div",{class:{alert__dialog:true,"alert__dialog--open":this.open}},n("div",{class:"alert"},n("slot",null)))};return t}());i.style=r}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{s(r.next(t))}catch(e){o(e)}}function l(t){try{s(r["throw"](t))}catch(e){o(e)}}function s(t){t.done?n(t.value):i(t.value).then(a,l)}s((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(t){return function(e){return s([t,e])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(l){a=[6,l];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-6ee48949.system.js"],(function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.h}],execute:function(){var r=".alert__dialog{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:80000}.alert__dialog .alert{position:absolute;top:200px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:424px;border-radius:8px;background:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);overflow:hidden;position:relative}.alert__dialog--open{opacity:1;visibility:visible}";var i=t("bds_alert",function(){function t(t){e(this,t);this.open=false}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.render=function(){return n("div",{class:{alert__dialog:true,"alert__dialog--open":this.open}},n("div",{class:"alert"},n("slot",null)))};return t}());i.style=r}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-5747a4fb.js';
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-167d4d9d.js';
 
 const autocompleteCss = ":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 BdsAutocomplete = class {
+let BdsAutocomplete = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsChange = createEvent(this, "bdsChange", 7);

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{a(n.next(t))}catch(e){o(e)}}function l(t){try{a(n["throw"](t))}catch(e){o(e)}}function a(t){t.done?i(t.value):s(t.value).then(r,l)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,s,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return a([t,e])}}function a(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(o=r[0]&2?s["return"]:r[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,r[1])).done)return o;if(s=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;s=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(l){r=[6,l];s=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./index-eff4e8a8.system.js"],(function(t){"use strict";var e,i,n,s;return{setters:[function(t){e=t.r;i=t.e;n=t.h;s=t.g}],execute:function(){var o=":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 r=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.isOpen=false;this.text="";this.isFocused=false;this.danger=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.optionsPosition="bottom";this.clearIconOnFocus=false;this.onInput=function(t){var e=t.target;if(e){n.value=e.value||""}n.bdsInput.emit(t)};this.refNativeInput=function(t){n.nativeInput=t};this.onFocus=function(){n.isFocused=true;n.bdsFocus.emit()};this.onFocusout=function(){if(!n.isOpen){n.nativeInput.value=n.getText()}};this.onBlur=function(){n.bdsBlur.emit();if(!n.isOpen){n.isFocused=false;n.nativeInput.value=n.getText()}};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 s=n.internalOptions.find((function(e){return e.value==t.value}));if(s){return s.label}}return t.querySelector("#bds-typo-label-"+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.setFocusWrapper=function(){if(!n.disabled&&n.nativeInput){n.nativeInput.setFocus()}};this.removeFocusWrapper=function(t){var e=t.relatedTarget.localName==="bds-input";if(n.nativeInput&&!e){n.nativeInput.removeFocus()}};this.keyPressWrapper=function(t){var e,i;n.isOpen=true;switch(t.key){case"Enter":n.toggle();break;case"Tab":var s=n.findFocusedElementIndex();var o=n.sliceInvisible(s+1);var r=o[0];if(!r){n.toggle()}break;case"ArrowDown":var l=n.findFocusedElementIndex();var a=n.sliceInvisible(l+1);var u=a[0];(e=u===null||u===void 0?void 0:u.firstElementChild)===null||e===void 0?void 0:e.focus();break;case"ArrowUp":var c=n.findFocusedElementIndex();var p=n.childOptions.find((function(t){return!t.hasAttribute("invisible")}));if(n.childOptions[c]!=p){c=c>0?c:n.childOptions.length;var h=n.sliceInvisible(0,c);var d=h[h.length-1];(i=d===null||d===void 0?void 0:d.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(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.bdsChange.emit({value:this.nativeInput.value});if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:t.sent();return[3,5];case 2:this.value="";if(!this.isOpen)return[3,4];return[4,this.resetFilterOptions()];case 3:t.sent();return[3,5];case 4:this.setTimeoutFilter();t.label=5;case 5:if(this.isOpen===false){this.value=this.getSelectedValue();this.setTimeoutFilter()}return[2]}}))}))}}t.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};t.prototype.valueChanged=function(){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,s,o;return __generator(this,(function(r){switch(r.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:r.sent();r.label=2;case 2:for(e=0,i=this.childOptions;e<i.length;e++){n=i[e];s=this.searchOnlyTitle?this.getTextFromOption(n).toLowerCase():n.textContent.toLowerCase();o=t.toLowerCase();s.includes(o)?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(s){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.render=function(){var t=this;var e=this.isOpen?"arrow-up":"arrow-down";return n("div",{class:"select",tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper,onFocusout:this.onFocusout,onKeyDown:this.keyPressWrapper},n("bds-input",{icon:this.icon,label:this.label,ref:this.refNativeInput,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.toggle,value:this.text,danger:this.danger,disabled:this.disabled,placeholder:this.placeholder,onBdsChange:this.changedInputValue,onBdsInput:this.onInput,readonly:false},n("div",{slot:"input-right",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 s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["itemSelectedChanged"],value:["valueChanged"],options:["parseOptions"]}},enumerable:false,configurable:true});return t}());r.style=o}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{a(n.next(t))}catch(e){o(e)}}function l(t){try{a(n["throw"](t))}catch(e){o(e)}}function a(t){t.done?i(t.value):s(t.value).then(r,l)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,s,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return a([t,e])}}function a(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(o=r[0]&2?s["return"]:r[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,r[1])).done)return o;if(s=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;s=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(l){r=[6,l];s=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./index-6ee48949.system.js"],(function(t){"use strict";var e,i,n,s;return{setters:[function(t){e=t.r;i=t.e;n=t.h;s=t.g}],execute:function(){var o=":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 r=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.isOpen=false;this.text="";this.isFocused=false;this.danger=false;this.disabled=false;this.searchOnlyTitle=true;this.label="";this.icon="";this.placeholder="";this.optionsPosition="bottom";this.clearIconOnFocus=false;this.onInput=function(t){var e=t.target;if(e){n.value=e.value||""}n.bdsInput.emit(t)};this.refNativeInput=function(t){n.nativeInput=t};this.onFocus=function(){n.isFocused=true;n.bdsFocus.emit()};this.onFocusout=function(){if(!n.isOpen){n.nativeInput.value=n.getText()}};this.onBlur=function(){n.bdsBlur.emit();if(!n.isOpen){n.isFocused=false;n.nativeInput.value=n.getText()}};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 s=n.internalOptions.find((function(e){return e.value==t.value}));if(s){return s.label}}return t.querySelector("#bds-typo-label-"+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.setFocusWrapper=function(){if(!n.disabled&&n.nativeInput){n.nativeInput.setFocus()}};this.removeFocusWrapper=function(t){var e=t.relatedTarget.localName==="bds-input";if(n.nativeInput&&!e){n.nativeInput.removeFocus()}};this.keyPressWrapper=function(t){var e,i;n.isOpen=true;switch(t.key){case"Enter":n.toggle();break;case"Tab":var s=n.findFocusedElementIndex();var o=n.sliceInvisible(s+1);var r=o[0];if(!r){n.toggle()}break;case"ArrowDown":var l=n.findFocusedElementIndex();var a=n.sliceInvisible(l+1);var u=a[0];(e=u===null||u===void 0?void 0:u.firstElementChild)===null||e===void 0?void 0:e.focus();break;case"ArrowUp":var c=n.findFocusedElementIndex();var p=n.childOptions.find((function(t){return!t.hasAttribute("invisible")}));if(n.childOptions[c]!=p){c=c>0?c:n.childOptions.length;var h=n.sliceInvisible(0,c);var d=h[h.length-1];(i=d===null||d===void 0?void 0:d.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(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.bdsChange.emit({value:this.nativeInput.value});if(!this.nativeInput.value)return[3,2];return[4,this.filterOptions(this.nativeInput.value)];case 1:t.sent();return[3,5];case 2:this.value="";if(!this.isOpen)return[3,4];return[4,this.resetFilterOptions()];case 3:t.sent();return[3,5];case 4:this.setTimeoutFilter();t.label=5;case 5:if(this.isOpen===false){this.value=this.getSelectedValue();this.setTimeoutFilter()}return[2]}}))}))}}t.prototype.itemSelectedChanged=function(){this.bdsSelectedChange.emit(this.selected)};t.prototype.valueChanged=function(){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,s,o;return __generator(this,(function(r){switch(r.label){case 0:if(!!t)return[3,2];return[4,this.resetFilterOptions()];case 1:r.sent();r.label=2;case 2:for(e=0,i=this.childOptions;e<i.length;e++){n=i[e];s=this.searchOnlyTitle?this.getTextFromOption(n).toLowerCase():n.textContent.toLowerCase();o=t.toLowerCase();s.includes(o)?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(s){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.render=function(){var t=this;var e=this.isOpen?"arrow-up":"arrow-down";return n("div",{class:"select",tabindex:"0",onFocus:this.setFocusWrapper,onBlur:this.removeFocusWrapper,onFocusout:this.onFocusout,onKeyDown:this.keyPressWrapper},n("bds-input",{icon:this.icon,label:this.label,ref:this.refNativeInput,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.toggle,value:this.text,danger:this.danger,disabled:this.disabled,placeholder:this.placeholder,onBdsChange:this.changedInputValue,onBdsInput:this.onInput,readonly:false},n("div",{slot:"input-right",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 s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["itemSelectedChanged"],value:["valueChanged"],options:["parseOptions"]}},enumerable:false,configurable:true});return t}());r.style=o}}}));

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

@@ -0,0 +1,39 @@
+import { r as registerInstance, h, f as Host } from './index-167d4d9d.js';
+
+const avatarGroupCss = ".avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:5}.avatar__group>*:nth-child(2){z-index:4}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:2}.avatar__group>*:nth-child(5){z-index:1}.avatar__group .avatar{border:2px solid #ffffff;position:relative}.avatar__group__size--extra-small{margin-left:4px}.avatar__group__size--extra-small>*{margin-left:-4px}.avatar__group__size--extra-small .avatar{width:32px;height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{width:40px;height:40px}.avatar__group__size--standard{margin-left:12px}.avatar__group__size--standard>*{margin-left:-12px}.avatar__group__size--standard .avatar{width:56px;height:56px}";
+
+let AvatarGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Size. Entered as one of the size. Can be one of:
+     * 'extra-small', 'small', 'standard', 'large', 'extra-large'.
+     */
+    this.size = 'standard';
+  }
+  parseUsers() {
+    if (this.users) {
+      try {
+        this.internalUsers = typeof this.users === 'string' ? JSON.parse(this.users) : this.users;
+      }
+      catch (e) {
+        this.internalUsers = [];
+      }
+    }
+  }
+  componentWillLoad() {
+    this.users && this.parseUsers();
+    this.leftoversUsers = this.internalUsers.length - 4;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: {
+        avatar__group: true,
+        [`avatar__group__size--${this.size}`]: true,
+      } }, this.internalUsers ? (this.internalUsers
+      .slice(0, 5)
+      .map((user, i, row) => i + 1 === row.length && this.internalUsers.length > 5 ? (h("bds-avatar", { size: this.size, ellipsis: this.leftoversUsers })) : (h("bds-avatar", { id: user.id, name: user.name, thumbnail: user.thumbnail, size: this.size })))) : (h("slot", null)))));
+  }
+};
+AvatarGroup.style = avatarGroupCss;
+
+export { AvatarGroup as bds_avatar_group };

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

@@ -0,0 +1 @@
+System.register(["./index-6ee48949.system.js"],(function(a){"use strict";var t,r,s;return{setters:[function(a){t=a.r;r=a.h;s=a.f}],execute:function(){var e=".avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:5}.avatar__group>*:nth-child(2){z-index:4}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:2}.avatar__group>*:nth-child(5){z-index:1}.avatar__group .avatar{border:2px solid #ffffff;position:relative}.avatar__group__size--extra-small{margin-left:4px}.avatar__group__size--extra-small>*{margin-left:-4px}.avatar__group__size--extra-small .avatar{width:32px;height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{width:40px;height:40px}.avatar__group__size--standard{margin-left:12px}.avatar__group__size--standard>*{margin-left:-12px}.avatar__group__size--standard .avatar{width:56px;height:56px}";var i=a("bds_avatar_group",function(){function a(a){t(this,a);this.size="standard"}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-4};a.prototype.render=function(){var a;var t=this;return r(s,null,r("div",{class:(a={avatar__group:true},a["avatar__group__size--"+this.size]=true,a)},this.internalUsers?this.internalUsers.slice(0,5).map((function(a,s,e){return s+1===e.length&&t.internalUsers.length>5?r("bds-avatar",{size:t.size,ellipsis:t.leftoversUsers}):r("bds-avatar",{id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):r("slot",null)))};return a}());i.style=e}}}));

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

@@ -0,0 +1,78 @@
+import { r as registerInstance, h } from './index-167d4d9d.js';
+
+const avatarCss = ".avatar{margin:0;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-style:normal;font-weight:normal;margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0;border:0;border-radius:72px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.avatar__text{color:#ffffff}.avatar__icon{color:#8ca0b3}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#505f79}.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:#ffffff;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#8ca0b3;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:rgba(80, 95, 121, 0.5);cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#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:#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:#8ca0b3}.avatar__size--extra-small{width:32px;height:32px}.avatar__size--small{width:40px;height:40px}.avatar__size--standard{width:56px;height:56px}.avatar__size--large{width:64px;height:64px}.avatar__size--extra-large{width:72px;height:72px}.avatar__color--neutral{background-color:#d2dfe6}.avatar__color--purple{background-color:#c226fb}.avatar__color--brand{background-color:#00c6d7}.avatar__color--green{background-color:#c226fb}.avatar__color--brown{background-color:#f6a721}.avatar__color--pink{background-color:#fb5a8b}.avatar:hover .avatar__btn__thumb{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}";
+
+let BdsAvatar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.typoSize = 'fs-20';
+    this.iconSize = 'large';
+    /**
+     * Name, Inserted for highlighted osuary name. Enter the full name.
+     */
+    this.name = null;
+    /**
+     * Thumbnail, Inserted to highlight user image. Url field.
+     */
+    this.thumbnail = null;
+    /**
+     * Size, Entered as one of the size. Can be one of:
+     * 'extra-small', 'small', 'standard', 'large', 'extra-large'.
+     */
+    this.size = 'standard';
+    /**
+     * Upload, Serve to enable upload function on avatar.
+     */
+    this.upload = false;
+    /**
+     * Ellipses, serves to indicate the user number in the listing.
+     */
+    this.ellipsis = null;
+    this.selectTypoSize = (value) => {
+      switch (value) {
+        case 'extra-small':
+          this.typoSize = 'fs-14';
+          this.iconSize = 'x-small';
+          break;
+        case 'small':
+          this.typoSize = 'fs-16';
+          this.iconSize = 'small';
+          break;
+        case 'standard':
+          this.typoSize = 'fs-20';
+          this.iconSize = 'medium';
+          break;
+        case 'large':
+          this.typoSize = 'fs-24';
+          this.iconSize = 'large';
+          break;
+        case 'extra-large':
+          this.typoSize = 'fs-32';
+          this.iconSize = 'x-large';
+          break;
+        default:
+          this.typoSize = 'fs-20';
+          this.iconSize = 'medium';
+      }
+    };
+  }
+  render() {
+    const avatarColor = ['purple', 'brand', 'green', 'brown', 'pink'];
+    const randColor = avatarColor[Math.floor(Math.random() * avatarColor.length)];
+    const avatarBgColor = !this.name || this.ellipsis ? 'neutral' : randColor;
+    const arrayName = this.name ? this.name.split(' ') : [];
+    const firstName = arrayName.length ? arrayName.shift().charAt(0) : '';
+    const lastName = arrayName.length ? arrayName.pop().charAt(0) : '';
+    const Element = this.upload ? 'button' : 'div';
+    this.selectTypoSize(this.size);
+    return (h(Element, { class: {
+        avatar: true,
+        [`avatar__size--${this.size}`]: true,
+        [`avatar__color--${avatarBgColor}`]: true,
+        upload: this.upload,
+      } }, this.ellipsis ? (h("bds-typo", { class: "avatar__ellipsis", variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`)) : this.thumbnail ? (this.upload ? (h("div", { class: "avatar__btn" }, h("img", { class: "avatar__btn__img", src: this.thumbnail }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "edit", theme: "outline", size: this.iconSize })))) : (h("img", { class: "avatar__img", src: this.thumbnail }))) : this.name ? (this.upload ? (h("div", { class: "avatar__btn" }, h("bds-typo", { class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("bds-typo", { class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName))) : this.upload ? (h("div", { class: "avatar__btn" }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize }))));
+  }
+};
+BdsAvatar.style = avatarCss;
+
+export { BdsAvatar as bds_avatar };

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

@@ -0,0 +1 @@
+System.register(["./index-6ee48949.system.js"],(function(a){"use strict";var t,i;return{setters:[function(a){t=a.r;i=a.h}],execute:function(){var e='.avatar{margin:0;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-style:normal;font-weight:normal;margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0;border:0;border-radius:72px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.avatar__text{color:#ffffff}.avatar__icon{color:#8ca0b3}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#505f79}.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:#ffffff;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#8ca0b3;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:rgba(80, 95, 121, 0.5);cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#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:#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:#8ca0b3}.avatar__size--extra-small{width:32px;height:32px}.avatar__size--small{width:40px;height:40px}.avatar__size--standard{width:56px;height:56px}.avatar__size--large{width:64px;height:64px}.avatar__size--extra-large{width:72px;height:72px}.avatar__color--neutral{background-color:#d2dfe6}.avatar__color--purple{background-color:#c226fb}.avatar__color--brand{background-color:#00c6d7}.avatar__color--green{background-color:#c226fb}.avatar__color--brown{background-color:#f6a721}.avatar__color--pink{background-color:#fb5a8b}.avatar:hover .avatar__btn__thumb{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}';var n=a("bds_avatar",function(){function a(a){var i=this;t(this,a);this.typoSize="fs-20";this.iconSize="large";this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.selectTypoSize=function(a){switch(a){case"extra-small":i.typoSize="fs-14";i.iconSize="x-small";break;case"small":i.typoSize="fs-16";i.iconSize="small";break;case"standard":i.typoSize="fs-20";i.iconSize="medium";break;case"large":i.typoSize="fs-24";i.iconSize="large";break;case"extra-large":i.typoSize="fs-32";i.iconSize="x-large";break;default:i.typoSize="fs-20";i.iconSize="medium"}}}a.prototype.render=function(){var a;var t=["purple","brand","green","brown","pink"];var e=t[Math.floor(Math.random()*t.length)];var n=!this.name||this.ellipsis?"neutral":e;var s=this.name?this.name.split(" "):[];var r=s.length?s.shift().charAt(0):"";var o=s.length?s.pop().charAt(0):"";var l=this.upload?"button":"div";this.selectTypoSize(this.size);return i(l,{class:(a={avatar:true},a["avatar__size--"+this.size]=true,a["avatar__color--"+n]=true,a.upload=this.upload,a)},this.ellipsis?i("bds-typo",{class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+"+this.ellipsis):this.thumbnail?this.upload?i("div",{class:"avatar__btn"},i("img",{class:"avatar__btn__img",src:this.thumbnail}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"edit",theme:"outline",size:this.iconSize}))):i("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload?i("div",{class:"avatar__btn"},i("bds-typo",{class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+o),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("bds-typo",{class:"avatar__text",variant:this.typoSize,tag:"span"},r+o):this.upload?i("div",{class:"avatar__btn"},i("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),i("div",{class:"avatar__btn__empty"},i("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize}))};return a}());n.style=e}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, f as Host } from './index-5747a4fb.js';
+import { r as registerInstance, e as createEvent, h, f as Host } from './index-167d4d9d.js';
 
 const bannerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;min-height:40px;color:#f8fbfb;background:#c226fb}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:end;justify-content:flex-end}:host .banner__holder--warning{background-color:#e7edf4;color:#505f79;font-weight:600}:host .banner__holder--warning bds-icon{color:#f6a721}:host .banner__holder--system{font-weight:400}@media (max-width: 780px){:host .banner__holder{padding:16px}}@media (min-width: 780px){:host .banner__holder{padding:0 16px}}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 780px){:host .banner__content{display:inline;-webkit-box-sizing:border-box;box-sizing:border-box}}:host .banner__content .icon_warning{padding-right:8px}:host .banner__action{cursor:pointer;display:-ms-flexbox;display:flex}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}";
 
-const Banner = class {
+let Banner = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsBannerClose = createEvent(this, "bdsBannerClose", 7);

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,n,t,r){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,a){function s(e){try{l(r.next(e))}catch(n){a(n)}}function o(e){try{l(r["throw"](e))}catch(n){a(n)}}function l(e){e.done?t(e.value):i(e.value).then(s,o)}l((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(n){return l([e,n])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;i=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=n.call(e,t)}catch(o){s=[6,o];i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-eff4e8a8.system.js"],(function(e){"use strict";var n,t,r,i;return{setters:[function(e){n=e.r;t=e.e;r=e.h;i=e.f}],execute:function(){var a=':host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;min-height:40px;color:#f8fbfb;background:#c226fb}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:end;justify-content:flex-end}:host .banner__holder--warning{background-color:#e7edf4;color:#505f79;font-weight:600}:host .banner__holder--warning bds-icon{color:#f6a721}:host .banner__holder--system{font-weight:400}@media (max-width: 780px){:host .banner__holder{padding:16px}}@media (min-width: 780px){:host .banner__holder{padding:0 16px}}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 780px){:host .banner__content{display:inline;-webkit-box-sizing:border-box;box-sizing:border-box}}:host .banner__content .icon_warning{padding-right:8px}:host .banner__action{cursor:pointer;display:-ms-flexbox;display:flex}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}';var s=e("bds_banner",function(){function e(e){var r=this;n(this,e);this.bdsBannerClose=t(this,"bdsBannerClose",7);this.visible=true;this.bannerAlign="center";this.variant="system";this.close=function(){r.bdsBannerClose.emit();r.visible=false}}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.visible=!this.visible;return[2]}))}))};e.prototype.render=function(){var e;return r(i,{class:{banner:true,"banner--hide":!this.visible}},r("div",{class:(e={banner__holder:true},e["banner__holder--align--"+this.bannerAlign]=true,e["banner__holder--"+this.variant]=true,e)},this.variant!=="warning"&&r("div",{class:"space_left"}),r("div",{class:{banner__content:true}},this.variant==="warning"&&r("bds-icon",{class:"icon_warning",theme:"solid",size:"large",name:"warning"}),r("slot",null)),this.variant!=="warning"&&r("div",{class:"banner__action",onClick:this.close},r("bds-icon",{name:"close"}))))};return e}());s.style=a}}}));
+var __awaiter=this&&this.__awaiter||function(e,n,t,r){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,a){function s(e){try{l(r.next(e))}catch(n){a(n)}}function o(e){try{l(r["throw"](e))}catch(n){a(n)}}function l(e){e.done?t(e.value):i(e.value).then(s,o)}l((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(n){return l([e,n])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;i=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=n.call(e,t)}catch(o){s=[6,o];i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-6ee48949.system.js"],(function(e){"use strict";var n,t,r,i;return{setters:[function(e){n=e.r;t=e.e;r=e.h;i=e.f}],execute:function(){var a=':host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif;font-size:0.875rem}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;min-height:40px;color:#f8fbfb;background:#c226fb}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:end;justify-content:flex-end}:host .banner__holder--warning{background-color:#e7edf4;color:#505f79;font-weight:600}:host .banner__holder--warning bds-icon{color:#f6a721}:host .banner__holder--system{font-weight:400}@media (max-width: 780px){:host .banner__holder{padding:16px}}@media (min-width: 780px){:host .banner__holder{padding:0 16px}}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 780px){:host .banner__content{display:inline;-webkit-box-sizing:border-box;box-sizing:border-box}}:host .banner__content .icon_warning{padding-right:8px}:host .banner__action{cursor:pointer;display:-ms-flexbox;display:flex}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}';var s=e("bds_banner",function(){function e(e){var r=this;n(this,e);this.bdsBannerClose=t(this,"bdsBannerClose",7);this.visible=true;this.bannerAlign="center";this.variant="system";this.close=function(){r.bdsBannerClose.emit();r.visible=false}}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.visible=!this.visible;return[2]}))}))};e.prototype.render=function(){var e;return r(i,{class:{banner:true,"banner--hide":!this.visible}},r("div",{class:(e={banner__holder:true},e["banner__holder--align--"+this.bannerAlign]=true,e["banner__holder--"+this.variant]=true,e)},this.variant!=="warning"&&r("div",{class:"space_left"}),r("div",{class:{banner__content:true}},this.variant==="warning"&&r("bds-icon",{class:"icon_warning",theme:"solid",size:"large",name:"warning"}),r("slot",null)),this.variant!=="warning"&&r("div",{class:"banner__action",onClick:this.close},r("bds-icon",{name:"close"}))))};return e}());s.style=a}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-5747a4fb.js';
+import { r as registerInstance, h } from './index-167d4d9d.js';
 
 const iconButtonCss = ".icon__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-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";
 
-const IconButton = class {
+let IconButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**

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

@@ -1 +1 @@
-System.register(["./index-eff4e8a8.system.js"],(function(o){"use strict";var t,r;return{setters:[function(o){t=o.r;r=o.h}],execute:function(){var n=".icon__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-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";var e=o("bds_button_icon",function(){function o(o){t(this,o);this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"}}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var n=this.mapVariantStyle[this.variant];return r("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[n]=true,o[n+"--disabled"]=this.disabled,o)},r("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}());e.style=n}}}));
+System.register(["./index-6ee48949.system.js"],(function(o){"use strict";var t,r;return{setters:[function(o){t=o.r;r=o.h}],execute:function(){var n=".icon__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-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button--primary{color:#ffffff;background:#3f7de8}.icon__button--primary:hover{color:#ffffff;background:#125ad5}.icon__button--primary:focus{color:#ffffff;background:#125ad5}.icon__button--primary:active{color:#ffffff;background:#0747a6}.icon__button--primary--disabled{cursor:not-allowed;background:#e8f2ff;color:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{background:#e8f2ff;color:#637798}.icon__button--secondary{color:#505f79;background:transparent}.icon__button--secondary:hover{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:focus{color:#3f7de8;background:#e8f2ff}.icon__button--secondary:active{color:#3f7de8;background:#d1e3fa}.icon__button--secondary--disabled{cursor:not-allowed;background:transparent;color:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{background:transparent;color:#637798}.icon__button--tertiary{color:#3f7de8;background:transparent;border:1px solid #d2dfe6}.icon__button--tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:focus{border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.icon__button--tertiary--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost{color:#3f7de8;background:transparent;border:1px solid #3f7de8}.icon__button--ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:focus{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.icon__button--ghost--disabled{cursor:not-allowed;background:transparent;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:hover{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:focus{color:#637798;background:#e8f2ff}.icon__button--secondary-white--disabled:active{color:#637798;background:#e8f2ff}.icon__button--delete{color:#ffffff;background:#ff4c4c}.icon__button--delete:hover{color:#ffffff;background:#a01c2c}.icon__button--delete:focus{color:#ffffff;background:#a01c2c}.icon__button--delete:active{color:#ffffff;background:#6a2026}.icon__button--delete--disabled{cursor:not-allowed;background:#fccccc;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{background:#fccccc;color:#ba5a5a}";var e=o("bds_button_icon",function(){function o(o){t(this,o);this.disabled=false;this.size="standard";this.variant="primary";this.icon=null;this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"}}o.prototype.render=function(){var o;if(!this.icon)return null;var t=this.mapSize[this.size];var n=this.mapVariantStyle[this.variant];return r("button",{disabled:this.disabled,class:(o={},o["icon__button"]=true,o[n]=true,o[n+"--disabled"]=this.disabled,o)},r("bds-icon",{name:this.icon,size:t,color:"inherit"}))};return o}());e.style=n}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-5747a4fb.js';
+import { r as registerInstance, h, g as getElement } from './index-167d4d9d.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--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{cursor:not-allowed;background:#e8f2ff;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#e8f2ff;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#fccccc;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#e8f2ff;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 Button = class {
+let Button = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**

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

@@ -1 +1 @@
-System.register(["./index-eff4e8a8.system.js"],(function(t){"use strict";var o,e,r;return{setters:[function(t){o=t.r;e=t.h;r=t.g}],execute:function(){var n=".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--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{cursor:not-allowed;background:#e8f2ff;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#e8f2ff;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#fccccc;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#e8f2ff;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 e=this;o(this,t);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.handleClick=function(t){var o=e.el.closest("form");if(o){t.preventDefault();var r=document.createElement("button");r.type=e.type;r.style.display="none";o.appendChild(r);r.click();r.remove()}}}t.prototype.getSizeClass=function(){return this.arrow||!!this.icon?"button--size-"+this.size+"--icon":"button--size-"+this.size};t.prototype.renderIcon=function(){return this.icon&&e("div",{class:{button__icon:true,hide:this.bdsLoading&&true}},e("bds-icon",{name:this.icon,type:this.typeIcon,color:"inherit"}))};t.prototype.renderText=function(){var t;return e("div",{class:(t={button__content:true},t["button__content__"+this.variant]=true,t["button__content__"+this.variant+"--disabled"]=this.disabled,t.hide=this.bdsLoading&&true,t)},e("bds-typo",{variant:"fs-14",lineHeight:"simple",bold:"bold"},e("slot",null)))};t.prototype.renderArrow=function(){return this.arrow&&e("div",{class:{button__arrow:true,hide:this.bdsLoading&&true}},e("bds-icon",{name:"arrow-right",color:"inherit"}))};t.prototype.renderLoadingSpinner=function(){return e("bds-loading-spinner",{variant:this.bdsLoadingVariant})};t.prototype.render=function(){var t;var o=this.getSizeClass();return e("button",{onClick:this.handleClick,disabled:this.disabled,type:this.type,class:(t={button:true},t["button__"+this.variant]=true,t["button__"+this.variant+"--disabled"]=this.disabled,t[o]=true,t["button--size-icon--left"]=!!this.icon,t["button--size-icon--right"]=this.arrow,t),part:"button"},[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=n}}}));
+System.register(["./index-6ee48949.system.js"],(function(t){"use strict";var o,e,r;return{setters:[function(t){o=t.r;e=t.h;r=t.g}],execute:function(){var n=".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--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{cursor:not-allowed;background:#e8f2ff;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#e8f2ff;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#fccccc;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{cursor:not-allowed;background:transparent;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{cursor:not-allowed;background:#e8f2ff;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 e=this;o(this,t);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.handleClick=function(t){var o=e.el.closest("form");if(o){t.preventDefault();var r=document.createElement("button");r.type=e.type;r.style.display="none";o.appendChild(r);r.click();r.remove()}}}t.prototype.getSizeClass=function(){return this.arrow||!!this.icon?"button--size-"+this.size+"--icon":"button--size-"+this.size};t.prototype.renderIcon=function(){return this.icon&&e("div",{class:{button__icon:true,hide:this.bdsLoading&&true}},e("bds-icon",{name:this.icon,type:this.typeIcon,color:"inherit"}))};t.prototype.renderText=function(){var t;return e("div",{class:(t={button__content:true},t["button__content__"+this.variant]=true,t["button__content__"+this.variant+"--disabled"]=this.disabled,t.hide=this.bdsLoading&&true,t)},e("bds-typo",{variant:"fs-14",lineHeight:"simple",bold:"bold"},e("slot",null)))};t.prototype.renderArrow=function(){return this.arrow&&e("div",{class:{button__arrow:true,hide:this.bdsLoading&&true}},e("bds-icon",{name:"arrow-right",color:"inherit"}))};t.prototype.renderLoadingSpinner=function(){return e("bds-loading-spinner",{variant:this.bdsLoadingVariant})};t.prototype.render=function(){var t;var o=this.getSizeClass();return e("button",{onClick:this.handleClick,disabled:this.disabled,type:this.type,class:(t={button:true},t["button__"+this.variant]=true,t["button__"+this.variant+"--disabled"]=this.disabled,t[o]=true,t["button--size-icon--left"]=!!this.icon,t["button--size-icon--right"]=this.arrow,t),part:"button"},[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=n}}}));

package/dist/blip-ds/bds-card-color.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-5747a4fb.js';
+import { r as registerInstance, h } from './index-167d4d9d.js';
 
 const cardColorCss = ".card-color{width:239px;height:136px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);margin-left:8px;margin-top:8px}.card-color--light::part(bds-typo__text){color:white}.card-color--light ::part(bds-typo__text){color:white}.card-color--color{-ms-flex:2;flex:2;border-top-left-radius:8px;border-top-right-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.card-color--color-primary-main{background-color:#3f7de8}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-dark{background-color:#125ad5}.card-color--color-primary-night{background-color:#0747a6}.card-color--color-extend-reds-delete{background-color:#ff4c4c}.card-color--color-extend-browns-cheetos{background-color:#f6a721}.card-color--color-primary-greens-true{background-color:#21cc79}.card-color--color-primary-greens-forest{background-color:#0a6045}.card-color--color-disabled-bg{background-color:#e8f2ff}.card-color--color-disabled-text{background-color:#637798}.card-color--color-disabled-delete{background-color:#fccccc}.card-color--color-disabled-error{background-color:#da7a7a}.card-color--color-disabled-wrong{background-color:#ba5a5a}.card-color--color-neutral-dark-onix{background-color:#1a2437}.card-color--color-neutral-dark-eclipse{background-color:#0a0f1a}.card-color--color-neutral-dark-suit{background-color:#212a3c}.card-color--color-neutral-dark-city{background-color:#202c44}.card-color--color-neutral-dark-rooftop{background-color:#505f79}.card-color--color-neutral-dark-ico{background-color:#192438}.card-color--color-neutral-dark-skate{background-color:#233049}.card-color--color-neutral-dark-desk{background-color:#3a4a65}.card-color--color-neutral-medium-elephant{background-color:#6e7b91}.card-color--color-neutral-medium-cloud{background-color:#8ca0b3}.card-color--color-neutral-medium-silver{background-color:#b9cbd3}.card-color--color-neutral-medium-wave{background-color:#d2dfe6}.card-color--color-neutral-light-box{background-color:#e7edf4}.card-color--color-neutral-light-breeze{background-color:#f8fbfb}.card-color--color-neutral-light-snow{background-color:#ffffff}.card-color--color-neutral-light-whisper{background-color:#f3f6fa}.card-color--color-extend-reds-flower{background-color:#ffa5a5}.card-color--color-extend-reds-lipstick{background-color:#a01c2c}.card-color--color-extend-reds-dragon{background-color:#6a2026}.card-color--color-primary-pinks-yogurt{background-color:#fdacc5}.card-color--color-primary-pinks-barbie{background-color:#aa398d}.card-color--color-primary-pinks-watermelon{background-color:#fb5a8b}.card-color--color-primary-pinks-blush{background-color:#821a67}.card-color--color-extend-grays-moon{background-color:#d1d3d4}.card-color--color-extend-grays-elevator{background-color:#a7a9ac}.card-color--color-extend-grays-street{background-color:#6d6f71}.card-color--color-extend-grays-blackwidow{background-color:#000000}.card-color--color-primary-yellows-corn{background-color:#fff6a8}.card-color--color-primary-yellows-moss{background-color:#757010}.card-color--color-primary-yellows-sun{background-color:#ffec03}.card-color--color-primary-yellows-guarana{background-color:#b2b229}.card-color--color-extend-browns-wood{background-color:#845d37}.card-color--color-extend-browns-sand{background-color:#ffd29e}.card-color--color-extend-browns-sphinx{background-color:#d78935}.card-color--color-primary-oranges-sunset{background-color:#ffb186}.card-color--color-primary-oranges-doritos{background-color:#c64026}.card-color--color-primary-oranges-clay{background-color:#8e3925}.card-color--color-primary-oranges-carrot{background-color:#ff6e1d}.card-color--color-illustration-green-bamboo{background-color:#dfea95}.card-color--color-primary-greens-mint{background-color:#90e6bc}.card-color--color-primary-greens-true{background-color:#21cc79}.card-color--color-primary-greens-aligator{background-color:#008767}.card-color--color-illustration-green-lime{background-color:#bed42b}.card-color--color-illustration-green-leaf{background-color:#9eaf30}.card-color--color-illustration-green-algae{background-color:#5f6a15}.card-color--color-illustration-blue-sky{background-color:#e9f7f8}.card-color--color-illustration-blue-genie{background-color:#80e3eb}.card-color--color-illustration-blue-brand{background-color:#00c6d7}.card-color--color-illustration-blue-sea{background-color:#167491}.card-color--color-illustration-blue-jeans{background-color:#212a3c}.card-color--color-illustration-skin-jackie{background-color:#f3c29f}.card-color--color-illustration-skin-lucy{background-color:#edb58d}.card-color--color-illustration-skin-hideo{background-color:#e8aa7d}.card-color--color-illustration-skin-jung{background-color:#e29e6c}.card-color--color-illustration-skin-nicole{background-color:#fdc2bf}.card-color--color-illustration-skin-keanu{background-color:#ffbbb8}.card-color--color-illustration-skin-scarlett{background-color:#f4b1af}.card-color--color-illustration-skin-evaristo{background-color:#f3a6a3}.card-color--color-illustration-skin-zoe{background-color:#cb9685}.card-color--color-illustration-skin-jason{background-color:#c18775}.card-color--color-illustration-skin-jeniffer{background-color:#bf7d68}.card-color--color-illustration-skin-dwayne{background-color:#b5705a}.card-color--color-illustration-skin-oprah{background-color:#cb8591}.card-color--color-illustration-skin-tais{background-color:#bc7785}.card-color--color-illustration-skin-michelle{background-color:#a8747d}.card-color--color-illustration-skin-will{background-color:#98646d}.card-color--color-hover-light{background-color:#d1e3fa}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-main{background-color:#3f7de8}.card-color--color-primary-night{background-color:#0747a6}.card-color--color-primary-purples-pixie{background-color:#cc99ff}.card-color--color-primary-purples-bell{background-color:#c226fb}.card-color--color-primary-purples-witch{background-color:#9933cc}.card-color--color-primary-purples-acai{background-color:#4f0e87}.card-color--color-gradient-fabulous{background:linear-gradient(212.75deg, #fb5a8b 37.1%, #9933cc 171.27%)}.card-color--color-gradient-universe{background:#202c44}.card-color--color-gradient-street{background:#6e7b91}.card-color--color-gradient-shine{background:#f3f6fa}.card-color--color-gradient-ocean{background:#4786f1}.card-color--color-gradient-grape{background:#c226fb}.card-color--color-gradient-dg-blip-system{background:#00c6d7}.card-color--color-gradient-error{background:#ff4c4c}.card-color--color-gradient-phoenix{background:#f6a721}.card-color--color-gradient-success{background:#21cc79}.card-color--color-gradient-rose{background:#ff4c4c}.card-color--color-gradient-cactus{background:#bed42b}.card-color--color-gradient-tree{background:#21cc79}.card-color--color-gradient-smurf{background:#00c6d7}.card-color__description{-ms-flex:1;flex:1;padding:0 8px;background-color:#f3f6fa;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.card-color__description__name__label{color:#8ca0b3;font-size:10px;line-height:15px;font-weight:lighter}.card-color__description__name__text{color:#202c44;font-size:12px;line-height:18px;font-weight:lighter}.card-color__description__value__label{color:#8ca0b3;font-size:10px;line-height:15px;font-weight:lighter}.card-color__description__value__text{color:#202c44;font-size:12px;line-height:18px;font-weight:lighter}.card-color__description--gradient{text-align:center;-ms-flex-direction:column;flex-direction:column}";
 
-const CardColor = class {
+let CardColor = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**

package/dist/blip-ds/bds-card-color.system.entry.js

@@ -1 +1 @@
-System.register(["./index-eff4e8a8.system.js"],(function(o){"use strict";var r,c;return{setters:[function(o){r=o.r;c=o.h}],execute:function(){var l=".card-color{width:239px;height:136px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);margin-left:8px;margin-top:8px}.card-color--light::part(bds-typo__text){color:white}.card-color--light ::part(bds-typo__text){color:white}.card-color--color{-ms-flex:2;flex:2;border-top-left-radius:8px;border-top-right-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.card-color--color-primary-main{background-color:#3f7de8}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-dark{background-color:#125ad5}.card-color--color-primary-night{background-color:#0747a6}.card-color--color-extend-reds-delete{background-color:#ff4c4c}.card-color--color-extend-browns-cheetos{background-color:#f6a721}.card-color--color-primary-greens-true{background-color:#21cc79}.card-color--color-primary-greens-forest{background-color:#0a6045}.card-color--color-disabled-bg{background-color:#e8f2ff}.card-color--color-disabled-text{background-color:#637798}.card-color--color-disabled-delete{background-color:#fccccc}.card-color--color-disabled-error{background-color:#da7a7a}.card-color--color-disabled-wrong{background-color:#ba5a5a}.card-color--color-neutral-dark-onix{background-color:#1a2437}.card-color--color-neutral-dark-eclipse{background-color:#0a0f1a}.card-color--color-neutral-dark-suit{background-color:#212a3c}.card-color--color-neutral-dark-city{background-color:#202c44}.card-color--color-neutral-dark-rooftop{background-color:#505f79}.card-color--color-neutral-dark-ico{background-color:#192438}.card-color--color-neutral-dark-skate{background-color:#233049}.card-color--color-neutral-dark-desk{background-color:#3a4a65}.card-color--color-neutral-medium-elephant{background-color:#6e7b91}.card-color--color-neutral-medium-cloud{background-color:#8ca0b3}.card-color--color-neutral-medium-silver{background-color:#b9cbd3}.card-color--color-neutral-medium-wave{background-color:#d2dfe6}.card-color--color-neutral-light-box{background-color:#e7edf4}.card-color--color-neutral-light-breeze{background-color:#f8fbfb}.card-color--color-neutral-light-snow{background-color:#ffffff}.card-color--color-neutral-light-whisper{background-color:#f3f6fa}.card-color--color-extend-reds-flower{background-color:#ffa5a5}.card-color--color-extend-reds-lipstick{background-color:#a01c2c}.card-color--color-extend-reds-dragon{background-color:#6a2026}.card-color--color-primary-pinks-yogurt{background-color:#fdacc5}.card-color--color-primary-pinks-barbie{background-color:#aa398d}.card-color--color-primary-pinks-watermelon{background-color:#fb5a8b}.card-color--color-primary-pinks-blush{background-color:#821a67}.card-color--color-extend-grays-moon{background-color:#d1d3d4}.card-color--color-extend-grays-elevator{background-color:#a7a9ac}.card-color--color-extend-grays-street{background-color:#6d6f71}.card-color--color-extend-grays-blackwidow{background-color:#000000}.card-color--color-primary-yellows-corn{background-color:#fff6a8}.card-color--color-primary-yellows-moss{background-color:#757010}.card-color--color-primary-yellows-sun{background-color:#ffec03}.card-color--color-primary-yellows-guarana{background-color:#b2b229}.card-color--color-extend-browns-wood{background-color:#845d37}.card-color--color-extend-browns-sand{background-color:#ffd29e}.card-color--color-extend-browns-sphinx{background-color:#d78935}.card-color--color-primary-oranges-sunset{background-color:#ffb186}.card-color--color-primary-oranges-doritos{background-color:#c64026}.card-color--color-primary-oranges-clay{background-color:#8e3925}.card-color--color-primary-oranges-carrot{background-color:#ff6e1d}.card-color--color-illustration-green-bamboo{background-color:#dfea95}.card-color--color-primary-greens-mint{background-color:#90e6bc}.card-color--color-primary-greens-true{background-color:#21cc79}.card-color--color-primary-greens-aligator{background-color:#008767}.card-color--color-illustration-green-lime{background-color:#bed42b}.card-color--color-illustration-green-leaf{background-color:#9eaf30}.card-color--color-illustration-green-algae{background-color:#5f6a15}.card-color--color-illustration-blue-sky{background-color:#e9f7f8}.card-color--color-illustration-blue-genie{background-color:#80e3eb}.card-color--color-illustration-blue-brand{background-color:#00c6d7}.card-color--color-illustration-blue-sea{background-color:#167491}.card-color--color-illustration-blue-jeans{background-color:#212a3c}.card-color--color-illustration-skin-jackie{background-color:#f3c29f}.card-color--color-illustration-skin-lucy{background-color:#edb58d}.card-color--color-illustration-skin-hideo{background-color:#e8aa7d}.card-color--color-illustration-skin-jung{background-color:#e29e6c}.card-color--color-illustration-skin-nicole{background-color:#fdc2bf}.card-color--color-illustration-skin-keanu{background-color:#ffbbb8}.card-color--color-illustration-skin-scarlett{background-color:#f4b1af}.card-color--color-illustration-skin-evaristo{background-color:#f3a6a3}.card-color--color-illustration-skin-zoe{background-color:#cb9685}.card-color--color-illustration-skin-jason{background-color:#c18775}.card-color--color-illustration-skin-jeniffer{background-color:#bf7d68}.card-color--color-illustration-skin-dwayne{background-color:#b5705a}.card-color--color-illustration-skin-oprah{background-color:#cb8591}.card-color--color-illustration-skin-tais{background-color:#bc7785}.card-color--color-illustration-skin-michelle{background-color:#a8747d}.card-color--color-illustration-skin-will{background-color:#98646d}.card-color--color-hover-light{background-color:#d1e3fa}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-main{background-color:#3f7de8}.card-color--color-primary-night{background-color:#0747a6}.card-color--color-primary-purples-pixie{background-color:#cc99ff}.card-color--color-primary-purples-bell{background-color:#c226fb}.card-color--color-primary-purples-witch{background-color:#9933cc}.card-color--color-primary-purples-acai{background-color:#4f0e87}.card-color--color-gradient-fabulous{background:linear-gradient(212.75deg, #fb5a8b 37.1%, #9933cc 171.27%)}.card-color--color-gradient-universe{background:#202c44}.card-color--color-gradient-street{background:#6e7b91}.card-color--color-gradient-shine{background:#f3f6fa}.card-color--color-gradient-ocean{background:#4786f1}.card-color--color-gradient-grape{background:#c226fb}.card-color--color-gradient-dg-blip-system{background:#00c6d7}.card-color--color-gradient-error{background:#ff4c4c}.card-color--color-gradient-phoenix{background:#f6a721}.card-color--color-gradient-success{background:#21cc79}.card-color--color-gradient-rose{background:#ff4c4c}.card-color--color-gradient-cactus{background:#bed42b}.card-color--color-gradient-tree{background:#21cc79}.card-color--color-gradient-smurf{background:#00c6d7}.card-color__description{-ms-flex:1;flex:1;padding:0 8px;background-color:#f3f6fa;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.card-color__description__name__label{color:#8ca0b3;font-size:10px;line-height:15px;font-weight:lighter}.card-color__description__name__text{color:#202c44;font-size:12px;line-height:18px;font-weight:lighter}.card-color__description__value__label{color:#8ca0b3;font-size:10px;line-height:15px;font-weight:lighter}.card-color__description__value__text{color:#202c44;font-size:12px;line-height:18px;font-weight:lighter}.card-color__description--gradient{text-align:center;-ms-flex-direction:column;flex-direction:column}";var a=o("bds_card_color",function(){function o(o){r(this,o);this.gradient=false;this.lightText=false}o.prototype.render=function(){var o;return c("div",{class:"card-color"},c("div",{class:(o={"card-color--color":true,"card-color--light":this.lightText},o["card-color--"+this.variable]=true,o)},c("bds-typo",{variant:"fs-14"},"$",this.variable)),c("div",{class:{"card-color__description":true,"card-color__description--gradient":this.gradient}},c("div",{class:"card-color__description__name"},c("div",{class:"card-color__description__name__label"},c("bds-typo",{variant:"fs-10"},"Name")),c("div",{class:"card-color__description__name__text"},c("bds-typo",{variant:"fs-12"},this.name))),this.hex&&c("div",{class:"card-color__description__value"},c("div",{class:"card-color__description__value__label"},c("bds-typo",{variant:"fs-10"},"HEX")),c("div",{class:"card-color__description__value__text"},c("bds-typo",{variant:"fs-12"},this.hex)))))};return o}());a.style=l}}}));
+System.register(["./index-6ee48949.system.js"],(function(o){"use strict";var r,c;return{setters:[function(o){r=o.r;c=o.h}],execute:function(){var l=".card-color{width:239px;height:136px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);box-shadow:0 2px 8px rgba(96, 123, 153, 0.4);margin-left:8px;margin-top:8px}.card-color--light::part(bds-typo__text){color:white}.card-color--light ::part(bds-typo__text){color:white}.card-color--color{-ms-flex:2;flex:2;border-top-left-radius:8px;border-top-right-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.card-color--color-primary-main{background-color:#3f7de8}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-dark{background-color:#125ad5}.card-color--color-primary-night{background-color:#0747a6}.card-color--color-extend-reds-delete{background-color:#ff4c4c}.card-color--color-extend-browns-cheetos{background-color:#f6a721}.card-color--color-primary-greens-true{background-color:#21cc79}.card-color--color-primary-greens-forest{background-color:#0a6045}.card-color--color-disabled-bg{background-color:#e8f2ff}.card-color--color-disabled-text{background-color:#637798}.card-color--color-disabled-delete{background-color:#fccccc}.card-color--color-disabled-error{background-color:#da7a7a}.card-color--color-disabled-wrong{background-color:#ba5a5a}.card-color--color-neutral-dark-onix{background-color:#1a2437}.card-color--color-neutral-dark-eclipse{background-color:#0a0f1a}.card-color--color-neutral-dark-suit{background-color:#212a3c}.card-color--color-neutral-dark-city{background-color:#202c44}.card-color--color-neutral-dark-rooftop{background-color:#505f79}.card-color--color-neutral-dark-ico{background-color:#192438}.card-color--color-neutral-dark-skate{background-color:#233049}.card-color--color-neutral-dark-desk{background-color:#3a4a65}.card-color--color-neutral-medium-elephant{background-color:#6e7b91}.card-color--color-neutral-medium-cloud{background-color:#8ca0b3}.card-color--color-neutral-medium-silver{background-color:#b9cbd3}.card-color--color-neutral-medium-wave{background-color:#d2dfe6}.card-color--color-neutral-light-box{background-color:#e7edf4}.card-color--color-neutral-light-breeze{background-color:#f8fbfb}.card-color--color-neutral-light-snow{background-color:#ffffff}.card-color--color-neutral-light-whisper{background-color:#f3f6fa}.card-color--color-extend-reds-flower{background-color:#ffa5a5}.card-color--color-extend-reds-lipstick{background-color:#a01c2c}.card-color--color-extend-reds-dragon{background-color:#6a2026}.card-color--color-primary-pinks-yogurt{background-color:#fdacc5}.card-color--color-primary-pinks-barbie{background-color:#aa398d}.card-color--color-primary-pinks-watermelon{background-color:#fb5a8b}.card-color--color-primary-pinks-blush{background-color:#821a67}.card-color--color-extend-grays-moon{background-color:#d1d3d4}.card-color--color-extend-grays-elevator{background-color:#a7a9ac}.card-color--color-extend-grays-street{background-color:#6d6f71}.card-color--color-extend-grays-blackwidow{background-color:#000000}.card-color--color-primary-yellows-corn{background-color:#fff6a8}.card-color--color-primary-yellows-moss{background-color:#757010}.card-color--color-primary-yellows-sun{background-color:#ffec03}.card-color--color-primary-yellows-guarana{background-color:#b2b229}.card-color--color-extend-browns-wood{background-color:#845d37}.card-color--color-extend-browns-sand{background-color:#ffd29e}.card-color--color-extend-browns-sphinx{background-color:#d78935}.card-color--color-primary-oranges-sunset{background-color:#ffb186}.card-color--color-primary-oranges-doritos{background-color:#c64026}.card-color--color-primary-oranges-clay{background-color:#8e3925}.card-color--color-primary-oranges-carrot{background-color:#ff6e1d}.card-color--color-illustration-green-bamboo{background-color:#dfea95}.card-color--color-primary-greens-mint{background-color:#90e6bc}.card-color--color-primary-greens-true{background-color:#21cc79}.card-color--color-primary-greens-aligator{background-color:#008767}.card-color--color-illustration-green-lime{background-color:#bed42b}.card-color--color-illustration-green-leaf{background-color:#9eaf30}.card-color--color-illustration-green-algae{background-color:#5f6a15}.card-color--color-illustration-blue-sky{background-color:#e9f7f8}.card-color--color-illustration-blue-genie{background-color:#80e3eb}.card-color--color-illustration-blue-brand{background-color:#00c6d7}.card-color--color-illustration-blue-sea{background-color:#167491}.card-color--color-illustration-blue-jeans{background-color:#212a3c}.card-color--color-illustration-skin-jackie{background-color:#f3c29f}.card-color--color-illustration-skin-lucy{background-color:#edb58d}.card-color--color-illustration-skin-hideo{background-color:#e8aa7d}.card-color--color-illustration-skin-jung{background-color:#e29e6c}.card-color--color-illustration-skin-nicole{background-color:#fdc2bf}.card-color--color-illustration-skin-keanu{background-color:#ffbbb8}.card-color--color-illustration-skin-scarlett{background-color:#f4b1af}.card-color--color-illustration-skin-evaristo{background-color:#f3a6a3}.card-color--color-illustration-skin-zoe{background-color:#cb9685}.card-color--color-illustration-skin-jason{background-color:#c18775}.card-color--color-illustration-skin-jeniffer{background-color:#bf7d68}.card-color--color-illustration-skin-dwayne{background-color:#b5705a}.card-color--color-illustration-skin-oprah{background-color:#cb8591}.card-color--color-illustration-skin-tais{background-color:#bc7785}.card-color--color-illustration-skin-michelle{background-color:#a8747d}.card-color--color-illustration-skin-will{background-color:#98646d}.card-color--color-hover-light{background-color:#d1e3fa}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-light{background-color:#b3d4ff}.card-color--color-primary-main{background-color:#3f7de8}.card-color--color-primary-night{background-color:#0747a6}.card-color--color-primary-purples-pixie{background-color:#cc99ff}.card-color--color-primary-purples-bell{background-color:#c226fb}.card-color--color-primary-purples-witch{background-color:#9933cc}.card-color--color-primary-purples-acai{background-color:#4f0e87}.card-color--color-gradient-fabulous{background:linear-gradient(212.75deg, #fb5a8b 37.1%, #9933cc 171.27%)}.card-color--color-gradient-universe{background:#202c44}.card-color--color-gradient-street{background:#6e7b91}.card-color--color-gradient-shine{background:#f3f6fa}.card-color--color-gradient-ocean{background:#4786f1}.card-color--color-gradient-grape{background:#c226fb}.card-color--color-gradient-dg-blip-system{background:#00c6d7}.card-color--color-gradient-error{background:#ff4c4c}.card-color--color-gradient-phoenix{background:#f6a721}.card-color--color-gradient-success{background:#21cc79}.card-color--color-gradient-rose{background:#ff4c4c}.card-color--color-gradient-cactus{background:#bed42b}.card-color--color-gradient-tree{background:#21cc79}.card-color--color-gradient-smurf{background:#00c6d7}.card-color__description{-ms-flex:1;flex:1;padding:0 8px;background-color:#f3f6fa;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.card-color__description__name__label{color:#8ca0b3;font-size:10px;line-height:15px;font-weight:lighter}.card-color__description__name__text{color:#202c44;font-size:12px;line-height:18px;font-weight:lighter}.card-color__description__value__label{color:#8ca0b3;font-size:10px;line-height:15px;font-weight:lighter}.card-color__description__value__text{color:#202c44;font-size:12px;line-height:18px;font-weight:lighter}.card-color__description--gradient{text-align:center;-ms-flex-direction:column;flex-direction:column}";var a=o("bds_card_color",function(){function o(o){r(this,o);this.gradient=false;this.lightText=false}o.prototype.render=function(){var o;return c("div",{class:"card-color"},c("div",{class:(o={"card-color--color":true,"card-color--light":this.lightText},o["card-color--"+this.variable]=true,o)},c("bds-typo",{variant:"fs-14"},"$",this.variable)),c("div",{class:{"card-color__description":true,"card-color__description--gradient":this.gradient}},c("div",{class:"card-color__description__name"},c("div",{class:"card-color__description__name__label"},c("bds-typo",{variant:"fs-10"},"Name")),c("div",{class:"card-color__description__name__text"},c("bds-typo",{variant:"fs-12"},this.name))),this.hex&&c("div",{class:"card-color__description__value"},c("div",{class:"card-color__description__value__label"},c("bds-typo",{variant:"fs-10"},"HEX")),c("div",{class:"card-color__description__value__text"},c("bds-typo",{variant:"fs-12"},this.hex)))))};return o}());a.style=l}}}));

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, e as createEvent, h } from './index-5747a4fb.js';
+import { r as registerInstance, e as createEvent, h } from './index-167d4d9d.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}";
 
 let checkBoxIds = 0;
-const Checkbox = class {
+let Checkbox = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsChange = createEvent(this, "bdsChange", 7);

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

@@ -1 +1 @@
-System.register(["./index-eff4e8a8.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:#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 i=0;var s=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.checked=false;this.disabled=false;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""}}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-"+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}),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}());s.style=n}}}));
+System.register(["./index-6ee48949.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:#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 i=0;var s=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.checked=false;this.disabled=false;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""}}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-"+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}),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}());s.style=n}}}));

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-5747a4fb.js';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-167d4d9d.js';
 
 const chipCss = ":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;white-space:nowrap;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-weight:600}:host(.chip){border-radius:8px;padding:3px 8px}:host(.chip--primary){background:#e8f2ff;color:#3f7de8}:host(.chip--click.chip--primary:hover){background:#d1e3fa;color:#125ad5}:host(.chip--watermelon){background:#fb5a8b;color:#ffffff}:host(.chip--default){background:#f8fbfb;color:#8ca0b3}:host(.chip--danger){background:#ffa5a5;color:#ff4c4c}:host(.chip--click.chip--danger:hover){background:#fccccc;color:#6a2026}:host(.chip--filter){background:#125ad5;color:#ffffff}:host(.chip--click.chip--filter:hover){background:#0747a6;color:#ffffff}:host(.chip--standard){height:24px;font-size:0.75rem}:host(.chip--tall){height:32px;font-size:0.875rem}.chip__delete{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:6px;cursor:pointer}.chip__icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-right:4px}";
 
-const Chip = class {
+let Chip = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.bdsDelete = createEvent(this, "bdsDelete", 7);