blip-ds 1.244.1 → 1.244.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 (26) hide show
  1. package/dist/blip-ds/bds-button.entry.js +3 -2
  2. package/dist/blip-ds/bds-button.system.entry.js +1 -1
  3. package/dist/blip-ds/bds-icon.entry.js +16 -0
  4. package/dist/blip-ds/bds-icon.system.entry.js +1 -1
  5. package/dist/blip-ds/p-3384b887.entry.js +1 -0
  6. package/dist/blip-ds/p-71da6aac.system.entry.js +1 -0
  7. package/dist/blip-ds/p-9493d791.system.js +1 -1
  8. package/dist/blip-ds/p-9b0cf525.entry.js +1 -0
  9. package/dist/blip-ds/p-e791b9f7.system.entry.js +1 -0
  10. package/dist/cjs/bds-button.cjs.entry.js +3 -2
  11. package/dist/cjs/bds-button_2.cjs.entry.js +3 -2
  12. package/dist/cjs/bds-icon.cjs.entry.js +16 -0
  13. package/dist/cjs/bds-icon_2.cjs.entry.js +16 -0
  14. package/dist/collection/components/button/button.css +143 -60
  15. package/dist/collection/components/button/button.js +2 -1
  16. package/dist/esm/bds-button.entry.js +3 -2
  17. package/dist/esm/bds-button_2.entry.js +3 -2
  18. package/dist/esm/bds-icon.entry.js +16 -0
  19. package/dist/esm/bds-icon_2.entry.js +16 -0
  20. package/dist/esm-es5/bds-button_2.entry.js +1 -1
  21. package/dist/esm-es5/bds-icon_2.entry.js +1 -1
  22. package/package.json +1 -1
  23. package/dist/blip-ds/p-270f7035.system.entry.js +0 -1
  24. package/dist/blip-ds/p-5dc7ad42.system.entry.js +0 -1
  25. package/dist/blip-ds/p-951616a2.entry.js +0 -1
  26. package/dist/blip-ds/p-a806e267.entry.js +0 -1
package/dist/cjs/bds-button.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-2a16ba8a.js');
6
6
 
