@revotech-group/revotech-ui-kit 0.1.24 → 0.1.26

package/dist/rtg-ui-kit.js

@@ -6200,15 +6200,14 @@ let Me = class extends U {
         ${this.checked || this.value === "on" ? d`<span data-state="checked" class="${Ra}"
               ><svg
                 xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
+                width="12"
+                height="12"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="3"
                 stroke-linecap="round"
                 stroke-linejoin="round"
-                class="rtg-h-4 rtg-w-4"
               >
                 <polyline points="20 6 9 17 4 12"></polyline></svg
             ></span>` : Z}
@@ -6465,11 +6464,11 @@ let Xe = class extends h {
     this.removeParentAttributes(), this.observeStyleAndClassSync(this._containerElement);
   }
   render() {
-    const e = this.customClass || "", t = this.getAttribute("style") || "";
+    const e = this.customStyle || "", t = this.customClass || "";
     return d`
       <div
-        class="${p(this.alertClasses, this.className, e)}"
-        style="${t}"
+        class="${p(this.alertClasses, this.className, t)}"
+        style="${e}"
         role="alert"
       >
         ${this.title ? d`<div class="rtg-mb-2 rtg-font-bold" part="alert-title">
@@ -14922,7 +14921,7 @@ let Nr = class extends h {
           @input=${(e) => this.btnClass = e.target.value}
         ></textarea>
         <rtg-alert style=${this.btnClass} message=${"hey"}></rtg-alert> -->
-        <rtg-input
+        <!-- <rtg-input
           id="email"
           type="tel"
           .value=${this.inputValue}
@@ -14930,7 +14929,13 @@ let Nr = class extends h {
       console.log(e.detail, this.inputValue), e.detail.value && (this.inputValue = e.detail.value);
     }}
           customClass="rtg-mt-2"
-        ></rtg-input>
+        ></rtg-input> -->
+
+        <rtg-alert
+          variant="error"
+          customStyle=${this.btnClass}
+          message="hert"
+        ></rtg-alert>
       </div>
     `;
   }

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

@@ -2936,15 +2936,14 @@ body {
         ${this.checked||this.value==="on"?d.html`<span data-state="checked" class="${Oo}"
               ><svg
                 xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
+                width="12"
+                height="12"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
                 stroke-width="3"
                 stroke-linecap="round"
                 stroke-linejoin="round"
-                class="rtg-h-4 rtg-w-4"
               >
                 <polyline points="20 6 9 17 4 12"></polyline></svg
             ></span>`:d.nothing}
@@ -2990,10 +2989,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 Or=J("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=(i,e,r,n)=>{for(var t=n>1?void 0:n?Yo(e,r):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(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 Or({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`
+    `}},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 Or=J("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=(i,e,r,n)=>{for(var t=n>1?void 0:n?Yo(e,r):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(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 Or({variant:this.variant,size:this.size})}getAttributesToRemoveFromParent(){return["class","style"]}firstUpdated(e){this.removeParentAttributes(),this.observeStyleAndClassSync(this._containerElement)}render(){const e=this.customStyle||"",r=this.customClass||"";return d.html`
       <div
-        class="${p(this.alertClasses,this.className,e)}"
-        style="${r}"
+        class="${p(this.alertClasses,this.className,r)}"
+        style="${e}"
         role="alert"
       >
         ${this.title?d.html`<div class="rtg-mb-2 rtg-font-bold" part="alert-title">
@@ -4914,13 +4913,19 @@ body {
           @input=${e=>this.btnClass=e.target.value}
         ></textarea>
         <rtg-alert style=${this.btnClass} message=${"hey"}></rtg-alert> -->
-        <rtg-input
+        <!-- <rtg-input
           id="email"
           type="tel"
           .value=${this.inputValue}
           @input=${e=>{console.log(e.detail,this.inputValue),e.detail.value&&(this.inputValue=e.detail.value)}}
           customClass="rtg-mt-2"
-        ></rtg-input>
+        ></rtg-input> -->
+
+        <rtg-alert
+          variant="error"
+          customStyle=${this.btnClass}
+          message="hert"
+        ></rtg-alert>
       </div>
     `}},nr([l.state()],o.LightSampleDemo.prototype,"btnClass",2),nr([l.state()],o.LightSampleDemo.prototype,"inputValue",2),o.LightSampleDemo=nr([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.1.24",
+  "version": "0.1.26",
   "type": "module",
   "main": "dist/rtg-ui-kit.umd.cjs",
   "module": "./dist/rtg-ui-kit.js",