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

package/dist/rtg-ui-kit.js

@@ -6424,13 +6424,14 @@ let Xe = class extends h {
     return ["class", "style"];
   }
   firstUpdated(e) {
-    this.observeStyleAndClassSync(this._containerElement);
+    this.removeParentAttributes(), this.observeStyleAndClassSync(this._containerElement);
   }
   render() {
-    const e = this.customClass || "";
+    const e = this.customClass || "", t = this.getAttribute("style") || "";
     return d`
       <div
         class="${p(this.alertClasses, this.className, e)}"
+        style="${t}"
         role="alert"
       >
         ${this.title ? d`<div class="rtg-mb-2 rtg-font-bold" part="alert-title">
@@ -14821,7 +14822,7 @@ var dv = Object.defineProperty, uv = Object.getOwnPropertyDescriptor, Da = (e, t
 };
 let Os = class extends h {
   constructor() {
-    super(), this.btnClass = "";
+    super(), this.btnClass = "border: 1px solid #DC2626;";
   }
   getAttributesToExclude() {
     return ["disabled", "type", "placeholder", "value", "data-testid"];
@@ -14838,7 +14839,7 @@ let Os = class extends h {
           .value=${this.btnClass}
           @input=${(e) => this.btnClass = e.target.value}
         ></textarea>
-        <rtg-alert customClass=${this.btnClass} message=${"hey"}></rtg-alert>
+        <rtg-alert style=${this.btnClass} message=${"hey"}></rtg-alert>
       </div>
     `;
   }

package/dist/rtg-ui-kit.umd.cjs

@@ -2990,9 +2990,10 @@ body {
       >
         ${this._children}
       </div>
-    `}},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||"";return d.html`
+    `}},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`
       <div
         class="${p(this.alertClasses,this.className,e)}"
+        style="${r}"
         role="alert"
       >
         ${this.title?d.html`<div class="rtg-mb-2 rtg-font-bold" part="alert-title">
@@ -4903,7 +4904,7 @@ body {
           style="overflow: hidden scroll;"
         ></div>
       </div>
-    `}},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`
+    `}},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`
       <div class="sb-flex sb-flex-col sb-gap-4">
         <label class="sb-font-semibold">Custom button style:</label>
         <textarea
@@ -4911,7 +4912,7 @@ body {
           .value=${this.btnClass}
           @input=${e=>this.btnClass=e.target.value}
         ></textarea>
-        <rtg-alert customClass=${this.btnClass} message=${"hey"}></rtg-alert>
+        <rtg-alert style=${this.btnClass} message=${"hey"}></rtg-alert>
       </div>
     `}},hn([l.state()],o.LightSampleDemo.prototype,"btnClass",2),o.LightSampleDemo=hn([l.customElement("light-sample-demo")],o.LightSampleDemo);/**
  * @license

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent wc-ui following open-wc recommendations",
   "license": "MIT",
   "author": "wc-ui",
-  "version": "0.0.85",
+  "version": "0.0.87",
   "type": "module",
   "main": "dist/rtg-ui-kit.umd.cjs",
   "module": "./dist/rtg-ui-kit.js",