@idds/vue 1.0.67 → 1.0.68

package/dist/index.d.ts

@@ -4154,53 +4154,53 @@ declare const _default: {
         };
     });
     Skeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"sm" | "md" | "lg">;
-            default: string;
-        };
-        animation: {
-            type: import('vue').PropType<"none" | "pulse" | "wave">;
+        className: {
+            type: import('vue').PropType<string>;
             default: string;
         };
         width: {
-            type: import('vue').PropType<string | number>;
-            default: string;
+            type: import('vue').PropType<string>;
+            default: any;
         };
         height: {
-            type: import('vue').PropType<string | number>;
+            type: import('vue').PropType<string>;
             default: string;
         };
-        variant: {
-            type: import('vue').PropType<"text" | "rectangular" | "circular">;
+        rounded: {
+            type: import('vue').PropType<"none" | "sm" | "md" | "lg" | "full" | "xs">;
             default: string;
         };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"sm" | "md" | "lg">;
+        color: {
+            type: import('vue').PropType<"gray" | "blue" | "green" | "red" | "yellow">;
             default: string;
         };
-        animation: {
-            type: import('vue').PropType<"none" | "pulse" | "wave">;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        className: {
+            type: import('vue').PropType<string>;
             default: string;
         };
         width: {
-            type: import('vue').PropType<string | number>;
-            default: string;
+            type: import('vue').PropType<string>;
+            default: any;
         };
         height: {
-            type: import('vue').PropType<string | number>;
+            type: import('vue').PropType<string>;
             default: string;
         };
-        variant: {
-            type: import('vue').PropType<"text" | "rectangular" | "circular">;
+        rounded: {
+            type: import('vue').PropType<"none" | "sm" | "md" | "lg" | "full" | "xs">;
+            default: string;
+        };
+        color: {
+            type: import('vue').PropType<"gray" | "blue" | "green" | "red" | "yellow">;
             default: string;
         };
     }>> & Readonly<{}>, {
-        size: "sm" | "md" | "lg";
-        animation: "pulse" | "wave" | "none";
-        width: string | number;
-        height: string | number;
-        variant: "text" | "rectangular" | "circular";
+        className: string;
+        width: string;
+        height: string;
+        rounded: "none" | "xs" | "sm" | "md" | "lg" | "full";
+        color: "gray" | "blue" | "green" | "red" | "yellow";
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     Spinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {

package/dist/index.es.js

@@ -2738,6 +2738,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               "model-value": tempValue.value,
               class: "ina-chip__input",
               placeholder: "Masukkan data yang Anda inginkan",
+              "show-clear-button": false,
               "onUpdate:modelValue": setTempValue,
               onBlur: handleBlur,
               onKeydown: handleKeydown
@@ -7711,28 +7712,35 @@ const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
-    width: { default: "100%" },
-    height: { default: "1rem" },
-    variant: { default: "rectangular" },
-    animation: { default: "pulse" },
-    size: { default: "md" }
+    className: { default: "" },
+    color: { default: "gray" },
+    width: { default: void 0 },
+    height: { default: "32px" },
+    rounded: { default: "md" }
   },
   setup(__props) {
     const props = __props;
     const skeletonClasses = computed(() => {
       const classes = ["ina-skeleton"];
-      classes.push(`ina-skeleton--variant-${props.variant}`);
-      classes.push(`ina-skeleton--animation-${props.animation}`);
-      classes.push(`ina-skeleton--size-${props.size}`);
+      classes.push(`ina-skeleton--rounded-${props.rounded}`);
+      classes.push(`ina-skeleton--color-${props.color}`);
+      if (props.className) {
+        classes.push(props.className);
+      }
       return classes;
     });
     const skeletonStyle = computed(() => {
       const style = {};
-      if (props.width) {
-        style.width = typeof props.width === "number" ? `${props.width}px` : props.width;
-      }
+      const isFixed = typeof props.width !== "undefined";
       if (props.height) {
-        style.height = typeof props.height === "number" ? `${props.height}px` : props.height;
+        style.height = props.height;
+      }
+      if (isFixed) {
+        style.flex = "0 0 auto";
+        style.width = props.width;
+      } else {
+        style.flex = "1 1 auto";
+        style.width = "auto";
       }
       return style;
     });
@@ -7741,7 +7749,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["ina-skeleton", skeletonClasses.value]),
         style: normalizeStyle(skeletonStyle.value)
       }, [..._cache[0] || (_cache[0] = [
-        createElementVNode("div", { class: "ina-skeleton__shimmer" }, null, -1)
+        createElementVNode("div", { class: "ina-skeleton__wave" }, null, -1)
       ])], 6);
     };
   }