		@@ -1,49 +0,2 @@
		import * as _chakra_ui_system from '@chakra-ui/system';
		import { HTMLChakraProps, ThemingProps } from '@chakra-ui/system';

		interface SpinnerOptions {
		/**
		* The color of the empty area in the spinner
		* @default "transparent"
		*/
		emptyColor?: string;
		/**
		* The color of the spinner
		*/
		color?: string;
		/**
		* The thickness of the spinner
		* @default "2px"
		* @example
		* ```jsx
		* <Spinner thickness="4px"/>
		* ```
		*/
		thickness?: string;
		/**
		* The speed of the spinner.
		* @default "0.45s"
		* @example
		* ```jsx
		* <Spinner speed="0.2s"/>
		* ```
		*/
		speed?: string;
		/**
		* For accessibility, it is important to add a fallback loading text.
		* This text will be visible to screen readers.
		* @default "Loading..."
		*/
		label?: string;
		}
		interface SpinnerProps extends Omit<HTMLChakraProps<"div">, keyof SpinnerOptions>, SpinnerOptions, ThemingProps<"Spinner"> {
		}
		/**
		* Spinner is used to indicate the loading state of a page or a component,
		* It renders a `div` by default.
		*
		* @see Docs https://chakra-ui.com/spinner
		*/
		declare const Spinner: _chakra_ui_system.ComponentWithAs<"div", SpinnerProps>;

		export { Spinner, SpinnerProps };
		export { Spinner, SpinnerProps } from './spinner.js';
		import '@chakra-ui/system';

package.json

		{
		"name": "@chakra-ui/spinner",
		"version": "2.0.11",
		"version": "2.0.12",
		"description": "A React component for displaying spinners and loaders",
		@@ -15,3 +15,3 @@ "keywords": [
		"license": "MIT",
		"main": "dist/index.cjs.js",
		"main": "dist/index.js",
		"files": [
		@@ -32,7 +32,6 @@ "dist"
		"devDependencies": {
		"@chakra-ui/shared-utils": "2.0.3",
		"@chakra-ui/system": "2.3.2",
		"@chakra-ui/utils": "2.0.12",
		"react": "^18.0.0",
		"clean-package": "2.1.1"
		"clean-package": "2.1.1",
		"@chakra-ui/system": "2.3.6",
		"@chakra-ui/utils": "2.0.13"
		},
		@@ -43,9 +42,21 @@ "peerDependencies": {
		},
		"module": "dist/index.esm.js",
		"clean-package": "../../../clean-package.config.json",
		"tsup": {
		"clean": true,
		"target": "es2019",
		"format": [
		"cjs",
		"esm"
		]
		},
		"dependencies": {
		"@chakra-ui/shared-utils": "2.0.4"
		},
		"module": "dist/index.mjs",
		"types": "dist/index.d.ts",
		"exports": {
		".": {
		"import": "./dist/index.esm.js",
		"require": "./dist/index.cjs.js",
		"types": "./dist/index.d.ts"
		"types": "./dist/index.d.ts",
		"import": "./dist/index.mjs",
		"require": "./dist/index.js"
		},
		@@ -55,8 +66,8 @@ "./package.json": "./package.json"
		"scripts": {
		"build": "JSX=1 tsup src/index.ts --dts",
		"build": "tsup src --dts",
		"dev": "pnpm build:fast -- --watch",
		"clean": "rimraf dist .turbo",
		"typecheck": "tsc --noEmit",
		"build:fast": "JSX=1 tsup src/index.ts"
		"build:fast": "tsup src"
		}
		}

dist/index.cjs.js

dist/index.esm.js

@chakra-ui/spinner - npm Package Compare versions

New alerts