@uzum-tech/ui 1.4.1 → 1.4.2

package/dist/index.js

@@ -29393,7 +29393,7 @@
           "path",
           {
             d: "M15 0L0 0V82H15V72.0682C15 67.6499 18.7463 64.209 22.7412 62.3215C29.9427 58.9189 35 50.9123 35 41.5775C35 32.2426 29.9427 24.236 22.7412 20.8334C18.7463 18.946 15 15.505 15 11.0867V0Z",
-            fill: "currentColor"
+            fill: "#fff"
           }
         ));
       }
@@ -102097,15 +102097,26 @@
     };
 
     var style$F = cB("icon-wrapper", `
-  transition:
-    color .3s var(--u-bezier),
-    background-color .3s var(--u-bezier);
-  background-color: var(--u-color);
+  position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: var(--u-icon-color);
-`);
+`, [c$1("&__pulse", `
+    position: absolute;
+    background-color: var(--u-pulse-background-color);
+    z-index: 0;
+    transition: background-color .3s var(--u-bezier);
+  `), c$1("&__icon", `
+    transition:
+      color .3s var(--u-bezier);
+      background-color .3s var(--u-bezier);
+      background-color: var(--u-color);
+      color: var(--u-icon-color);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1
+  `)]);
 
     const iconWrapperProps = {
       ...useTheme.props,
@@ -102113,11 +102124,20 @@
         type: Number,
         default: 24
       },
+      pulseSize: {
+        type: Number,
+        default: 32
+      },
       borderRadius: {
         type: Number,
         default: 6
       },
+      variant: {
+        type: String,
+        default: "default"
+      },
       color: String,
+      pulseColor: String,
       iconColor: String
     };
     const UIconWrapper = vue.defineComponent({
@@ -102141,12 +102161,14 @@
           return {
             "--u-bezier": cubicBezierEaseInOut,
             "--u-color": color,
-            "--u-icon-color": iconColor
+            "--u-icon-color": iconColor,
+            "--u-pulse-background-color": props.variant === "pulse" ? `${color}50` : "transparent"
           };
         });
         const themeClassHandle = inlineThemeDisabled ? useThemeClass("icon-wrapper", void 0, cssVarsRef, props) : void 0;
         return () => {
           const size = formatLength(props.size);
+          const pulseSize = formatLength(props.pulseSize);
           themeClassHandle?.onRender();
           return /* @__PURE__ */ vue.h(
             "div",
@@ -102158,15 +102180,37 @@
               style: [
                 cssVarsRef?.value,
                 {
-                  height: size,
+                  width: props.variant === "pulse" ? pulseSize : size,
+                  height: props.variant === "pulse" ? pulseSize : size
+                }
+              ]
+            },
+            props.variant === "pulse" && /* @__PURE__ */ vue.h(
+              "div",
+              {
+                class: `${mergedClsPrefixRef.value}-icon-wrapper__pulse`,
+                style: {
+                  width: pulseSize,
+                  height: pulseSize,
+                  backgroundColor: props.pulseColor,
+                  borderRadius: formatLength(props.borderRadius)
+                }
+              }
+            ),
+            /* @__PURE__ */ vue.h(
+              "div",
+              {
+                class: `${mergedClsPrefixRef.value}-icon-wrapper__icon`,
+                style: {
                   width: size,
+                  height: size,
                   borderRadius: formatLength(props.borderRadius),
                   backgroundColor: props.color,
                   color: props.iconColor
                 }
-              ]
-            },
-            slots
+              },
+              slots
+            )
           );
         };
       }
@@ -106322,7 +106366,7 @@
     align-items: center;
     justify-content: center;
     color: var(--u-toggle-button-icon-color);
-    background-color: var(--u-toggle-button-color);
+    background-color: transparent;
     transform: translateX(50%);
     z-index: 1;
   `, [cB("base-icon", `
@@ -125401,7 +125445,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.4.1";
+    var version = "1.4.2";
 
     function create({
       componentPrefix = "U",