@m3e/button 1.0.0-rc.1 → 1.0.0-rc.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 (46) hide show
  1. package/README.md +1 -2
  2. package/dist/custom-elements.json +2915 -12
  3. package/dist/html-custom-data.json +3 -3
  4. package/dist/index.js +2 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.js +1 -1
  7. package/dist/index.min.js.map +1 -1
  8. package/package.json +3 -3
  9. package/cem.config.mjs +0 -16
  10. package/demo/index.html +0 -105
  11. package/dist/src/ButtonElement.d.ts +0 -429
  12. package/dist/src/ButtonElement.d.ts.map +0 -1
  13. package/dist/src/ButtonShape.d.ts +0 -3
  14. package/dist/src/ButtonShape.d.ts.map +0 -1
  15. package/dist/src/ButtonSize.d.ts +0 -3
  16. package/dist/src/ButtonSize.d.ts.map +0 -1
  17. package/dist/src/ButtonVariant.d.ts +0 -3
  18. package/dist/src/ButtonVariant.d.ts.map +0 -1
  19. package/dist/src/index.d.ts +0 -5
  20. package/dist/src/index.d.ts.map +0 -1
  21. package/dist/src/styles/ButtonSizeStyle.d.ts +0 -7
  22. package/dist/src/styles/ButtonSizeStyle.d.ts.map +0 -1
  23. package/dist/src/styles/ButtonSizeToken.d.ts +0 -27
  24. package/dist/src/styles/ButtonSizeToken.d.ts.map +0 -1
  25. package/dist/src/styles/ButtonStyle.d.ts +0 -7
  26. package/dist/src/styles/ButtonStyle.d.ts.map +0 -1
  27. package/dist/src/styles/ButtonVariantStyle.d.ts +0 -7
  28. package/dist/src/styles/ButtonVariantStyle.d.ts.map +0 -1
  29. package/dist/src/styles/ButtonVariantToken.d.ts +0 -75
  30. package/dist/src/styles/ButtonVariantToken.d.ts.map +0 -1
  31. package/dist/src/styles/index.d.ts +0 -4
  32. package/dist/src/styles/index.d.ts.map +0 -1
  33. package/eslint.config.mjs +0 -13
  34. package/rollup.config.js +0 -32
  35. package/src/ButtonElement.ts +0 -629
  36. package/src/ButtonShape.ts +0 -2
  37. package/src/ButtonSize.ts +0 -2
  38. package/src/ButtonVariant.ts +0 -2
  39. package/src/index.ts +0 -4
  40. package/src/styles/ButtonSizeStyle.ts +0 -102
  41. package/src/styles/ButtonSizeToken.ts +0 -180
  42. package/src/styles/ButtonStyle.ts +0 -191
  43. package/src/styles/ButtonVariantStyle.ts +0 -170
  44. package/src/styles/ButtonVariantToken.ts +0 -1165
  45. package/src/styles/index.ts +0 -3
  46. package/tsconfig.json +0 -9
package/dist/index.min.js CHANGED
@@ -444,7 +444,7 @@ function K(e,t){return(t,o,r)=>((e,t,o)=>(o.configurable=!0,o.enumerable=!0,Refl
444
444
  :host([variant="outlined"]) .base {
445
445
  outline-style: solid;
446
446
  }
447
- `];var te,oe,re,ae,le;let ne=class extends(n(s(i(c(d(u(b(v(o,"button"),!0)))))))){constructor(){super(),te.add(this),oe.set(this,e=>x(this,te,"m",re).call(this,e)),this.variant="text",this.shape="rounded",this.size="small",this.toggle=!1,this.selected=!1,new h(this,{callback:()=>{this.grouped&&this._handleResize()}}),new p(this,{callback:e=>{!this.disabledInteractive&&this._base&&(e?x(this,te,"m",le).call(this):this.grouped||this._base?.style.removeProperty("--_button-shape"))}}),new m(this,{isPressedKey:e=>" "===e||"Enter"===e,callback:e=>{if(!this.disabled&&!this.disabledInteractive){this.classList.toggle("-pressed",e),this.classList.toggle("-resting",!e);const t=this.closest("m3e-button-group");if(t){const o=this.getBoundingClientRect().width,r=[...t.querySelectorAll("m3e-button,m3e-icon-button")],a=r.indexOf(this);for(let t=0;t<r.length;t++){const l=r[t];t===a-1||t===a+1?(l.style.setProperty("--_adjacent-button-width",`${o}px`),l.classList.toggle("-adjacent-pressed",e)):(l.style.removeProperty("--_adjacent-button-width"),l.classList.remove("-adjacent-pressed"))}}}}})}get grouped(){return this.classList.contains("-grouped")}render(){return a`<div class="base">
447
+ `];var te,oe,re,ae,le;let ne=class extends(n(s(i(c(d(u(b(v(o,"button"),!0)))))))){constructor(){super(),te.add(this),oe.set(this,e=>x(this,te,"m",re).call(this,e)),this.variant="text",this.shape="rounded",this.size="small",this.toggle=!1,this.selected=!1,new h(this,{callback:()=>{this.grouped&&this._handleResize()}}),new p(this,{callback:e=>{!this.disabledInteractive&&this._base&&(e?x(this,te,"m",le).call(this):this.grouped||this._base?.style.removeProperty("--_button-shape"))}}),new m(this,{isPressedKey:e=>" "===e||"Enter"===e,minPressedDuration:150,callback:e=>{if(!this.disabled&&!this.disabledInteractive){this.classList.toggle("-pressed",e),this.classList.toggle("-resting",!e);const t=this.closest("m3e-button-group");if(t){const o=this.getBoundingClientRect().width,r=[...t.querySelectorAll("m3e-button,m3e-icon-button")],a=r.indexOf(this);for(let t=0;t<r.length;t++){const l=r[t];t===a-1||t===a+1?(l.style.setProperty("--_adjacent-button-width",`${o}px`),l.classList.toggle("-adjacent-pressed",e)):(l.style.removeProperty("--_adjacent-button-width"),l.classList.remove("-adjacent-pressed"))}}}}})}get grouped(){return this.classList.contains("-grouped")}render(){return a`<div class="base">
448
448
  <m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation>
449
449
  <m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer>
450
450
  <m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring>