@uspk-ui/skeleton - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

dist/index.d.ts

		@@ -1,4 +0,3 @@
		import * as _uspk_ui_react_utils from '@uspk-ui/react-utils';
		import { HTMLUspkProps, ThemingProps } from '@uspk-ui/react-utils';
		import * as React from 'react';
		import * as _uspk_ui_system from '@uspk-ui/system';
		import { HTMLUspkProps, ThemingProps } from '@uspk-ui/system';

		@@ -25,3 +24,3 @@ interface SkeletonOptions {
		/**
		* The fadeIn duration in seconds
		* The fadeIn duration in seconds. Requires `isLoaded` toggled to `true` in order to see the transition.
		*
		@@ -36,3 +35,8 @@ * @default
		}
		declare const Skeleton: _uspk_ui_react_utils.ComponentWithAs<"div", SkeletonProps>;
		/**
		* `Skeleton` is used to display the loading state of some component.
		*
		* @see Docs https://uspk-ui.com/docs/components/skeleton
		*/
		declare const Skeleton: _uspk_ui_system.ComponentWithAs<"div", SkeletonProps>;
		interface SkeletonTextProps extends SkeletonProps {
		@@ -45,5 +49,15 @@ spacing?: SkeletonProps["margin"];
		}
		/**
		* `SkeletonText` is used to display the loading state in the form of text.
		*
		* @see Docs https://uspk-ui.com/docs/components/skeleton
		*/
		declare const SkeletonText: React.FC<SkeletonTextProps>;
		/**
		* `SkeletonCircle` is used to display the loading state in the form of a circular avatar.
		*
		* @see Docs https://uspk-ui.com/docs/components/skeleton
		*/
		declare const SkeletonCircle: React.FC<SkeletonProps>;

		export { ISkeleton, Skeleton, SkeletonCircle, SkeletonOptions, SkeletonProps, SkeletonText, SkeletonTextProps };

package.json

		{
		"name": "@uspk-ui/skeleton",
		"version": "2.0.0",
		"version": "2.1.0",
		"description": "React component to render a placeholders while you wait for content to load",
		@@ -12,9 +12,6 @@ "keywords": [
		"main": "dist/index.cjs.js",
		"module": "dist/index.esm.js",
		"types": "dist/index.d.ts",
		"sideEffects": false,
		"files": [
		"dist",
		"src"
		"dist"
		],
		"sideEffects": false,
		"preconstruct": {},
		@@ -33,18 +30,21 @@ "publishConfig": {
		"dependencies": {
		"@uspk-ui/form-control": "2.0.0",
		"@uspk-ui/react-use-previous": "1.1.0",
		"@uspk-ui/media-query": "2.0.0",
		"@uspk-ui/react-utils": "2.0.0",
		"@uspk-ui/visually-hidden": "2.0.0"
		"@uspk-ui/media-query": "2.0.0"
		},
		"devDependencies": {
		"framer-motion": "^6.2.9",
		"@uspk-ui/shared-utils": "1.0.0",
		"@uspk-ui/system": "1.0.0",
		"@uspk-ui/layout": "2.1.0",
		"@uspk-ui/theme": "2.1.0",
		"@uspk-ui/provider": "2.1.0",
		"jest-matchmedia-mock": "1.1.0",
		"react": "^18.0.0",
		"react-dom": "^18.0.0",
		"clean-package": "2.1.1"
		},
		"peerDependencies": {
		"framer-motion": ">=4.0.0",
		"@uspk-ui/system": ">=2.0.0",
		"react": ">=18"
		},
		"module": "dist/index.esm.js",
		"types": "dist/index.d.ts",
		"exports": {
		@@ -51,0 +51,0 @@ ".": {

src/index.ts

src/skeleton.tsx

dist/index.cjs.js

Sorry, the diff of this file is too big to display

dist/index.esm.js

Sorry, the diff of this file is too big to display

New alerts