@yamada-ui/skeleton 0.2.4 → 0.2.5

package/dist/index.d.mts

@@ -0,0 +1,4 @@
+export { Skeleton, SkeletonProps } from './skeleton.mjs';
+export { SkeletonCircle, SkeletonCircleProps } from './skeleton-circle.mjs';
+export { SkeletonText, SkeletonTextProps } from './skeleton-text.mjs';
+import '@yamada-ui/core';

package/dist/skeleton-circle.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { SkeletonProps } from './skeleton.mjs';
+
+type SkeletonCircleProps = SkeletonProps;
+declare const SkeletonCircle: _yamada_ui_core.Component<"div", SkeletonProps>;
+
+export { SkeletonCircle, SkeletonCircleProps };

package/dist/skeleton-text.d.mts

@@ -0,0 +1,18 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { UIProps } from '@yamada-ui/core';
+import { SkeletonProps } from './skeleton.mjs';
+
+type SkeletonTextOptions = {
+    /**
+     * The CSS `gap` property.
+     */
+    gap?: UIProps['gap'];
+    /**
+     * The CSS `height` property.
+     */
+    textHeight?: UIProps['height'];
+};
+type SkeletonTextProps = SkeletonProps & SkeletonTextOptions;
+declare const SkeletonText: _yamada_ui_core.Component<"div", SkeletonTextProps>;
+
+export { SkeletonText, SkeletonTextProps };

package/dist/skeleton.d.mts

@@ -0,0 +1,41 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps, ThemeProps, CSSUIProps } from '@yamada-ui/core';
+
+type SkeletonOptions = {
+    /**
+     * The color at the animation start.
+     */
+    startColor?: CSSUIProps['color'];
+    /**
+     * The color at the animation end.
+     */
+    endColor?: CSSUIProps['color'];
+    /**
+     * If `true`, it'll render its children with a nice fade transition.
+     *
+     * @default false
+     */
+    isLoaded?: boolean;
+    /**
+     * The animation speed in seconds.
+     *
+     * @default 0.8
+     */
+    speed?: string | number;
+    /**
+     * The fadeIn duration in seconds. Requires `isLoaded` toggled to `true` in order to see the transition.
+     *
+     * @default 0.4
+     */
+    fadeDuration?: string | number;
+    /**
+     * If `true`, the skeleton will take the width of it's children.
+     *
+     * @default false
+     */
+    isFitContent?: boolean;
+};
+type SkeletonProps = HTMLUIProps<'div'> & ThemeProps<'Skeleton'> & SkeletonOptions;
+declare const Skeleton: _yamada_ui_core.Component<"div", SkeletonProps>;
+
+export { Skeleton, SkeletonProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/skeleton",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Yamada UI skeleton component",
   "keywords": [
     "yamada",
@@ -35,11 +35,11 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.4.3",
-    "@yamada-ui/use-animation": "0.1.16",
-    "@yamada-ui/use-value": "0.1.16",
-    "@yamada-ui/use-previous": "0.1.2",
-    "@yamada-ui/utils": "0.1.2"
+    "@yamada-ui/core": "0.5.0",
+    "@yamada-ui/use-animation": "0.1.17",
+    "@yamada-ui/use-value": "0.1.17",
+    "@yamada-ui/use-previous": "0.1.3",
+    "@yamada-ui/utils": "0.1.3"
   },
   "devDependencies": {
     "react": "^18.0.0",