@fluentui/react-spinner 0.0.0-nightly-20220513-0417.1 → 0.0.0-nightly-20220518-0420.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +37 -7
- package/CHANGELOG.md +11 -6
- package/README.md +0 -8
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/package.json +7 -7
- package/lib/Spinner.d.ts +0 -1
- package/lib/components/Spinner/DefaultSvg.d.ts +0 -1
- package/lib/components/Spinner/Spinner.d.ts +0 -6
- package/lib/components/Spinner/Spinner.types.d.ts +0 -49
- package/lib/components/Spinner/index.d.ts +0 -5
- package/lib/components/Spinner/renderSpinner.d.ts +0 -5
- package/lib/components/Spinner/useSpinner.d.ts +0 -12
- package/lib/components/Spinner/useSpinnerStyles.d.ts +0 -7
- package/lib/index.d.ts +0 -2
- package/lib-commonjs/Spinner.d.ts +0 -1
- package/lib-commonjs/components/Spinner/DefaultSvg.d.ts +0 -1
- package/lib-commonjs/components/Spinner/Spinner.d.ts +0 -6
- package/lib-commonjs/components/Spinner/Spinner.types.d.ts +0 -49
- package/lib-commonjs/components/Spinner/index.d.ts +0 -5
- package/lib-commonjs/components/Spinner/renderSpinner.d.ts +0 -5
- package/lib-commonjs/components/Spinner/useSpinner.d.ts +0 -12
- package/lib-commonjs/components/Spinner/useSpinnerStyles.d.ts +0 -7
- package/lib-commonjs/index.d.ts +0 -2
package/CHANGELOG.json
CHANGED
|
@@ -2,11 +2,23 @@
|
|
|
2
2
|
"name": "@fluentui/react-spinner",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-spinner_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Wed, 18 May 2022 04:34:18 GMT",
|
|
6
|
+
"tag": "@fluentui/react-spinner_v0.0.0-nightly-20220518-0420.1",
|
|
7
|
+
"version": "0.0.0-nightly-20220518-0420.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "olfedias@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-spinner",
|
|
13
|
+
"commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
|
|
14
|
+
"comment": "chore: Update Griffel to latest version"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "ololubek@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-spinner",
|
|
19
|
+
"commit": "8ab3a2ac23ee12d9b5fbd72d3b4593fb3691209b",
|
|
20
|
+
"comment": "Migrate react-spinner to rc"
|
|
21
|
+
},
|
|
10
22
|
{
|
|
11
23
|
"author": "Humberto.Morimoto@microsoft.com",
|
|
12
24
|
"package": "@fluentui/react-spinner",
|
|
@@ -25,17 +37,35 @@
|
|
|
25
37
|
"commit": "06e13fdfd614eb965e922dec138a1e6df902b16e",
|
|
26
38
|
"comment": "Updated to use tokens were possible"
|
|
27
39
|
},
|
|
40
|
+
{
|
|
41
|
+
"author": "martinhochel@microsoft.com",
|
|
42
|
+
"package": "@fluentui/react-spinner",
|
|
43
|
+
"commit": "e7b70cb06f4422e5574993fd2ad44d9073647417",
|
|
44
|
+
"comment": "feat: ship rolluped only dts"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-spinner",
|
|
49
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220518-0420.1",
|
|
50
|
+
"commit": "c740a24cded647abf63433112cb9a07ed03d161a"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui/react-spinner",
|
|
55
|
+
"comment": "Bump @fluentui/react-label to v0.0.0-nightly-20220518-0420.1",
|
|
56
|
+
"commit": "c740a24cded647abf63433112cb9a07ed03d161a"
|
|
57
|
+
},
|
|
28
58
|
{
|
|
29
59
|
"author": "beachball",
|
|
30
60
|
"package": "@fluentui/react-spinner",
|
|
31
|
-
"comment": "Bump @fluentui/react-
|
|
32
|
-
"commit": "
|
|
61
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220518-0420.1",
|
|
62
|
+
"commit": "c740a24cded647abf63433112cb9a07ed03d161a"
|
|
33
63
|
},
|
|
34
64
|
{
|
|
35
65
|
"author": "beachball",
|
|
36
66
|
"package": "@fluentui/react-spinner",
|
|
37
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
38
|
-
"commit": "
|
|
67
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220518-0420.1",
|
|
68
|
+
"commit": "c740a24cded647abf63433112cb9a07ed03d161a"
|
|
39
69
|
}
|
|
40
70
|
]
|
|
41
71
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,21 +1,26 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-spinner
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 18 May 2022 04:34:18 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20220518-0420.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v0.0.0-nightly-20220518-0420.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.0-beta.9..@fluentui/react-spinner_v0.0.0-nightly-
|
|
9
|
+
Wed, 18 May 2022 04:34:18 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.0-beta.9..@fluentui/react-spinner_v0.0.0-nightly-20220518-0420.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
+
- chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
|
|
15
|
+
- Migrate react-spinner to rc ([PR #23009](https://github.com/microsoft/fluentui/pull/23009) by ololubek@microsoft.com)
|
|
14
16
|
- Removing SpinnerCommons type. ([PR #22954](https://github.com/microsoft/fluentui/pull/22954) by Humberto.Morimoto@microsoft.com)
|
|
15
17
|
- Updated react-label package version to RC. ([PR #22865](https://github.com/microsoft/fluentui/pull/22865) by esteban.230@hotmail.com)
|
|
16
18
|
- Updated to use tokens were possible ([PR #22949](https://github.com/microsoft/fluentui/pull/22949) by gcox@microsoft.com)
|
|
17
|
-
-
|
|
18
|
-
- Bump @fluentui/react-
|
|
19
|
+
- feat: ship rolluped only dts ([PR #22828](https://github.com/microsoft/fluentui/pull/22828) by martinhochel@microsoft.com)
|
|
20
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20220518-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/c740a24cded647abf63433112cb9a07ed03d161a) by beachball)
|
|
21
|
+
- Bump @fluentui/react-label to v0.0.0-nightly-20220518-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/c740a24cded647abf63433112cb9a07ed03d161a) by beachball)
|
|
22
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20220518-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/c740a24cded647abf63433112cb9a07ed03d161a) by beachball)
|
|
23
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220518-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/c740a24cded647abf63433112cb9a07ed03d161a) by beachball)
|
|
19
24
|
|
|
20
25
|
## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.0-beta.9)
|
|
21
26
|
|
package/README.md
CHANGED
|
@@ -4,8 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
The Spinner is an outline of a circle which animates around itself indicating to the user that things are processing. Spinner is typically an indeterminate ProgressIndicator that is used when it is unknown how long a task will take to complete. They can be various sizes, located inline with content or centered. They generally appear while an action is being processed or committed. They are subtle and generally do not take up much space, but are transitions from the completed task
|
|
6
6
|
|
|
7
|
-
These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
|
|
8
|
-
|
|
9
7
|
## Usage
|
|
10
8
|
|
|
11
9
|
To import Spinner:
|
|
@@ -14,12 +12,6 @@ To import Spinner:
|
|
|
14
12
|
import { Spinner } from '@fluentui/react-spinner';
|
|
15
13
|
```
|
|
16
14
|
|
|
17
|
-
Once the Spinner component is ready for production use, the component will be available at:
|
|
18
|
-
|
|
19
|
-
```js
|
|
20
|
-
import { Spinner } from '@fluentui/react-components';
|
|
21
|
-
```
|
|
22
|
-
|
|
23
15
|
### Examples
|
|
24
16
|
|
|
25
17
|
```js
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-spinner",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20220518-0420.1",
|
|
4
4
|
"description": "Spinner component for Fluent UI React",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
|
-
"typings": "
|
|
7
|
+
"typings": "dist/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
30
|
"@fluentui/react-conformance": "*",
|
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20220518-0420.1",
|
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
36
|
-
"@fluentui/react-label": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
38
|
-
"@griffel/react": "1.0.
|
|
35
|
+
"@fluentui/react-theme": "0.0.0-nightly-20220518-0420.1",
|
|
36
|
+
"@fluentui/react-label": "0.0.0-nightly-20220518-0420.1",
|
|
37
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20220518-0420.1",
|
|
38
|
+
"@griffel/react": "1.0.4",
|
|
39
39
|
"tslib": "^2.1.0"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
package/lib/Spinner.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/Spinner/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const DefaultSvg: () => JSX.Element;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import { Label } from '@fluentui/react-label';
|
|
3
|
-
export declare type SpinnerSlots = {
|
|
4
|
-
/**
|
|
5
|
-
* The root of the Spinner.
|
|
6
|
-
* The root slot receives the `className` and `style` specified directly on the `<Spinner>`.
|
|
7
|
-
*/
|
|
8
|
-
root: NonNullable<Slot<'div'>>;
|
|
9
|
-
/**
|
|
10
|
-
* The slot for the animated svg.
|
|
11
|
-
* The spinner slot receives the `className` and `style` that handles the spinning animation.
|
|
12
|
-
* An svg is also rendered as a child of this slot
|
|
13
|
-
*/
|
|
14
|
-
spinner?: Slot<'span'>;
|
|
15
|
-
/**
|
|
16
|
-
* The label of the Slider.
|
|
17
|
-
* The label slot receives the styling related to the text associated with the Spinner.
|
|
18
|
-
*/
|
|
19
|
-
label?: Slot<typeof Label>;
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* Spinner Props
|
|
23
|
-
*/
|
|
24
|
-
export declare type SpinnerProps = Omit<ComponentProps<SpinnerSlots>, 'size'> & {
|
|
25
|
-
/**
|
|
26
|
-
* The appearance of the Spinner.
|
|
27
|
-
* @default 'primary'
|
|
28
|
-
*/
|
|
29
|
-
appearance?: 'primary' | 'inverted';
|
|
30
|
-
/**
|
|
31
|
-
* Where the label is positioned relative to the Spinner
|
|
32
|
-
* @default 'after'
|
|
33
|
-
*/
|
|
34
|
-
labelPosition?: 'above' | 'below' | 'before' | 'after';
|
|
35
|
-
/**
|
|
36
|
-
* The size of the spinner.
|
|
37
|
-
* @default 'medium'
|
|
38
|
-
*/
|
|
39
|
-
size?: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large' | 'huge';
|
|
40
|
-
/**
|
|
41
|
-
* The status of the Spinner.
|
|
42
|
-
* @default 'active'
|
|
43
|
-
*/
|
|
44
|
-
status?: 'active' | 'inactive';
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* State used in rendering Spinner
|
|
48
|
-
*/
|
|
49
|
-
export declare type SpinnerState = ComponentState<SpinnerSlots> & Required<Pick<SpinnerProps, 'appearance' | 'labelPosition' | 'size' | 'status'>>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { SpinnerProps, SpinnerState } from './Spinner.types';
|
|
3
|
-
/**
|
|
4
|
-
* Create the state required to render Spinner.
|
|
5
|
-
*
|
|
6
|
-
* The returned state can be modified with hooks such as useSpinnerStyles_unstable,
|
|
7
|
-
* before being passed to renderSpinner_unstable.
|
|
8
|
-
*
|
|
9
|
-
* @param props - props from this instance of Spinner
|
|
10
|
-
* @param ref - reference to root HTMLElement of Spinner
|
|
11
|
-
*/
|
|
12
|
-
export declare const useSpinner_unstable: (props: SpinnerProps, ref: React.Ref<HTMLElement>) => SpinnerState;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SpinnerState, SpinnerSlots } from './Spinner.types';
|
|
2
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
-
export declare const spinnerClassNames: SlotClassNames<SpinnerSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* Apply styling to the Spinner slots based on the state
|
|
6
|
-
*/
|
|
7
|
-
export declare const useSpinnerStyles_unstable: (state: SpinnerState) => SpinnerState;
|
package/lib/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/Spinner/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const DefaultSvg: () => JSX.Element;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
import { Label } from '@fluentui/react-label';
|
|
3
|
-
export declare type SpinnerSlots = {
|
|
4
|
-
/**
|
|
5
|
-
* The root of the Spinner.
|
|
6
|
-
* The root slot receives the `className` and `style` specified directly on the `<Spinner>`.
|
|
7
|
-
*/
|
|
8
|
-
root: NonNullable<Slot<'div'>>;
|
|
9
|
-
/**
|
|
10
|
-
* The slot for the animated svg.
|
|
11
|
-
* The spinner slot receives the `className` and `style` that handles the spinning animation.
|
|
12
|
-
* An svg is also rendered as a child of this slot
|
|
13
|
-
*/
|
|
14
|
-
spinner?: Slot<'span'>;
|
|
15
|
-
/**
|
|
16
|
-
* The label of the Slider.
|
|
17
|
-
* The label slot receives the styling related to the text associated with the Spinner.
|
|
18
|
-
*/
|
|
19
|
-
label?: Slot<typeof Label>;
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* Spinner Props
|
|
23
|
-
*/
|
|
24
|
-
export declare type SpinnerProps = Omit<ComponentProps<SpinnerSlots>, 'size'> & {
|
|
25
|
-
/**
|
|
26
|
-
* The appearance of the Spinner.
|
|
27
|
-
* @default 'primary'
|
|
28
|
-
*/
|
|
29
|
-
appearance?: 'primary' | 'inverted';
|
|
30
|
-
/**
|
|
31
|
-
* Where the label is positioned relative to the Spinner
|
|
32
|
-
* @default 'after'
|
|
33
|
-
*/
|
|
34
|
-
labelPosition?: 'above' | 'below' | 'before' | 'after';
|
|
35
|
-
/**
|
|
36
|
-
* The size of the spinner.
|
|
37
|
-
* @default 'medium'
|
|
38
|
-
*/
|
|
39
|
-
size?: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large' | 'huge';
|
|
40
|
-
/**
|
|
41
|
-
* The status of the Spinner.
|
|
42
|
-
* @default 'active'
|
|
43
|
-
*/
|
|
44
|
-
status?: 'active' | 'inactive';
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* State used in rendering Spinner
|
|
48
|
-
*/
|
|
49
|
-
export declare type SpinnerState = ComponentState<SpinnerSlots> & Required<Pick<SpinnerProps, 'appearance' | 'labelPosition' | 'size' | 'status'>>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { SpinnerProps, SpinnerState } from './Spinner.types';
|
|
3
|
-
/**
|
|
4
|
-
* Create the state required to render Spinner.
|
|
5
|
-
*
|
|
6
|
-
* The returned state can be modified with hooks such as useSpinnerStyles_unstable,
|
|
7
|
-
* before being passed to renderSpinner_unstable.
|
|
8
|
-
*
|
|
9
|
-
* @param props - props from this instance of Spinner
|
|
10
|
-
* @param ref - reference to root HTMLElement of Spinner
|
|
11
|
-
*/
|
|
12
|
-
export declare const useSpinner_unstable: (props: SpinnerProps, ref: React.Ref<HTMLElement>) => SpinnerState;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SpinnerState, SpinnerSlots } from './Spinner.types';
|
|
2
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
-
export declare const spinnerClassNames: SlotClassNames<SpinnerSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* Apply styling to the Spinner slots based on the state
|
|
6
|
-
*/
|
|
7
|
-
export declare const useSpinnerStyles_unstable: (state: SpinnerState) => SpinnerState;
|
package/lib-commonjs/index.d.ts
DELETED