@revotech-group/revotech-ui-kit 0.0.86 → 0.0.87

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.
@@ -6424,7 +6424,7 @@ let Xe = class extends h {
6424
6424
  return ["class", "style"];
6425
6425
  }
6426
6426
  firstUpdated(e) {
6427
- this.observeStyleAndClassSync(this._containerElement);
6427
+ this.removeParentAttributes(), this.observeStyleAndClassSync(this._containerElement);
6428
6428
  }
6429
6429
  render() {
6430
6430
  const e = this.customClass || "", t = this.getAttribute("style") || "";
@@ -14822,7 +14822,7 @@ var dv = Object.defineProperty, uv = Object.getOwnPropertyDescriptor, Da = (e, t
14822
14822
  };
14823
14823
  let Os = class extends h {
14824
14824
  constructor() {
14825
- super(), this.btnClass = "";
14825
+ super(), this.btnClass = "border: 1px solid #DC2626;";
14826
14826
  }
14827
14827
  getAttributesToExclude() {
14828
14828
  return ["disabled", "type", "placeholder", "value", "data-testid"];
@@ -14839,7 +14839,7 @@ let Os = class extends h {
14839
14839
  .value=${this.btnClass}
14840
14840
  @input=${(e) => this.btnClass = e.target.value}
14841
14841
  ></textarea>
14842
- <rtg-alert customClass=${this.btnClass} message=${"hey"}></rtg-alert>
14842
+ <rtg-alert style=${this.btnClass} message=${"hey"}></rtg-alert>
14843
14843
  </div>
14844
14844
  `;
14845
14845
  }
@@ -2990,7 +2990,7 @@ body {
2990
2990
  >
2991
2991
  ${this._children}
2992
2992
  </div>
2993
- `}},o.Badge.badgeVariants=Fo,Dt([l.property({type:String})],o.Badge.prototype,"variant",2),Dt([l.property({type:String})],o.Badge.prototype,"id",2),o.Badge=Dt([l.customElement("rtg-badge")],o.Badge);const $r=Q("rtg-p-4 rtg-text-sm rtg-font-medium rtg-rounded-md rtg-border rtg-border-transparent",{variants:{variant:{success:"rtg-bg-green-100 rtg-text-green-800 rtg-border-green-200",error:"rtg-bg-red-100 rtg-text-red-800 rtg-border-red-200",warning:"rtg-bg-yellow-100 rtg-text-yellow-800 rtg-border-yellow-200",info:"rtg-bg-blue-100 rtg-text-blue-800 rtg-border-blue-200"},size:{small:"rtg-text-sm",default:"rtg-text-base",large:"rtg-text-xl"}},defaultVariants:{variant:"info",size:"default"}});var Ho=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Xe=(a,e,r,n)=>{for(var t=n>1?void 0:n?Yo(e,r):e,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(e,r,t):s(t))||t);return n&&t&&Ho(e,r,t),t};o.Alert=class extends h{constructor(){super(...arguments),this.title="",this.message="",this.variant="info",this.size="default"}createRenderRoot(){return this}get _containerElement(){return this.querySelector("div[role=alert]")}get alertClasses(){return $r({variant:this.variant,size:this.size})}getAttributesToRemoveFromParent(){return["class","style"]}firstUpdated(e){this.observeStyleAndClassSync(this._containerElement)}render(){const e=this.customClass||"",r=this.getAttribute("style")||"";return d.html`
2993
+ `}},o.Badge.badgeVariants=Fo,Dt([l.property({type:String})],o.Badge.prototype,"variant",2),Dt([l.property({type:String})],o.Badge.prototype,"id",2),o.Badge=Dt([l.customElement("rtg-badge")],o.Badge);const $r=Q("rtg-p-4 rtg-text-sm rtg-font-medium rtg-rounded-md rtg-border rtg-border-transparent",{variants:{variant:{success:"rtg-bg-green-100 rtg-text-green-800 rtg-border-green-200",error:"rtg-bg-red-100 rtg-text-red-800 rtg-border-red-200",warning:"rtg-bg-yellow-100 rtg-text-yellow-800 rtg-border-yellow-200",info:"rtg-bg-blue-100 rtg-text-blue-800 rtg-border-blue-200"},size:{small:"rtg-text-sm",default:"rtg-text-base",large:"rtg-text-xl"}},defaultVariants:{variant:"info",size:"default"}});var Ho=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Xe=(a,e,r,n)=>{for(var t=n>1?void 0:n?Yo(e,r):e,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(e,r,t):s(t))||t);return n&&t&&Ho(e,r,t),t};o.Alert=class extends h{constructor(){super(...arguments),this.title="",this.message="",this.variant="info",this.size="default"}createRenderRoot(){return this}get _containerElement(){return this.querySelector("div[role=alert]")}get alertClasses(){return $r({variant:this.variant,size:this.size})}getAttributesToRemoveFromParent(){return["class","style"]}firstUpdated(e){this.removeParentAttributes(),this.observeStyleAndClassSync(this._containerElement)}render(){const e=this.customClass||"",r=this.getAttribute("style")||"";return d.html`
2994
2994
  <div
2995
2995
  class="${p(this.alertClasses,this.className,e)}"
2996
2996
  style="${r}"
@@ -4904,7 +4904,7 @@ body {
4904
4904
  style="overflow: hidden scroll;"
4905
4905
  ></div>
4906
4906
  </div>
4907
- `}},pn([l.query("[data-radix-scroll-area-viewport]")],o.RtgScrollArea.prototype,"viewportEl",2),o.RtgScrollArea=pn([l.customElement("rtg-scroll-area")],o.RtgScrollArea);var sg=Object.defineProperty,lg=Object.getOwnPropertyDescriptor,hn=(a,e,r,n)=>{for(var t=n>1?void 0:n?lg(e,r):e,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(e,r,t):s(t))||t);return n&&t&&sg(e,r,t),t};o.LightSampleDemo=class extends h{constructor(){super(),this.btnClass=""}getAttributesToExclude(){return["disabled","type","placeholder","value","data-testid"]}createRenderRoot(){return this}render(){return d.html`
4907
+ `}},pn([l.query("[data-radix-scroll-area-viewport]")],o.RtgScrollArea.prototype,"viewportEl",2),o.RtgScrollArea=pn([l.customElement("rtg-scroll-area")],o.RtgScrollArea);var sg=Object.defineProperty,lg=Object.getOwnPropertyDescriptor,hn=(a,e,r,n)=>{for(var t=n>1?void 0:n?lg(e,r):e,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(e,r,t):s(t))||t);return n&&t&&sg(e,r,t),t};o.LightSampleDemo=class extends h{constructor(){super(),this.btnClass="border: 1px solid #DC2626;"}getAttributesToExclude(){return["disabled","type","placeholder","value","data-testid"]}createRenderRoot(){return this}render(){return d.html`
4908
4908
  <div class="sb-flex sb-flex-col sb-gap-4">
4909
4909
  <label class="sb-font-semibold">Custom button style:</label>
4910
4910
  <textarea
@@ -4912,7 +4912,7 @@ body {
4912
4912
  .value=${this.btnClass}
4913
4913
  @input=${e=>this.btnClass=e.target.value}
4914
4914
  ></textarea>
4915
- <rtg-alert customClass=${this.btnClass} message=${"hey"}></rtg-alert>
4915
+ <rtg-alert style=${this.btnClass} message=${"hey"}></rtg-alert>
4916
4916
  </div>
4917
4917
  `}},hn([l.state()],o.LightSampleDemo.prototype,"btnClass",2),o.LightSampleDemo=hn([l.customElement("light-sample-demo")],o.LightSampleDemo);/**
4918
4918
  * @license
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent wc-ui following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "wc-ui",
6
- "version": "0.0.86",
6
+ "version": "0.0.87",
7
7
  "type": "module",
8
8
  "main": "dist/rtg-ui-kit.umd.cjs",
9
9
  "module": "./dist/rtg-ui-kit.js",