blip-ds 1.158.0 → 1.161.0

package/dist/types/components.d.ts

@@ -356,6 +356,10 @@ export namespace Components {
           * used for change the color. Uses one of them.
          */
         "color"?: Color;
+        /**
+          * Data test is the prop to specifically test the component action object.
+         */
+        "dataTest"?: string;
         /**
           * the chip gone stay disabled while this prop be true.
          */
@@ -374,6 +378,10 @@ export namespace Components {
           * used for change the color. Uses one of them.
          */
         "color"?: Color;
+        /**
+          * Data test is the prop to specifically test the component action object.
+         */
+        "dataTest"?: string;
         /**
           * When 'true', no events will be dispatched
          */
@@ -772,6 +780,10 @@ export namespace Components {
           * Add state danger on input, use for use feedback. If true avoid save confirmation.
          */
         "danger"?: boolean;
+        /**
+          * Data test is the prop to specifically test the component action object.
+         */
+        "dataTest"?: string;
         /**
           * Indicated to pass an feeback to user.
          */
@@ -826,6 +838,10 @@ export namespace Components {
           * Add state danger on input, use for use feedback.
          */
         "danger"?: boolean;
+        /**
+          * Data test is the prop to specifically test the component action object.
+         */
+        "dataTest"?: string;
         /**
           * Disabled input.
          */
@@ -2190,6 +2206,10 @@ declare namespace LocalJSX {
           * used for change the color. Uses one of them.
          */
         "color"?: Color;
+        /**
+          * Data test is the prop to specifically test the component action object.
+         */
+        "dataTest"?: string;
         /**
           * the chip gone stay disabled while this prop be true.
          */
@@ -2213,6 +2233,10 @@ declare namespace LocalJSX {
           * used for change the color. Uses one of them.
          */
         "color"?: Color;
+        /**
+          * Data test is the prop to specifically test the component action object.
+         */
+        "dataTest"?: string;
         /**
           * When 'true', no events will be dispatched
          */
@@ -2632,6 +2656,10 @@ declare namespace LocalJSX {
           * Add state danger on input, use for use feedback. If true avoid save confirmation.
          */
         "danger"?: boolean;
+        /**
+          * Data test is the prop to specifically test the component action object.
+         */
+        "dataTest"?: string;
         /**
           * Indicated to pass an feeback to user.
          */
@@ -2690,6 +2718,10 @@ declare namespace LocalJSX {
           * Add state danger on input, use for use feedback.
          */
         "danger"?: boolean;
+        /**
+          * Data test is the prop to specifically test the component action object.
+         */
+        "dataTest"?: string;
         /**
           * Disabled input.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blip-ds",
-  "version": "1.158.0",
+  "version": "1.161.0",
   "description": "Blip Design System",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",

package/dist/blip-ds/p-397f059a.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as s,g as a}from"./p-3bf88eef.js";const n=class{constructor(e){i(this,e),this.bdsInputEditableSave=t(this,"bdsInputEditableSave",7),this.size="standard",this.expand=!1,this.isEditing=!1,this.isValid=!0,this.inputName="",this.value="",this.minlength=0,this.errorMessage="",this.helperMessage="",this.danger=!1,this.onInputChange=i=>{i.detail&&(this.isValid=!(i.detail.value.length<Number(this.minlength)))},this.handleEditing=()=>{this.toggleEditing()},this.toggleEditing=()=>{this.isEditing=!this.isEditing},this.handleSaveText=()=>{const i=this.el.shadowRoot.querySelector("bds-input").value;i.length>0&&i.length>=this.minlength&&!this.danger&&(this.bdsInputEditableSave.emit({value:i,oldValue:this.value}),this.value=i,this.toggleEditing())},this.getExpand=()=>this.expand?"expanded":"fixed"}getFontSizeClass(){return"short"==this.size?"fs-16":"standard"==this.size?"fs-24":"tall"==this.size?"fs-40":"fs-24"}render(){const i=this.getFontSizeClass(),t=this.getExpand();return e(s,null,e("div",{class:"input__editable"},e("div",{class:{"input__editable--static":!0,"input__editable--hidden":this.isEditing},onClick:this.handleEditing},e("bds-typo",{tag:"span",part:"input__editable--static__typo",class:"input__editable--static__typo",variant:i},this.value),e("bds-icon",{key:"edit-icon",class:"input__editable--static__icon",name:"edit"})),e("div",{class:{"input__editable--active":!0,"input__editable--hidden":!this.isEditing}},e("bds-input",{class:{[t]:!0,[this.size]:!0},type:"text","input-name":this.inputName,value:this.value,minlength:this.minlength,minlengthErrorMessage:this.minlengthErrorMessage,maxlength:this.maxlength,required:!0,"required-error-message":this.requiredErrorMessage,"error-message":this.errorMessage,onBdsChange:this.onInputChange,danger:this.danger,helperMessage:this.helperMessage}),e("div",{class:"input__editable--active__icon"},e("bds-icon",{key:"error-icon",class:"input__editable--active__icon--error",theme:"solid",name:"error",onClick:this.handleEditing}),e("bds-icon",{key:"checkball-icon",class:{"input__editable--active__icon--checkball":!0,"input__editable--active__icon--checkball--error":!this.isValid},theme:"solid",name:"checkball",onClick:this.handleSaveText})))))}get el(){return a(this)}};n.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .input__editable{display:block}.input__editable--static{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.input__editable--static:hover .input__editable--static__typo{border:1px solid #3f7de8}.input__editable--static:hover .input__editable--static__icon{color:#3f7de8}.input__editable--static__typo{border:1px solid transparent;margin:0;padding:8px;border-radius:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%}.input__editable--static__icon{margin-left:8px;color:#8ca0b3}.input__editable--active{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.input__editable--active bds-input{min-width:120px;margin-right:4px}.input__editable--active bds-input.expanded{max-width:100%}.input__editable--active bds-input.fixed{max-width:140px}.input__editable--active bds-input.short::part(input){font-size:1rem;line-height:0px}.input__editable--active bds-input.standard::part(input){font-size:1.5rem;line-height:0px}.input__editable--active bds-input.tall::part(input){font-size:2.5rem;line-height:0px}.input__editable--active bds-input::part(input-container){padding:4px 4px 5px 12px}.input__editable--active bds-input::part(input__message){min-width:180px}.input__editable--active bds-icon{cursor:pointer}.input__editable--active__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:auto 0}.input__editable--active__icon--error{color:#ff4c4c}.input__editable--active__icon--error:hover{color:#a01c2c}.input__editable--active__icon--checkball{color:#3f7de8}.input__editable--active__icon--checkball:hover{color:#125ad5}.input__editable--active__icon--checkball--error{color:#8ca0b3}.input__editable--active__icon--checkball--error:hover{color:#8ca0b3}.input__editable--hidden{display:none}';export{n as bds_input_editable}

package/dist/blip-ds/p-60e23423.entry.js

@@ -1 +0,0 @@
-import{r as i,c,h as e,H as t,g as s}from"./p-3bf88eef.js";const l=class{constructor(e){i(this,e),this.chipClickableClose=c(this,"chipClickableClose",7),this.chipClickableClick=c(this,"chipClickableClick",7),this.visible=!0,this.color="default",this.size="standard",this.clickable=!1,this.close=!1,this.disabled=!1}handleClickKey(i){"Enter"!==i.key&&" "!==i.key||this.disabled||(i.preventDefault(),this.chipClickableClick.emit())}handleClick(i){this.disabled||(i.preventDefault(),this.chipClickableClick.emit())}handleCloseChip(i){i.preventDefault(),this.chipClickableClose.emit({id:this.element.id}),this.visible=!1}handleCloseKey(i){"Enter"!==i.key&&" "!==i.key||this.disabled||(i.preventDefault(),this.chipClickableClose.emit({id:this.element.id}),this.visible=!1)}getSizeAvatarChip(){return"tall"===this.size?"extra-small":"micro"}getSizeIconChip(){return"tall"===this.size?"medium":"x-small"}render(){return e(t,null,e("div",{class:{chip_clickable:!0,[`chip_clickable--${this.color}`]:!this.disabled,[`chip_clickable--${this.size}`]:!0,"chip_clickable--hide":!this.visible,"chip_clickable--click":this.clickable,"chip_clickable--disabled":this.disabled},onClick:this.handleClick.bind(this)},this.clickable&&!this.disabled&&e("div",{class:"chip_focus",onKeyDown:this.handleClickKey.bind(this),tabindex:"0"}),this.clickable&&!this.disabled&&e("div",{class:"chip_darker"}),this.icon&&!this.avatar&&e("div",{class:"chip_clickable--icon"},e("bds-icon",{size:this.getSizeIconChip(),name:this.icon})),this.avatar&&e("div",{class:"chip_clickable--avatar"},e("bds-avatar",{size:this.getSizeAvatarChip(),thumbnail:this.avatar})),e("bds-typo",{class:"chip_clickable--text",variant:"fs-12",bold:"bold"},e("slot",null)),this.close&&e("div",{class:"chip_clickable--close",onClick:this.handleCloseChip.bind(this)},!this.disabled&&e("div",{class:"close_focus",onKeyDown:this.handleCloseKey.bind(this),tabindex:"0"}),e("bds-icon",{size:"x-small",theme:"solid",name:"error"}))))}get element(){return s(this)}};l.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); :host{display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip_clickable--hide{display:none;padding:0;border:none}:host .chip_clickable .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:#c226fb solid 2px}:host .chip_clickable--click{cursor:pointer}:host .chip_clickable--click .chip_darker{opacity:0;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable--click:hover .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip_clickable--click:active .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip_clickable--disabled{cursor:default;background-color:#f3f6fa}:host .chip_clickable--disabled .chip_clickable--icon{color:#505f79}:host .chip_clickable--disabled .chip_clickable--text{color:#505f79}:host .chip_clickable--disabled .chip_clickable--close{cursor:default}:host .chip_clickable--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:#202c44;z-index:2}:host .chip_clickable--close{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-right:4px;mix-blend-mode:hard-light;color:#202c44;opacity:0.7;z-index:2;position:relative;cursor:pointer}:host .chip_clickable--close .close_focus:focus{position:absolute;width:100%;height:100%;left:-2px;border-radius:4px;outline:#c226fb solid 2px}:host .chip_clickable--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:20px;margin:0 8px;z-index:2;color:#202c44;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_clickable--tall{height:40px;border-radius:24px}:host .chip_clickable--default{background-color:#b3d4ff}:host .chip_clickable--info{background-color:#80e3eb}:host .chip_clickable--success{background-color:#90e6bc}:host .chip_clickable--warning{background-color:#fff6a8}:host .chip_clickable--danger{background-color:#ffa5a5}:host .chip_clickable--outline{background-color:#ffffff;border:1px solid #b9cbd3}:host .chip_clickable:focus-visible{outline:none}';export{l as bds_chip_clickable}

package/dist/blip-ds/p-7ab11022.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-cff8fd49.system.js"],(function(e){"use strict";var i,t,a,n,s;return{setters:[function(e){i=e.r;t=e.c;a=e.h;n=e.H;s=e.g}],execute:function(){var l='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .input__editable{display:block}.input__editable--static{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.input__editable--static:hover .input__editable--static__typo{border:1px solid #3f7de8}.input__editable--static:hover .input__editable--static__icon{color:#3f7de8}.input__editable--static__typo{border:1px solid transparent;margin:0;padding:8px;border-radius:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%}.input__editable--static__icon{margin-left:8px;color:#8ca0b3}.input__editable--active{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.input__editable--active bds-input{min-width:120px;margin-right:4px}.input__editable--active bds-input.expanded{max-width:100%}.input__editable--active bds-input.fixed{max-width:140px}.input__editable--active bds-input.short::part(input){font-size:1rem;line-height:0px}.input__editable--active bds-input.standard::part(input){font-size:1.5rem;line-height:0px}.input__editable--active bds-input.tall::part(input){font-size:2.5rem;line-height:0px}.input__editable--active bds-input::part(input-container){padding:4px 4px 5px 12px}.input__editable--active bds-input::part(input__message){min-width:180px}.input__editable--active bds-icon{cursor:pointer}.input__editable--active__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:auto 0}.input__editable--active__icon--error{color:#ff4c4c}.input__editable--active__icon--error:hover{color:#a01c2c}.input__editable--active__icon--checkball{color:#3f7de8}.input__editable--active__icon--checkball:hover{color:#125ad5}.input__editable--active__icon--checkball--error{color:#8ca0b3}.input__editable--active__icon--checkball--error:hover{color:#8ca0b3}.input__editable--hidden{display:none}';var r=e("bds_input_editable",function(){function e(e){var a=this;i(this,e);this.bdsInputEditableSave=t(this,"bdsInputEditableSave",7);this.size="standard";this.expand=false;this.isEditing=false;this.isValid=true;this.inputName="";this.value="";this.minlength=0;this.errorMessage="";this.helperMessage="";this.danger=false;this.onInputChange=function(e){if(e.detail){if(e.detail.value.length<Number(a.minlength)){a.isValid=false}else{a.isValid=true}}};this.handleEditing=function(){a.toggleEditing()};this.toggleEditing=function(){a.isEditing=!a.isEditing};this.handleSaveText=function(){var e=a.el.shadowRoot.querySelector("bds-input").value;if(e.length>0&&e.length>=a.minlength&&!a.danger){a.bdsInputEditableSave.emit({value:e,oldValue:a.value});a.value=e;a.toggleEditing()}};this.getExpand=function(){if(a.expand){return"expanded"}else{return"fixed"}}}e.prototype.getFontSizeClass=function(){if(this.size=="short"){return"fs-16"}else if(this.size=="standard"){return"fs-24"}else if(this.size=="tall"){return"fs-40"}else{return"fs-24"}};e.prototype.render=function(){var e;var i=this.getFontSizeClass();var t=this.getExpand();return a(n,null,a("div",{class:"input__editable"},a("div",{class:{"input__editable--static":true,"input__editable--hidden":this.isEditing},onClick:this.handleEditing},a("bds-typo",{tag:"span",part:"input__editable--static__typo",class:"input__editable--static__typo",variant:i},this.value),a("bds-icon",{key:"edit-icon",class:"input__editable--static__icon",name:"edit"})),a("div",{class:{"input__editable--active":true,"input__editable--hidden":!this.isEditing}},a("bds-input",{class:(e={},e[t]=true,e[this.size]=true,e),type:"text","input-name":this.inputName,value:this.value,minlength:this.minlength,minlengthErrorMessage:this.minlengthErrorMessage,maxlength:this.maxlength,required:true,"required-error-message":this.requiredErrorMessage,"error-message":this.errorMessage,onBdsChange:this.onInputChange,danger:this.danger,helperMessage:this.helperMessage}),a("div",{class:"input__editable--active__icon"},a("bds-icon",{key:"error-icon",class:"input__editable--active__icon--error",theme:"solid",name:"error",onClick:this.handleEditing}),a("bds-icon",{key:"checkball-icon",class:{"input__editable--active__icon--checkball":true,"input__editable--active__icon--checkball--error":!this.isValid},theme:"solid",name:"checkball",onClick:this.handleSaveText})))))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());r.style=l}}}));

package/dist/blip-ds/p-c9e5c81a.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as i}from"./p-3bf88eef.js";const p=class{constructor(t){s(this,t),this.openEyes=!1,this.value="",this.label="",this.inputName="",this.readonly=!1,this.helperMessage="",this.errorMessage="",this.danger=!1,this.icon="",this.disabled=!1,this.autoCapitalize="off",this.autoComplete="off",this.placeholder="",this.toggleEyePassword=()=>{this.disabled||(this.openEyes=!this.openEyes)}}getAutoComplete(){return this.openEyes?this.autoComplete:"current-password"}render(){const s=this.openEyes?"eye-open":"eye-closed",p=this.openEyes?"text":"password",d=this.getAutoComplete();return t(i,null,t("bds-input",{type:p,"input-name":this.inputName,value:this.value,label:this.label,min:this.min,max:this.max,minlength:this.minlength,maxlength:this.maxlength,"helper-message":this.helperMessage,"error-message":this.errorMessage,danger:this.danger,icon:this.icon,disabled:this.disabled,readonly:this.readonly,"auto-complete":d,"auto-capitalize":this.autoCapitalize,placeholder:this.placeholder},t("div",{slot:"input-right",class:"input__password--icon",onClick:this.toggleEyePassword},t("bds-icon",{size:"small",name:s,color:"inherit"}))))}};p.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0.sc-bds-input-password,300.sc-bds-input-password;0.sc-bds-input-password,400.sc-bds-input-password;0.sc-bds-input-password,600.sc-bds-input-password;0.sc-bds-input-password,700.sc-bds-input-password;0.sc-bds-input-password,800.sc-bds-input-password;0.sc-bds-input-password,900.sc-bds-input-password;1.sc-bds-input-password,200.sc-bds-input-password;1.sc-bds-input-password,300.sc-bds-input-password;1.sc-bds-input-password,400.sc-bds-input-password;1.sc-bds-input-password,600.sc-bds-input-password;1.sc-bds-input-password,700.sc-bds-input-password;1.sc-bds-input-password,800.sc-bds-input-password;1.sc-bds-input-password,900&display=swap").sc-bds-input-password; .sc-bds-input-password-h{display:block}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}';export{p as bds_input_password}

package/dist/blip-ds/p-ef4dc9d0.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,h as t,H as s,g as o}from"./p-3bf88eef.js";const r=class{constructor(t){i(this,t),this.chipClick=e(this,"chipClick",7),this.isSelected=!1,this.color="default",this.size="standard",this.selected=!1,this.disabled=!1}handleKeyDown(i){if(" "===i.key&&!this.disabled)return i.preventDefault(),this.isSelected=!this.isSelected}handleClick(i){if(!this.disabled)return i.preventDefault(),this.isSelected=!this.isSelected}componentWillLoad(){this.el.focus(),this.isSelected=this.selected}getDisabledChip(){return this.disabled?{chip_disabled:!0,[`chip_disabled--${this.size}`]:!0}:{}}getStyleChip(){return this.isSelected?{chip_selected:!0,[`chip_selected--${this.size}`]:!0}:{[`chip--${this.color}`]:!0,[`chip--${this.size}`]:!0}}getStyleText(){if(this.isSelected)return{"chip_selected--text":!0}}getSizeIconChip(){return"tall"===this.size?"medium":"x-small"}render(){return t(s,null,t("div",{class:Object.assign(Object.assign({chip:!0},this.getStyleChip()),this.getDisabledChip()),onClick:this.handleClick},!this.disabled&&t("div",{class:"chip_focus",onKeyDown:this.handleKeyDown.bind(this),tabindex:"0"}),!this.isSelected&&!this.disabled&&t("div",{class:"chip_darker"}),this.icon&&!this.isSelected&&t("div",{class:"chip--icon"},t("bds-icon",{size:this.getSizeIconChip(),name:this.icon})),this.isSelected&&t("div",{class:"chip_selected--icon"},t("bds-icon",{size:this.getSizeIconChip(),name:"checkball"})),t("bds-typo",{class:Object.assign({"chip--text":!0},this.getStyleText()),variant:"fs-12","no-wrap":!0,bold:"bold"},t("slot",null))))}get el(){return o(this)}};r.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); :host{display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:#c226fb solid 2px}:host .chip .chip_darker{position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;height:20px;color:#202c44;z-index:2}:host .chip--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#202c44;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:#b3d4ff}:host .chip--info{background-color:#80e3eb}:host .chip--success{background-color:#90e6bc}:host .chip--warning{background-color:#fff6a8}:host .chip--danger{background-color:#ffa5a5}:host .chip--outline{background-color:#ffffff;border:1px solid #b9cbd3;padding:2px 3px}:host .chip--outline .chip_darker{height:calc(100% + 2px)}:host .chip:hover{cursor:pointer}:host .chip:hover .chip_darker{-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip:active{cursor:pointer}:host .chip:active .chip_darker{-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip:focus-visible{outline:none}:host .chip_selected{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ffffff;border:2px solid #3f7de8}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:#125ad5}:host .chip_selected--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#125ad5;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{background-color:#e8f2ff;cursor:pointer}:host .chip_selected:active{background-color:#d1e3fa}:host .chip_disabled{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;background-color:#f3f6fa}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:#505f79;z-index:2}:host .chip_disabled--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#505f79;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_disabled--tall{height:40px;border-radius:24px}:host .chip_disabled:hover{cursor:default}';export{r as bds_chip_selected}