7
- const buttonCss = ".button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;overflow:hidden;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button *{pointer-events:none}.button:before{content:\"\";position:absolute;inset:0;background-color:transparent;mix-blend-mode:multiply}.button--size-tall{padding-top:14px;padding-bottom:14px;height:56px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:56px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:40px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button__disabled{pointer-events:none;opacity:0.5}.button__primary{background:var(--color-primary, #3f7de8);color:var(--color-content-bright, #fff)}.button__primary:hover:before{background:#d2dfe6}.button__primary:active:before{background:#b9cbd3}.button__secondary{background:var(--color-secondary, #3f7de8);color:var(--color-content-bright, #fff)}.button__secondary:hover:before{background:#d2dfe6}.button__secondary:active:before{background:#b9cbd3}.button__tertiary{background:transparent;color:var(--color-primary, #3f7de8);border:2px solid var(--color-primary, #3f7de8)}.button__tertiary:hover:before{background:#e7edf4}.button__tertiary:active:before{background:#d2dfe6}.button__secondary--white{background:transparent;color:var(--color-content-bright, #fff)}.button__secondary--white:hover:before{background:#e7edf4}.button__secondary--white:active:before{background:#d2dfe6}.button__ghost{background:transparent;color:var(--color-primary, #3f7de8)}.button__ghost:hover:before{background:#e7edf4}.button__ghost:active:before{background:#d2dfe6}.button__delete{background:var(--color-delete, #ff4c4c);color:var(--color-content-bright, #fff)}.button__delete:hover:before{background:#d2dfe6}.button__delete:active:before{background:#b9cbd3}.button__dashed{background:transparent;color:var(--color-primary, #3f7de8);border:1px dashed var(--color-primary, #3f7de8)}.button__dashed:hover:before{background:#e7edf4}.button__dashed:active:before{background:#d2dfe6}.button__facebook{background:#1877f2;color:#f8fbfb}.button__facebook:hover:before{background:#d2dfe6}.button__facebook:active:before{background:#b9cbd3}.button bds-typo{position:relative}.button bds-loading-spinner{width:auto;max-height:100%;position:absolute}.button .hide{cursor:not-allowed;opacity:0}";
7
+ const buttonCss = ".button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button *{pointer-events:none}.button--size-tall{padding-top:14px;padding-bottom:14px;height:40px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:40px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:40px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button__primary{background:#3f7de8;color:#ffffff}.button__primary:hover{background:#125ad5}.button__primary:active{background:#0747a6;color:#ffffff}.button__primary--disabled{background:#e8f2ff;pointer-events:none;color:#637798}.button__primary--disabled:hover,.button__primary--disabled:active{background:#e8f2ff;color:#637798}.button__secondary{background:transparent;color:#505f79}.button__secondary:hover{background:#e8f2ff;color:#3f7de8}.button__secondary:active{background:#d1e3fa;color:#3f7de8}.button__secondary--disabled{background:transparent;pointer-events:none;color:#637798}.button__secondary--disabled:hover,.button__secondary--disabled:active{background:transparent;color:#637798}.button__tertiary{background:transparent;color:#3f7de8;border:1px solid #d2dfe6}.button__tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.button__tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.button__tertiary--disabled{background:transparent;pointer-events:none;color:#637798;border:1px solid #637798}.button__tertiary--disabled:hover,.button__tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.button__secondary--white{background:transparent;color:#ffffff}.button__secondary--white:hover{background:rgba(255, 255, 255, 0.3);color:#ffffff}.button__secondary--white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.button__secondary--white--disabled{background:#e8f2ff;pointer-events:none;color:#8ca0b3}.button__secondary--white--disabled:hover,.button__secondary--white--disabled:active{background:#e8f2ff;color:#8ca0b3}.button__ghost{background:transparent;color:#3f7de8;border:1px solid #3f7de8}.button__ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.button__ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.button__ghost--disabled{background:transparent;pointer-events:none;color:#637798;border:1px solid #637798}.button__ghost--disabled:hover,.button__ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.button__delete{background:#ff4c4c;color:#ffffff}.button__delete:hover{background:#a01c2c;color:#ffffff}.button__delete:active{background:#6a2026;color:#ffffff}.button__delete--disabled{background:#fccccc;pointer-events:none;color:#ba5a5a}.button__delete--disabled:hover,.button__delete--disabled:active{background:#fccccc;color:#ba5a5a}.button__dashed{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed:hover{background:transparent;color:#125ad5;border:1px dashed #125ad5}.button__dashed:active{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed--disabled{background:transparent;pointer-events:none;color:#8ca0b3;border:1px dashed #8ca0b3}.button__dashed--disabled:hover,.button__dashed--disabled:active{background:transparent;color:#8ca0b3;border:1px dashed #8ca0b3}.button__facebook{background:#1877f2;color:#f8fbfb}.button__facebook:hover{background:#1771e6}.button__facebook:active{background:#3f7de8;color:#f8fbfb}.button__facebook--disabled{background:#e8f2ff;pointer-events:none;color:#8ca0b3}.button__facebook--disabled:hover,.button__facebook--disabled:active{background:#e8f2ff;color:#8ca0b3}.button bds-loading-spinner{width:auto;max-height:100%;position:absolute}.button .hide{cursor:not-allowed;opacity:0}";
8
8
 
