@haiilo/catalyst 2.5.0 → 3.0.0

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 (48) hide show
  1. package/dist/catalyst/catalyst.css +2411 -2
  2. package/dist/catalyst/catalyst.esm.js +1 -1
  3. package/dist/catalyst/catalyst.esm.js.map +1 -1
  4. package/dist/catalyst/index.cdn.js +1 -0
  5. package/dist/catalyst/p-52f9fea7.entry.js +2 -0
  6. package/dist/catalyst/{p-5bfc70e3.entry.js.map → p-52f9fea7.entry.js.map} +1 -1
  7. package/dist/catalyst/p-557c8009.entry.js +2 -0
  8. package/dist/catalyst/p-557c8009.entry.js.map +1 -0
  9. package/dist/catalyst/scss/_variables.tokens.scss +2 -2
  10. package/dist/catalyst/scss/core/_dialog.scss +66 -0
  11. package/dist/catalyst/scss/index.scss +1 -0
  12. package/dist/catalyst/scss/utils/_media.mixins.scss +1 -0
  13. package/dist/cjs/cat-alert_24.cjs.entry.js +7 -11
  14. package/dist/cjs/cat-alert_24.cjs.entry.js.map +1 -1
  15. package/dist/cjs/cat-modal.cjs.entry.js +1 -1
  16. package/dist/cjs/cat-modal.cjs.entry.js.map +1 -1
  17. package/dist/cjs/catalyst.cjs.js +1 -1
  18. package/dist/cjs/loader.cjs.js +1 -1
  19. package/dist/collection/components/cat-button/cat-button.js +23 -6
  20. package/dist/collection/components/cat-button/cat-button.js.map +1 -1
  21. package/dist/collection/components/cat-icon/cat-icon.js +21 -9
  22. package/dist/collection/components/cat-icon/cat-icon.js.map +1 -1
  23. package/dist/collection/components/cat-modal/cat-modal.css +1 -1
  24. package/dist/collection/index.cdn.js +1 -0
  25. package/dist/collection/scss/_variables.tokens.scss +2 -2
  26. package/dist/collection/scss/core/_dialog.scss +66 -0
  27. package/dist/collection/scss/index.scss +1 -0
  28. package/dist/collection/scss/utils/_media.mixins.scss +1 -0
  29. package/dist/components/cat-button2.js +7 -6
  30. package/dist/components/cat-button2.js.map +1 -1
  31. package/dist/components/cat-dropdown2.js.map +1 -1
  32. package/dist/components/cat-icon2.js +2 -5
  33. package/dist/components/cat-icon2.js.map +1 -1
  34. package/dist/components/cat-modal.js +1 -1
  35. package/dist/components/cat-modal.js.map +1 -1
  36. package/dist/esm/cat-alert_24.entry.js +7 -11
  37. package/dist/esm/cat-alert_24.entry.js.map +1 -1
  38. package/dist/esm/cat-modal.entry.js +1 -1
  39. package/dist/esm/cat-modal.entry.js.map +1 -1
  40. package/dist/esm/catalyst.js +1 -1
  41. package/dist/esm/loader.js +1 -1
  42. package/dist/types/components/cat-button/cat-button.d.ts +5 -0
  43. package/dist/types/components/cat-icon/cat-icon.d.ts +5 -1
  44. package/dist/types/components.d.ts +17 -1
  45. package/package.json +2 -2
  46. package/dist/catalyst/p-2fdb52c9.entry.js +0 -2
  47. package/dist/catalyst/p-2fdb52c9.entry.js.map +0 -1
  48. package/dist/catalyst/p-5bfc70e3.entry.js +0 -2
package/dist/catalyst/p-5bfc70e3.entry.js DELETED
@@ -1,2 +0,0 @@
1
- import{r as t,h as i,g as a}from"./p-53a1db22.js";import{c as o,f as s}from"./p-60a20ebe.js";const e=":host{display:block}:host([hidden]){display:none}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgb(rgb(var(--cat-bg-backdrop, 0, 0, 0)), var(--cat-opacity-backdrop, 0.6));z-index:2;display:flex}.modal-wrapper[aria-hidden=true]{display:none}.modal{margin:auto;z-index:2;position:relative;background-color:white;border-radius:var(--cat-border-radius-l, 0.5rem);max-width:100%;padding:32px}.modal-header{display:flex;justify-content:end;align-self:stretch}.modal-header .close-button::part(button){box-shadow:unset}.modal-content{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin:16px 0}.modal-s{width:400px}.modal-m{width:600px}.modal-l{width:800px}";const d=class{constructor(i){t(this,i);this.isVisible=false;this.size="m"}componentDidLoad(){if(this.modal){this.trap=o(this.modal,{tabbableOptions:{getShadowRoot:true},initialFocus:s(this.closeButton),allowOutsideClick:true,clickOutsideDeactivates:t=>!this.modal||!t.composedPath().includes(this.modal),onDeactivate:()=>this.isVisible=false,setReturnFocus:t=>t instanceof HTMLElement?s(t):t})}}componentDidUpdate(){var t;if(this.isVisible)(t=this.trap)===null||t===void 0?void 0:t.activate();this.updateAccessibility(this.hostElement)}async show(){this.isVisible=true}render(){return i("div",{"aria-modal":true,role:"dialog","aria-hidden":!this.isVisible?"true":"false",class:"modal-wrapper"},i("div",{ref:t=>this.modal=t,class:{modal:true,[`modal-${this.size}`]:Boolean(this.size)}},i("div",{class:"modal-header"},i("cat-button",{ref:t=>this.closeButton=t,icon:"cross-outlined",class:"close-button",size:"s",iconOnly:true,a11yLabel:"close",onCatClick:this.onClick.bind(this)})),i("div",{class:"modal-content"},i("slot",null))))}onClick(){var t;(t=this.trap)===null||t===void 0?void 0:t.deactivate()}updateAccessibility(t){if(t.parentElement){Array.from(t.parentElement.children).forEach((i=>{if(i!==t){this.isVisible?i.setAttribute("aria-hidden","true"):i.removeAttribute("aria-hidden")}}));if(t.parentElement!==document.body){this.updateAccessibility(t.parentElement)}}}get hostElement(){return a(this)}};d.style=e;export{d as cat_modal};
2
- //# sourceMappingURL=p-5bfc70e3.entry.js.map