npm - blip-ds - Versions diffs - 1.135.2 → 1.136.2 - Mend

blip-ds 1.135.2 → 1.136.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (526) hide show

package/dist/esm/bds-button-icon.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-d446bcfd.js';
-const iconButtonCss = "@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\"); .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 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}";
 let IconButton = class {
   constructor(hostRef) {

package/dist/esm/bds-button.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-d446bcfd.js';
-const buttonCss = "@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\"); .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 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}";
 let Button = class {
   constructor(hostRef) {

package/dist/esm/bds-button_2.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-541ebde5.js';
-const buttonCss = "@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\"); .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 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}";
 let Button = class {
   constructor(hostRef) {
@@ -93,7 +93,7 @@ let Button = class {
 };
 Button.style = buttonCss;
-const loadingSpinnerCss = "@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\"); .sk-circle{width:24px;height:24px;position:relative}.sk-circle :before{content:\"\";display:block;margin:0 auto;width:15%;height:15%;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child--primary::before{background-color:#ffffff}.sk-circle .sk-child--secondary::before{background-color:#3f7de8}.sk-circle .sk-child--ghost::before{background-color:#3f7de8}.sk-circle .sk-child--tertiary::before{background-color:#505f79}.sk-circle .sk-child--delete::before{background-color:#ffffff}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle2::before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle3::before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle4::before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle5::before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle6::before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle7::before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle8::before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle9::before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle10::before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle11::before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle12::before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}";
+const loadingSpinnerCss = ".sk-circle{width:24px;height:24px;position:relative}.sk-circle :before{content:\"\";display:block;margin:0 auto;width:15%;height:15%;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child--primary::before{background-color:#ffffff}.sk-circle .sk-child--secondary::before{background-color:#3f7de8}.sk-circle .sk-child--ghost::before{background-color:#3f7de8}.sk-circle .sk-child--tertiary::before{background-color:#505f79}.sk-circle .sk-child--delete::before{background-color:#ffffff}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle2::before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle3::before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle4::before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle5::before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle6::before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle7::before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle8::before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle9::before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle10::before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle11::before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle12::before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}";
 let BdsLoadingSpinner = class {
   constructor(hostRef) {

package/dist/esm/bds-card-color.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-d446bcfd.js';
-const cardColorCss = "@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\"); .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 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}";
 let CardColor = class {
   constructor(hostRef) {

package/dist/esm/bds-checkbox.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h } from './index-d446bcfd.js';
-const checkboxCss = "@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\"); .checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:#ffffff}.checkbox__icon:hover{border-color:#125ad5}.checkbox--selected .checkbox__icon{background-color:#3f7de8}.checkbox--selected .checkbox__icon:hover{background-color:#125ad5}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:#637798;border:1px solid #637798;background-color:#e8f2ff}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{background-color:#e8f2ff;border:1px solid #637798}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:#f8fbfb;border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:#505f79}";
+const checkboxCss = ".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:#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;
 let Checkbox = class {

package/dist/esm/bds-chip.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-d446bcfd.js';
-const chipCss = "@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-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 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}";
 let Chip = class {
   constructor(hostRef) {

package/dist/esm/bds-counter-text.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ var CounterTextState;
   CounterTextState["Delete"] = "delete";
 })(CounterTextState || (CounterTextState = {}));
-const counterTextCss = "@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\"); .counter-text{background:#f8fbfb;color:#8ca0b3;-webkit-box-sizing:content-box;box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:11px;padding:0 8px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.counter-text--active{background:#3f7de8;color:#f3f6fa}.counter-text--warning{background:#f6a721;color:#f3f6fa}.counter-text--delete{background:#ff4c4c;color:#f3f6fa}";
+const counterTextCss = ".counter-text{background:#f8fbfb;color:#8ca0b3;-webkit-box-sizing:content-box;box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:11px;padding:0 8px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.counter-text--active{background:#3f7de8;color:#f3f6fa}.counter-text--warning{background:#f6a721;color:#f3f6fa}.counter-text--delete{background:#ff4c4c;color:#f3f6fa}";
 let CounterText = class {
   constructor(hostRef) {

package/dist/esm/bds-counter-text_2.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ var CounterTextState;
   CounterTextState["Delete"] = "delete";
 })(CounterTextState || (CounterTextState = {}));
-const counterTextCss = "@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\"); .counter-text{background:#f8fbfb;color:#8ca0b3;-webkit-box-sizing:content-box;box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:11px;padding:0 8px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.counter-text--active{background:#3f7de8;color:#f3f6fa}.counter-text--warning{background:#f6a721;color:#f3f6fa}.counter-text--delete{background:#ff4c4c;color:#f3f6fa}";
+const counterTextCss = ".counter-text{background:#f8fbfb;color:#8ca0b3;-webkit-box-sizing:content-box;box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:11px;padding:0 8px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.counter-text--active{background:#3f7de8;color:#f3f6fa}.counter-text--warning{background:#f6a721;color:#f3f6fa}.counter-text--delete{background:#ff4c4c;color:#f3f6fa}";
 let CounterText = class {
   constructor(hostRef) {
@@ -42,7 +42,7 @@ let CounterText = class {
 };
 CounterText.style = counterTextCss;
-const inputCss = "@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;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}";
+const inputCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}";
 let Input = class {
   constructor(hostRef) {

package/dist/esm/bds-datepicker-period.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, e as createEvent, h } from './index-d446bcfd.js';
-import { T as THIS_DAY, b as dateToDayList, d as defaultStartDate, a as defaultEndDate, W as WEEK_DAYS, g as getMonthsSlide, e as getYears, h as getMonths, f as fillDayList, i as fillDate, M as MONTHS } from './calendar-b2732eee.js';
+import { T as THIS_DAY, b as dateToDayList, d as defaultStartDate, a as defaultEndDate, f as fillDayList, W as WEEK_DAYS, g as getMonthsSlide, e as getYears, h as getMonths, i as fillDate, M as MONTHS } from './calendar-b2732eee.js';
-const datepickerCss = "@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;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}.datepicker{position:relative;max-width:608px}.datepicker__menu{position:absolute;pointer-events:none;top:calc(100% + 16px);left:0;background-color:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);border-radius:8px;padding:16px;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;z-index:80000}.datepicker__menu__open{pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:#fff6a8;color:#212a3c;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px}.datepicker__menu__message bds-icon{margin-right:8px}.datepicker__menu__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid #d2dfe6}.datepicker__menu__footer bds-button{margin-left:16px}.datepicker__inputs{width:100%;display:grid}.datepicker__inputs__single{grid-template-columns:1fr}.datepicker__inputs__period{grid-template-columns:1fr 1fr;gap:16px}.datepicker__inputs bds-input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.datepicker__inputs bds-input::part(input-container){position:relative}.datepicker__inputs__icon{cursor:pointer;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px}.datepicker__inputs__icon bds-icon:first-child{margin-right:8px}.datepicker__inputs__icon:hover bds-icon:first-child{color:#3f7de8}.datepicker__calendar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.datepicker__calendar__selectDate{width:100%;display:grid;grid-template-columns:28px 1fr 80px 28px;grid-gap:8px;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding:0 8px}.datepicker__calendar__selectDate__select{position:relative;width:100%}.datepicker__calendar__selectDate__select__input{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;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff;border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.datepicker__calendar__selectDate__select__input .input__icon{color:#3f7de8;background-color:#e8f2ff}.datepicker__calendar__selectDate__select__input .input__container__label{color:#8ca0b3}.datepicker__calendar__selectDate__select__input .input__container__label--pressed{color:#3f7de8}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:#3f7de8;color:#202c44}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.datepicker__calendar__selectDate__select__input__disable .input__icon{color:#b9cbd3;background-color:#f8fbfb}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.datepicker__calendar__selectDate__select__input__icon{color:#8ca0b3;display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;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);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);opacity:0}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar{width:16px;background-color:transparent}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.datepicker__calendar__selectDate__select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker__calendar__selectDate__icon{cursor:pointer;color:#505f79}.datepicker__calendar__selectDate .arrow-left{padding-left:8px}.datepicker__calendar__selectDate .arrow-left__disable{opacity:0;pointer-events:none}.datepicker__calendar__selectDate .arrow-right{padding-right:8px}.datepicker__calendar__selectDate .arrow-right__disable{opacity:0;pointer-events:none}.datepicker__calendar__week{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.datepicker__calendar__week__day{width:40px;height:40px;text-align:center;color:#b9cbd3;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:240px;width:280px;overflow:hidden;position:relative}.datepicker__calendar__car__slide{display:-ms-flexbox;display:flex;position:absolute;left:-100%}.datepicker__calendar__car__slide__box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.datepicker__calendar__car__slide__box__day{width:40px;height:40px;position:relative}.datepicker__calendar__car__slide__box__day__period:before{content:\"\";position:absolute;inset:4px 0px;background-color:#e8f2ff}.datepicker__calendar__car__slide__box__day__start:before{inset:4px 0px 4px 4px;border-top-left-radius:16px;border-bottom-left-radius:16px}.datepicker__calendar__car__slide__box__day__end:before{inset:4px 4px 4px 0px;border-top-right-radius:16px;border-bottom-right-radius:16px}.datepicker__calendar__car__slide__box__day__typo{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:100%;color:#505f79;border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__current{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected{background-color:#125ad5;color:#ffffff;border-color:#125ad5}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:#125ad5;color:#ffffff;border-color:#125ad5}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:#8ca0b3}.datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPrev;animation-name:animationPrev;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.datepicker__calendar__car .animate__next{-webkit-animation-name:animationNext;animation-name:animationNext;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.period .datepicker__calendar__selectDate{grid-template-columns:28px 120px 80px 1fr 28px}.period .datepicker__calendar__selectDate__futureMonth{padding-left:80px;text-align:center;color:#b9cbd3}.period .datepicker__calendar__week{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.period .datepicker__calendar__week__present,.period .datepicker__calendar__week__future{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.period .datepicker__calendar__car{height:240px;width:600px}.period .datepicker__calendar__car__slide{left:calc(-50% - 60px)}.period .datepicker__calendar__car__slide__box{margin-left:40px}.period .datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPeriodPrev;animation-name:animationPeriodPrev}.period .datepicker__calendar__car .animate__next{-webkit-animation-name:animationPeriodNext;animation-name:animationPeriodNext}@-webkit-keyframes animationPrev{0%{left:-100%}100%{left:0}}@keyframes animationPrev{0%{left:-100%}100%{left:0}}@-webkit-keyframes animationNext{0%{left:-100%}100%{left:-200%}}@keyframes animationNext{0%{left:-100%}100%{left:-200%}}@-webkit-keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@-webkit-keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}@keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}";
+const datepickerCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%}:host input,:host textarea{-webkit-box-shadow:inherit;box-shadow:inherit}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}:host input::-moz-placeholder,:host textarea::-moz-placeholder{color:#b9cbd3;opacity:1}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:#b9cbd3;opacity:1}:host input::placeholder,:host textarea::placeholder{color:#b9cbd3;opacity:1}:host input::-webkit-input-placeholder,:host textarea::-webkit-input-placeholder{color:#b9cbd3;opacity:1}.input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff}.input--state-primary{border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-primary.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.input--state-primary .input__icon{color:#3f7de8;background-color:#e8f2ff}.input--state-primary .input__container__label{color:#8ca0b3}.input--state-primary .input__container__label--pressed{color:#3f7de8}.input--state-primary .input__container__text{caret-color:#3f7de8;color:#202c44}.input--state-danger{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger:hover{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.input--state-danger.input--pressed{border:1px solid #ff4c4c;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #ffa5a5;box-shadow:0 0 0 2px #ffa5a5}.input--state-danger .input__icon{color:#ff4c4c;background-color:#ffa5a5}.input--state-danger .input__container__label{color:#8ca0b3}.input--state-danger .input__container__label--pressed{color:#ff4c4c}.input--state-danger .input__container__text{caret-color:#ff4c4c;color:#202c44}.input--state-disabled{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.input--state-disabled:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.input--state-disabled.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.input--state-disabled .input__icon{color:#b9cbd3;background-color:#f8fbfb}.input--state-disabled .input__container__label{color:#b9cbd3}.input--state-disabled .input__container__label--pressed{color:#b9cbd3}.input--state-disabled .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.input--label{padding:7px 4px 8px 12px}.input__icon{cursor:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;margin-right:8px;padding:2.5px}.input__icon--large{padding:4px}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.input__container__wrapper__chips{display:inline;max-height:100px;overflow:auto}.input__container__wrapper__chips::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__wrapper__chips::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text::-webkit-scrollbar{width:16px;background-color:transparent}.input__container__text::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.input__message{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;height:20px;margin:3.7px 2.5px;-webkit-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#8ca0b3;word-break:break-word;height:auto;min-height:20px}.input__message bds-typo{margin-top:0px;-ms-flex-item-align:self-start;align-self:self-start}.input__message__icon{display:-ms-flexbox;display:flex;padding-right:4px;margin-top:0px;padding-top:2px}.input__message--danger{color:#ff4c4c}.input__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.input__container__label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input__container__wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input__container__text{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;line-height:150%;width:100%;resize:none;cursor:inherit}.input__container__text:focus{outline:0}.input__container__text::-webkit-file-upload-button{padding:0;border:0;background:none}.input__container__text:focus{outline:0}.input__container__text[type=checkbox],.input__container__text[type=radio]{width:13px;height:13px}.input__container__text[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}.input__container__text[type=reset],.input__container__text[type=button],.input__container__text[type=submit]{overflow:visible}.input__container__text__chips{width:auto;min-width:216px;max-width:216px}.datepicker{position:relative;max-width:608px}.datepicker__menu{position:absolute;pointer-events:none;top:calc(100% + 16px);left:0;background-color:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);border-radius:8px;padding:16px;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;z-index:80000}.datepicker__menu__open{pointer-events:auto;opacity:1}.datepicker__menu__message{padding:8px 16px;border-radius:8px;background-color:#fff6a8;color:#212a3c;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px}.datepicker__menu__message bds-icon{margin-right:8px}.datepicker__menu__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid #d2dfe6}.datepicker__menu__footer bds-button{margin-left:16px}.datepicker__inputs{width:100%;display:grid}.datepicker__inputs__single{grid-template-columns:1fr}.datepicker__inputs__period{grid-template-columns:1fr 1fr;gap:16px}.datepicker__inputs bds-input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.datepicker__inputs bds-input::part(input-container){position:relative}.datepicker__inputs__icon{cursor:pointer;color:#8ca0b3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-right:16px}.datepicker__inputs__icon bds-icon:first-child{margin-right:8px}.datepicker__inputs__icon:hover bds-icon:first-child{color:#3f7de8}.datepicker__calendar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.datepicker__calendar__selectDate{width:100%;display:grid;grid-template-columns:28px 1fr 80px 28px;grid-gap:8px;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding:0 8px}.datepicker__calendar__selectDate__select{position:relative;width:100%}.datepicker__calendar__selectDate__select__input{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;padding:8px 4px 9px 12px;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;background:#ffffff;border:1px solid #d2dfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input:hover{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input.input--pressed{border:1px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4);box-shadow:0 0 0 2px rgba(63, 125, 232, 0.4)}.datepicker__calendar__selectDate__select__input .input__icon{color:#3f7de8;background-color:#e8f2ff}.datepicker__calendar__selectDate__select__input .input__container__label{color:#8ca0b3}.datepicker__calendar__selectDate__select__input .input__container__label--pressed{color:#3f7de8}.datepicker__calendar__selectDate__select__input .input__container__text{caret-color:#3f7de8;color:#202c44}.datepicker__calendar__selectDate__select__input__disable{cursor:not-allowed;border:1px solid #e7edf4;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#f3f6fa}.datepicker__calendar__selectDate__select__input__disable:hover{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf4;box-sizing:border-box;border-radius:8px}.datepicker__calendar__selectDate__select__input__disable.input--pressed{border:1px solid #b9cbd3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0 0 0 2px #e7edf4;box-shadow:0 0 0 2px #e7edf4}.datepicker__calendar__selectDate__select__input__disable .input__icon{color:#b9cbd3;background-color:#f8fbfb}.datepicker__calendar__selectDate__select__input__disable .input__container__label{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__label--pressed{color:#b9cbd3}.datepicker__calendar__selectDate__select__input__disable .input__container__text{caret-color:#b9cbd3;color:#b9cbd3}.datepicker__calendar__selectDate__select__input__icon{color:#8ca0b3;display:-ms-flexbox;display:flex}.datepicker__calendar__selectDate__select__options{background:#f8fbfb;width:100%;max-height:250px;position:absolute;top:99%;left:0;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);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);opacity:0}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar{width:16px;background-color:transparent}.datepicker__calendar__selectDate__select__options::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.datepicker__calendar__selectDate__select__options--open{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker__calendar__selectDate__icon{cursor:pointer;color:#505f79}.datepicker__calendar__selectDate .arrow-left{padding-left:8px}.datepicker__calendar__selectDate .arrow-left__disable{opacity:0;pointer-events:none}.datepicker__calendar__selectDate .arrow-right{padding-right:8px}.datepicker__calendar__selectDate .arrow-right__disable{opacity:0;pointer-events:none}.datepicker__calendar__week{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.datepicker__calendar__week__day{width:40px;height:40px;text-align:center;color:#b9cbd3;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.datepicker__calendar__car{height:240px;width:280px;overflow:hidden;position:relative}.datepicker__calendar__car__slide{display:-ms-flexbox;display:flex;position:absolute;left:-100%}.datepicker__calendar__car__slide__box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.datepicker__calendar__car__slide__box__day{width:40px;height:40px;position:relative}.datepicker__calendar__car__slide__box__day__period:before{content:\"\";position:absolute;inset:4px 0px;background-color:#e8f2ff}.datepicker__calendar__car__slide__box__day__start:before{inset:4px 0px 4px 4px;border-top-left-radius:16px;border-bottom-left-radius:16px}.datepicker__calendar__car__slide__box__day__end:before{inset:4px 4px 4px 0px;border-top-right-radius:16px;border-bottom-right-radius:16px}.datepicker__calendar__car__slide__box__day__typo{position:relative;width:calc(100% - 2px);height:calc(100% - 2px);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:100%;color:#505f79;border:1px solid transparent;cursor:pointer}.datepicker__calendar__car__slide__box__day__typo:hover{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__current{background-color:#ffffff;color:#3f7de8;border-color:#3f7de8}.datepicker__calendar__car__slide__box__day__selected{background-color:#125ad5;color:#ffffff;border-color:#125ad5}.datepicker__calendar__car__slide__box__day__selected:hover{background-color:#125ad5;color:#ffffff;border-color:#125ad5}.datepicker__calendar__car__slide__box__day__disable{pointer-events:none;background-color:transparent;color:#8ca0b3}.datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPrev;animation-name:animationPrev;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.datepicker__calendar__car .animate__next{-webkit-animation-name:animationNext;animation-name:animationNext;-webkit-animation-duration:0.31s;animation-duration:0.31s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.period .datepicker__calendar__selectDate{grid-template-columns:28px 120px 80px 1fr 28px}.period .datepicker__calendar__selectDate__futureMonth{padding-left:80px;text-align:center;color:#b9cbd3}.period .datepicker__calendar__week{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.period .datepicker__calendar__week__present,.period .datepicker__calendar__week__future{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;grid-template-columns:repeat(7, 1fr)}.period .datepicker__calendar__car{height:240px;width:600px}.period .datepicker__calendar__car__slide{left:calc(-50% - 60px)}.period .datepicker__calendar__car__slide__box{margin-left:40px}.period .datepicker__calendar__car .animate__prev{-webkit-animation-name:animationPeriodPrev;animation-name:animationPeriodPrev}.period .datepicker__calendar__car .animate__next{-webkit-animation-name:animationPeriodNext;animation-name:animationPeriodNext}@-webkit-keyframes animationPrev{0%{left:-100%}100%{left:0}}@keyframes animationPrev{0%{left:-100%}100%{left:0}}@-webkit-keyframes animationNext{0%{left:-100%}100%{left:-200%}}@keyframes animationNext{0%{left:-100%}100%{left:-200%}}@-webkit-keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@keyframes animationPeriodPrev{0%{left:calc(-50% - 60px)}100%{left:-40px}}@-webkit-keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}@keyframes animationPeriodNext{0%{left:calc(-50% - 60px)}100%{left:calc(-100% - 80px)}}";
 let BdsdatepickerPeriod = class {
   constructor(hostRef) {
@@ -64,13 +64,13 @@ let BdsdatepickerPeriod = class {
     this.startDateSelect = null;
     this.endDateSelect = null;
   }
-  startDateChanged() {
+  startDateSelectChanged() {
     var _a;
     this.bdsStartDate.emit({ value: this.startDateSelect });
     this.monthActivated = this.startDateSelect ? (_a = this.startDateSelect) === null || _a === void 0 ? void 0 : _a.getMonth() : this.startDate.month;
     this.yearActivated = this.startDateSelect ? this.startDateSelect.getFullYear() : this.startDate.year;
   }
-  endDateChanged() {
+  endDateSelectChanged() {
     this.bdsEndDate.emit({ value: this.endDateSelect });
     this.monthActivated = this.endDateSelect
       ? this.startDateSelect.getMonth() == this.endDateSelect.getMonth() &&
@@ -84,6 +84,14 @@ let BdsdatepickerPeriod = class {
       this.yearActivated = this.yearActivated - 1;
     }
   }
+  periodToSelectChanged(newValue, _oldValue) {
+    const oldDate = fillDayList(_oldValue);
+    const newDate = fillDayList(newValue);
+    if (newDate != oldDate) {
+      this.monthActivated = this.startDate.month;
+      this.yearActivated = this.startDate.year;
+    }
+  }
   componentWillLoad() {
     if (this.startDate) {
       this.monthActivated = this.startDate.month;
@@ -253,8 +261,10 @@ let BdsdatepickerPeriod = class {
     ])))));
   }
   static get watchers() { return {
-    "startDateSelect": ["startDateChanged"],
-    "endDateSelect": ["endDateChanged"]
+    "startDateSelect": ["startDateSelectChanged"],
+    "endDateSelect": ["endDateSelectChanged"],
+    "endDate": ["periodToSelectChanged"],
+    "startDate": ["periodToSelectChanged"]
   }; }
 };
 BdsdatepickerPeriod.style = datepickerCss;