9
9
  const Button = class {
10
10
  constructor(hostRef) {
@@ -47,6 +47,7 @@ const Button = class {
47
47
  return (index.h("div", { class: {
48
48
  button__content: true,
49
49
  [`button__content__${this.variant}`]: true,
50
+ [`button__content__${this.variant}--disabled`]: this.disabled,
50
51
  hide: this.bdsLoading && true,
51
52
  } }, index.h("bds-typo", { variant: "fs-14", lineHeight: "simple", bold: "bold" }, index.h("slot", null))));
52
53
  }
@@ -66,7 +67,7 @@ const Button = class {
66
67
  return (index.h("button", { onClick: (ev) => this.handleClick(ev), disabled: this.disabled, type: this.type, class: {
67
68
  button: true,
68
69
  [`button__${this.variant}`]: true,
69
- [`button__disabled`]: this.disabled,
70
+ [`button__${this.variant}--disabled`]: this.disabled,
70
71
  [sizeClass]: true,
71
72
  'button--size-icon--left': !!this.icon,
72
73
  'button--size-icon--right': this.arrow,
package/dist/cjs/bds-button_2.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-2811adc3.js');
6
6
 
7
- const buttonCss = ".button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;overflow:hidden;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button *{pointer-events:none}.button:before{content:\"\";position:absolute;inset:0;background-color:transparent;mix-blend-mode:multiply}.button--size-tall{padding-top:14px;padding-bottom:14px;height:56px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:56px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:40px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button__disabled{pointer-events:none;opacity:0.5}.button__primary{background:var(--color-primary, #3f7de8);color:var(--color-content-bright, #fff)}.button__primary:hover:before{background:#d2dfe6}.button__primary:active:before{background:#b9cbd3}.button__secondary{background:var(--color-secondary, #3f7de8);color:var(--color-content-bright, #fff)}.button__secondary:hover:before{background:#d2dfe6}.button__secondary:active:before{background:#b9cbd3}.button__tertiary{background:transparent;color:var(--color-primary, #3f7de8);border:2px solid var(--color-primary, #3f7de8)}.button__tertiary:hover:before{background:#e7edf4}.button__tertiary:active:before{background:#d2dfe6}.button__secondary--white{background:transparent;color:var(--color-content-bright, #fff)}.button__secondary--white:hover:before{background:#e7edf4}.button__secondary--white:active:before{background:#d2dfe6}.button__ghost{background:transparent;color:var(--color-primary, #3f7de8)}.button__ghost:hover:before{background:#e7edf4}.button__ghost:active:before{background:#d2dfe6}.button__delete{background:var(--color-delete, #ff4c4c);color:var(--color-content-bright, #fff)}.button__delete:hover:before{background:#d2dfe6}.button__delete:active:before{background:#b9cbd3}.button__dashed{background:transparent;color:var(--color-primary, #3f7de8);border:1px dashed var(--color-primary, #3f7de8)}.button__dashed:hover:before{background:#e7edf4}.button__dashed:active:before{background:#d2dfe6}.button__facebook{background:#1877f2;color:#f8fbfb}.button__facebook:hover:before{background:#d2dfe6}.button__facebook:active:before{background:#b9cbd3}.button bds-typo{position:relative}.button bds-loading-spinner{width:auto;max-height:100%;position:absolute}.button .hide{cursor:not-allowed;opacity:0}";
7
+ const buttonCss = ".button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:8px;padding-left:16px;padding-right:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.button::-moz-focus-inner{border:0;padding:0}.button *{pointer-events:none}.button--size-tall{padding-top:14px;padding-bottom:14px;height:40px}.button--size-tall--icon{padding-top:12px;padding-bottom:12px;height:40px}.button--size-standard{padding-top:9px;padding-bottom:9px;height:40px}.button--size-standard--icon{padding-top:8px;padding-bottom:8px;height:40px}.button--size-short{padding-top:5px;padding-bottom:5px;height:32px}.button--size-short--icon{padding-top:4px;padding-bottom:4px;height:40px}.button--size-icon--left{padding-left:16px}.button--size-icon--right{padding-right:16px}.button__icon{color:inherit;background-color:inherit;height:24px;margin-right:4px}.button__arrow{color:inherit;background-color:inherit;height:24px;margin-left:2px}.button__content{height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button__primary{background:#3f7de8;color:#ffffff}.button__primary:hover{background:#125ad5}.button__primary:active{background:#0747a6;color:#ffffff}.button__primary--disabled{background:#e8f2ff;pointer-events:none;color:#637798}.button__primary--disabled:hover,.button__primary--disabled:active{background:#e8f2ff;color:#637798}.button__secondary{background:transparent;color:#505f79}.button__secondary:hover{background:#e8f2ff;color:#3f7de8}.button__secondary:active{background:#d1e3fa;color:#3f7de8}.button__secondary--disabled{background:transparent;pointer-events:none;color:#637798}.button__secondary--disabled:hover,.button__secondary--disabled:active{background:transparent;color:#637798}.button__tertiary{background:transparent;color:#3f7de8;border:1px solid #d2dfe6}.button__tertiary:hover{border:1px solid #3f7de8;color:#3f7de8}.button__tertiary:active{background:#d1e3fa;border:1px solid #3f7de8;color:#3f7de8}.button__tertiary--disabled{background:transparent;pointer-events:none;color:#637798;border:1px solid #637798}.button__tertiary--disabled:hover,.button__tertiary--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.button__secondary--white{background:transparent;color:#ffffff}.button__secondary--white:hover{background:rgba(255, 255, 255, 0.3);color:#ffffff}.button__secondary--white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.button__secondary--white--disabled{background:#e8f2ff;pointer-events:none;color:#8ca0b3}.button__secondary--white--disabled:hover,.button__secondary--white--disabled:active{background:#e8f2ff;color:#8ca0b3}.button__ghost{background:transparent;color:#3f7de8;border:1px solid #3f7de8}.button__ghost:hover{background:#e8f2ff;color:#3f7de8;border:1px solid #3f7de8}.button__ghost:active{background:#d1e3fa;color:#3f7de8;border:1px solid #3f7de8}.button__ghost--disabled{background:transparent;pointer-events:none;color:#637798;border:1px solid #637798}.button__ghost--disabled:hover,.button__ghost--disabled:active{background:transparent;color:#637798;border:1px solid #637798}.button__delete{background:#ff4c4c;color:#ffffff}.button__delete:hover{background:#a01c2c;color:#ffffff}.button__delete:active{background:#6a2026;color:#ffffff}.button__delete--disabled{background:#fccccc;pointer-events:none;color:#ba5a5a}.button__delete--disabled:hover,.button__delete--disabled:active{background:#fccccc;color:#ba5a5a}.button__dashed{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed:hover{background:transparent;color:#125ad5;border:1px dashed #125ad5}.button__dashed:active{background:transparent;color:#3f7de8;border:1px dashed #3f7de8}.button__dashed--disabled{background:transparent;pointer-events:none;color:#8ca0b3;border:1px dashed #8ca0b3}.button__dashed--disabled:hover,.button__dashed--disabled:active{background:transparent;color:#8ca0b3;border:1px dashed #8ca0b3}.button__facebook{background:#1877f2;color:#f8fbfb}.button__facebook:hover{background:#1771e6}.button__facebook:active{background:#3f7de8;color:#f8fbfb}.button__facebook--disabled{background:#e8f2ff;pointer-events:none;color:#8ca0b3}.button__facebook--disabled:hover,.button__facebook--disabled:active{background:#e8f2ff;color:#8ca0b3}.button bds-loading-spinner{width:auto;max-height:100%;position:absolute}.button .hide{cursor:not-allowed;opacity:0}";
8
8
 
9
9
  const Button = class {
10
10
  constructor(hostRef) {
@@ -47,6 +47,7 @@ const Button = class {
47
47
  return (index.h("div", { class: {
48
48
  button__content: true,
49
49
  [`button__content__${this.variant}`]: true,
50
+ [`button__content__${this.variant}--disabled`]: this.disabled,
50
51
  hide: this.bdsLoading && true,
51
52
  } }, index.h("bds-typo", { variant: "fs-14", lineHeight: "simple", bold: "bold" }, index.h("slot", null))));
52
53
  }
@@ -66,7 +67,7 @@ const Button = class {
66
67
  return (index.h("button", { onClick: (ev) => this.handleClick(ev), disabled: this.disabled, type: this.type, class: {
67
68
  button: true,
68
69
  [`button__${this.variant}`]: true,
69
- [`button__disabled`]: this.disabled,
70
+ [`button__${this.variant}--disabled`]: this.disabled,
70
71
  [sizeClass]: true,
71
72
  'button--size-icon--left': !!this.icon,
72
73
  'button--size-icon--right': this.arrow,