@fluentui/react-badge 0.0.0-nightlyb8663b78ad20220207.1 → 0.0.0-nightlyc0e3a0a1f320220217.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +87 -36
- package/CHANGELOG.md +22 -8
- package/dist/react-badge.d.ts +8 -8
- package/lib/components/Badge/Badge.types.d.ts +4 -4
- package/lib/components/Badge/index.d.ts +1 -1
- package/lib/components/Badge/index.js +0 -1
- package/lib/components/Badge/index.js.map +1 -1
- package/lib/components/Badge/renderBadge.js +2 -2
- package/lib/components/Badge/renderBadge.js.map +1 -1
- package/lib/components/CounterBadge/CounterBadge.types.d.ts +2 -1
- package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +4 -3
- package/lib-commonjs/components/Badge/Badge.types.d.ts +4 -4
- package/lib-commonjs/components/Badge/index.d.ts +1 -1
- package/lib-commonjs/components/Badge/index.js +0 -2
- package/lib-commonjs/components/Badge/index.js.map +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js +2 -2
- package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts +2 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +4 -3
- package/package.json +4 -4
package/CHANGELOG.json
CHANGED
@@ -2,23 +2,88 @@
|
|
2
2
|
"name": "@fluentui/react-badge",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-badge_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Thu, 17 Feb 2022 04:12:36 GMT",
|
6
|
+
"tag": "@fluentui/react-badge_v0.0.0-nightlyc0e3a0a1f320220217.1",
|
7
|
+
"version": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
11
|
"author": "email not defined",
|
12
12
|
"package": "@fluentui/react-badge",
|
13
|
-
"commit": "
|
13
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
|
+
{
|
17
|
+
"author": "beachball",
|
18
|
+
"package": "@fluentui/react-badge",
|
19
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightlyc0e3a0a1f320220217.1",
|
20
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "beachball",
|
24
|
+
"package": "@fluentui/react-badge",
|
25
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyc0e3a0a1f320220217.1",
|
26
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "beachball",
|
30
|
+
"package": "@fluentui/react-badge",
|
31
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyc0e3a0a1f320220217.1",
|
32
|
+
"commit": "4df2a77ff1d0255eee60fa6109174a7cb44dcbe6"
|
33
|
+
}
|
34
|
+
]
|
35
|
+
}
|
36
|
+
},
|
37
|
+
{
|
38
|
+
"date": "Thu, 10 Feb 2022 08:51:40 GMT",
|
39
|
+
"tag": "@fluentui/react-badge_v9.0.0-rc.1",
|
40
|
+
"version": "9.0.0-rc.1",
|
41
|
+
"comments": {
|
42
|
+
"none": [
|
43
|
+
{
|
44
|
+
"author": "olfedias@microsoft.com",
|
45
|
+
"package": "@fluentui/react-badge",
|
46
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
47
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
48
|
+
},
|
49
|
+
{
|
50
|
+
"author": "bsunderhus@microsoft.com",
|
51
|
+
"package": "@fluentui/react-badge",
|
52
|
+
"commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
|
53
|
+
"comment": "Updates components with nullRender changes"
|
54
|
+
},
|
55
|
+
{
|
56
|
+
"author": "tkrasniqi@microsoft.com",
|
57
|
+
"package": "@fluentui/react-badge",
|
58
|
+
"commit": "87e12a2e3a9d90b4ff95d3ed333739756d190f6c",
|
59
|
+
"comment": "Updated best practices for long text"
|
60
|
+
},
|
61
|
+
{
|
62
|
+
"author": "elcraig@microsoft.com",
|
63
|
+
"package": "@fluentui/react-badge",
|
64
|
+
"commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
|
65
|
+
"comment": "Remove outdated boilerplate comments"
|
66
|
+
},
|
67
|
+
{
|
68
|
+
"author": "martinhochel@microsoft.com",
|
69
|
+
"package": "@fluentui/react-badge",
|
70
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
71
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
72
|
+
}
|
73
|
+
],
|
74
|
+
"prerelease": [
|
16
75
|
{
|
17
76
|
"author": "ololubek@microsoft.com",
|
18
77
|
"package": "@fluentui/react-badge",
|
19
78
|
"commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
|
20
79
|
"comment": "(fix): Update react-icons dependency to latest version"
|
21
80
|
},
|
81
|
+
{
|
82
|
+
"author": "lingfangao@hotmail.com",
|
83
|
+
"package": "@fluentui/react-badge",
|
84
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
85
|
+
"comment": "Bump Fluent UI packages to 9.0.0-rc"
|
86
|
+
},
|
22
87
|
{
|
23
88
|
"author": "behowell@microsoft.com",
|
24
89
|
"package": "@fluentui/react-badge",
|
@@ -67,6 +132,18 @@
|
|
67
132
|
"commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
|
68
133
|
"comment": "Update react-icons usage to resizable icons"
|
69
134
|
},
|
135
|
+
{
|
136
|
+
"author": "mgodbolt@microsoft.com",
|
137
|
+
"package": "@fluentui/react-badge",
|
138
|
+
"commit": "839ec14849e112b85aa321d034739ec421199141",
|
139
|
+
"comment": "remove export of commons types"
|
140
|
+
},
|
141
|
+
{
|
142
|
+
"author": "behowell@microsoft.com",
|
143
|
+
"package": "@fluentui/react-badge",
|
144
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
145
|
+
"comment": "Refactor component Slot typings"
|
146
|
+
},
|
70
147
|
{
|
71
148
|
"author": "behowell@microsoft.com",
|
72
149
|
"package": "@fluentui/react-badge",
|
@@ -112,46 +189,20 @@
|
|
112
189
|
{
|
113
190
|
"author": "beachball",
|
114
191
|
"package": "@fluentui/react-badge",
|
115
|
-
"comment": "Bump @fluentui/react-theme to
|
116
|
-
"commit": "
|
192
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.1",
|
193
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
117
194
|
},
|
118
195
|
{
|
119
196
|
"author": "beachball",
|
120
197
|
"package": "@fluentui/react-badge",
|
121
|
-
"comment": "Bump @fluentui/react-utilities to
|
122
|
-
"commit": "
|
198
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
199
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
123
200
|
},
|
124
201
|
{
|
125
202
|
"author": "beachball",
|
126
203
|
"package": "@fluentui/react-badge",
|
127
|
-
"comment": "Bump @fluentui/react-conformance-griffel to
|
128
|
-
"commit": "
|
129
|
-
}
|
130
|
-
],
|
131
|
-
"none": [
|
132
|
-
{
|
133
|
-
"author": "elcraig@microsoft.com",
|
134
|
-
"package": "@fluentui/react-badge",
|
135
|
-
"commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
|
136
|
-
"comment": "Remove outdated boilerplate comments"
|
137
|
-
},
|
138
|
-
{
|
139
|
-
"author": "martinhochel@microsoft.com",
|
140
|
-
"package": "@fluentui/react-badge",
|
141
|
-
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
142
|
-
"comment": "chore: use storybook runner for all vNext packages"
|
143
|
-
},
|
144
|
-
{
|
145
|
-
"author": "olfedias@microsoft.com",
|
146
|
-
"package": "@fluentui/react-badge",
|
147
|
-
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
148
|
-
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
149
|
-
},
|
150
|
-
{
|
151
|
-
"author": "tkrasniqi@microsoft.com",
|
152
|
-
"package": "@fluentui/react-badge",
|
153
|
-
"commit": "87e12a2e3a9d90b4ff95d3ed333739756d190f6c",
|
154
|
-
"comment": "Updated best practices for long text"
|
204
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
205
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
155
206
|
}
|
156
207
|
]
|
157
208
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,18 +1,30 @@
|
|
1
1
|
# Change Log - @fluentui/react-badge
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Thu, 17 Feb 2022 04:12:36 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightlyc0e3a0a1f320220217.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightlyc0e3a0a1f320220217.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-
|
9
|
+
Thu, 17 Feb 2022 04:12:36 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-rc.1..@fluentui/react-badge_v0.0.0-nightlyc0e3a0a1f320220217.1)
|
11
|
+
|
12
|
+
### Changes
|
13
|
+
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by email not defined)
|
15
|
+
- Bump @fluentui/react-theme to v0.0.0-nightlyc0e3a0a1f320220217.1 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by beachball)
|
16
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightlyc0e3a0a1f320220217.1 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by beachball)
|
17
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyc0e3a0a1f320220217.1 ([commit](https://github.com/microsoft/fluentui/commit/4df2a77ff1d0255eee60fa6109174a7cb44dcbe6) by beachball)
|
18
|
+
|
19
|
+
## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-rc.1)
|
20
|
+
|
21
|
+
Thu, 10 Feb 2022 08:51:40 GMT
|
22
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.4..@fluentui/react-badge_v9.0.0-rc.1)
|
11
23
|
|
12
24
|
### Changes
|
13
25
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/2e460da7ff58924597e3137a784dc897fd174d71) by email not defined)
|
15
26
|
- (fix): Update react-icons dependency to latest version ([PR #20943](https://github.com/microsoft/fluentui/pull/20943) by ololubek@microsoft.com)
|
27
|
+
- Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
16
28
|
- Refactor and re-organize Badge styles; no visual changes. ([PR #21271](https://github.com/microsoft/fluentui/pull/21271) by behowell@microsoft.com)
|
17
29
|
- Add fontSize styling to icon slot, to automatically size user-provided icons ([PR #21219](https://github.com/microsoft/fluentui/pull/21219) by behowell@microsoft.com)
|
18
30
|
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
@@ -21,6 +33,8 @@ Mon, 07 Feb 2022 04:15:31 GMT
|
|
21
33
|
- Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
|
22
34
|
- Allow React 17 in peerDependencies. ([PR #21544](https://github.com/microsoft/fluentui/pull/21544) by tristan.watanabe@gmail.com)
|
23
35
|
- Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
|
36
|
+
- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
|
37
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
24
38
|
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
25
39
|
- Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
|
26
40
|
- update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
|
@@ -28,9 +42,9 @@ Mon, 07 Feb 2022 04:15:31 GMT
|
|
28
42
|
- react-badge: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21038](https://github.com/microsoft/fluentui/pull/21038) by Humberto.Morimoto@microsoft.com)
|
29
43
|
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
30
44
|
- fix: Add uniform padding and modify gaps ([PR #20974](https://github.com/microsoft/fluentui/pull/20974) by lingfangao@hotmail.com)
|
31
|
-
- Bump @fluentui/react-theme to
|
32
|
-
- Bump @fluentui/react-utilities to
|
33
|
-
- Bump @fluentui/react-conformance-griffel to
|
45
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
46
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
47
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
34
48
|
|
35
49
|
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.4)
|
36
50
|
|
package/dist/react-badge.d.ts
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
3
3
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
4
|
-
import type { IntrinsicSlotProps } from '@fluentui/react-utilities';
|
5
4
|
import * as React_2 from 'react';
|
5
|
+
import type { Slot } from '@fluentui/react-utilities';
|
6
6
|
|
7
7
|
/**
|
8
8
|
* Define a styled Badge, using the `useBadge_unstable` hook.
|
@@ -11,7 +11,7 @@ export declare const Badge: ForwardRefComponent<BadgeProps>;
|
|
11
11
|
|
12
12
|
export declare const badgeClassName = "fui-Badge";
|
13
13
|
|
14
|
-
|
14
|
+
declare type BadgeCommons = {
|
15
15
|
/**
|
16
16
|
* A Badge can be filled, outline, ghost, inverted
|
17
17
|
* @defaultvalue filled
|
@@ -39,11 +39,11 @@ export declare type BadgeCommons = {
|
|
39
39
|
size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
|
40
40
|
};
|
41
41
|
|
42
|
-
export declare type BadgeProps = ComponentProps<
|
42
|
+
export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
|
43
43
|
|
44
44
|
export declare type BadgeSlots = {
|
45
|
-
root:
|
46
|
-
icon?:
|
45
|
+
root: Slot<'div'>;
|
46
|
+
icon?: Slot<'span'>;
|
47
47
|
};
|
48
48
|
|
49
49
|
export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
|
@@ -55,7 +55,7 @@ export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
|
|
55
55
|
|
56
56
|
export declare const counterBadgeClassName = "fui-CounterBadge";
|
57
57
|
|
58
|
-
|
58
|
+
declare type CounterBadgeCommons = {
|
59
59
|
/**
|
60
60
|
* Max number to be displayed
|
61
61
|
* @default 99
|
@@ -104,7 +104,7 @@ export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
|
|
104
104
|
|
105
105
|
export declare const presenceBadgeClassName = "fui-PresenceBadge";
|
106
106
|
|
107
|
-
|
107
|
+
declare type PresenceBadgeCommons = {
|
108
108
|
/**
|
109
109
|
* Represents several status
|
110
110
|
* @default available
|
@@ -118,7 +118,7 @@ export declare type PresenceBadgeCommons = {
|
|
118
118
|
outOfOffice: boolean;
|
119
119
|
} & BadgeCommons;
|
120
120
|
|
121
|
-
export declare type PresenceBadgeProps = ComponentProps<
|
121
|
+
export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
|
122
122
|
|
123
123
|
export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
|
124
124
|
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
2
|
export declare type BadgeSlots = {
|
3
|
-
root:
|
4
|
-
icon?:
|
3
|
+
root: Slot<'div'>;
|
4
|
+
icon?: Slot<'span'>;
|
5
5
|
};
|
6
6
|
export declare type BadgeCommons = {
|
7
7
|
/**
|
@@ -30,5 +30,5 @@ export declare type BadgeCommons = {
|
|
30
30
|
*/
|
31
31
|
size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
|
32
32
|
};
|
33
|
-
export declare type BadgeProps = ComponentProps<
|
33
|
+
export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
|
34
34
|
export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAGxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}
|
@@ -6,8 +6,8 @@ export const renderBadge_unstable = state => {
|
|
6
6
|
slotProps
|
7
7
|
} = getSlots(state);
|
8
8
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
9
|
-
}, state.iconPosition === 'before' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
10
|
-
}), state.root.children, state.iconPosition === 'after' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
9
|
+
}, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
10
|
+
}), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
11
11
|
}));
|
12
12
|
};
|
13
13
|
//# sourceMappingURL=renderBadge.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,
|
1
|
+
{"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,IAAmC,KAAK,CAAC,IAAzC,iBAAiD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADpD,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,IAAkC,KAAK,CAAC,IAAxC,iBAAgD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAHnD,CADF;AAOD,CAVM","sourceRoot":""}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { BadgeProps, BadgeState } from '../Badge/index';
|
2
|
-
|
2
|
+
declare type CounterBadgeCommons = {
|
3
3
|
/**
|
4
4
|
* Max number to be displayed
|
5
5
|
* @default 99
|
@@ -38,3 +38,4 @@ export declare type CounterBadgeCommons = {
|
|
38
38
|
};
|
39
39
|
export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
|
40
40
|
export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
|
41
|
+
export {};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
|
2
|
-
import type { BadgeCommons, BadgeSlots } from '../Badge/
|
2
|
+
import type { BadgeCommons, BadgeSlots } from '../Badge/Badge.types';
|
3
3
|
export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
|
4
|
-
|
4
|
+
declare type PresenceBadgeCommons = {
|
5
5
|
/**
|
6
6
|
* Represents several status
|
7
7
|
* @default available
|
@@ -14,5 +14,6 @@ export declare type PresenceBadgeCommons = {
|
|
14
14
|
*/
|
15
15
|
outOfOffice: boolean;
|
16
16
|
} & BadgeCommons;
|
17
|
-
export declare type PresenceBadgeProps = ComponentProps<
|
17
|
+
export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
|
18
18
|
export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
|
19
|
+
export {};
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
2
|
export declare type BadgeSlots = {
|
3
|
-
root:
|
4
|
-
icon?:
|
3
|
+
root: Slot<'div'>;
|
4
|
+
icon?: Slot<'span'>;
|
5
5
|
};
|
6
6
|
export declare type BadgeCommons = {
|
7
7
|
/**
|
@@ -30,5 +30,5 @@ export declare type BadgeCommons = {
|
|
30
30
|
*/
|
31
31
|
size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
|
32
32
|
};
|
33
|
-
export declare type BadgeProps = ComponentProps<
|
33
|
+
export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
|
34
34
|
export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
|
@@ -8,8 +8,6 @@ const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
9
9
|
tslib_1.__exportStar(require("./Badge"), exports);
|
10
10
|
|
11
|
-
tslib_1.__exportStar(require("./Badge.types"), exports);
|
12
|
-
|
13
11
|
tslib_1.__exportStar(require("./renderBadge"), exports);
|
14
12
|
|
15
13
|
tslib_1.__exportStar(require("./useBadge"), exports);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;
|
1
|
+
{"version":3,"sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AAGA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -15,8 +15,8 @@ const renderBadge_unstable = state => {
|
|
15
15
|
slotProps
|
16
16
|
} = react_utilities_1.getSlots(state);
|
17
17
|
return React.createElement(slots.root, { ...slotProps.root
|
18
|
-
}, state.iconPosition === 'before' && React.createElement(slots.icon, { ...slotProps.icon
|
19
|
-
}), state.root.children, state.iconPosition === 'after' && React.createElement(slots.icon, { ...slotProps.icon
|
18
|
+
}, state.iconPosition === 'before' && slots.icon && React.createElement(slots.icon, { ...slotProps.icon
|
19
|
+
}), state.root.children, state.iconPosition === 'after' && slots.icon && React.createElement(slots.icon, { ...slotProps.icon
|
20
20
|
}));
|
21
21
|
};
|
22
22
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,IAAmC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,
|
1
|
+
{"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,IAAmC,KAAK,CAAC,IAAzC,IAAiD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADpD,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,IAAkC,KAAK,CAAC,IAAxC,IAAgD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAHnD,CADF;AAOD,CAVM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { BadgeProps, BadgeState } from '../Badge/index';
|
2
|
-
|
2
|
+
declare type CounterBadgeCommons = {
|
3
3
|
/**
|
4
4
|
* Max number to be displayed
|
5
5
|
* @default 99
|
@@ -38,3 +38,4 @@ export declare type CounterBadgeCommons = {
|
|
38
38
|
};
|
39
39
|
export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
|
40
40
|
export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
|
41
|
+
export {};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
|
2
|
-
import type { BadgeCommons, BadgeSlots } from '../Badge/
|
2
|
+
import type { BadgeCommons, BadgeSlots } from '../Badge/Badge.types';
|
3
3
|
export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
|
4
|
-
|
4
|
+
declare type PresenceBadgeCommons = {
|
5
5
|
/**
|
6
6
|
* Represents several status
|
7
7
|
* @default available
|
@@ -14,5 +14,6 @@ export declare type PresenceBadgeCommons = {
|
|
14
14
|
*/
|
15
15
|
outOfOffice: boolean;
|
16
16
|
} & BadgeCommons;
|
17
|
-
export declare type PresenceBadgeProps = ComponentProps<
|
17
|
+
export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
|
18
18
|
export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
|
19
|
+
export {};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-badge",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
4
4
|
"description": "React components for building web experiences",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -28,7 +28,7 @@
|
|
28
28
|
"devDependencies": {
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
30
30
|
"@fluentui/react-conformance": "*",
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
32
32
|
"@fluentui/scripts": "^1.0.0",
|
33
33
|
"@types/enzyme": "3.10.3",
|
34
34
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -44,8 +44,8 @@
|
|
44
44
|
"dependencies": {
|
45
45
|
"@fluentui/react-icons": "^2.0.159-beta.10",
|
46
46
|
"@griffel/react": "1.0.0",
|
47
|
-
"@fluentui/react-theme": "0.0.0-
|
48
|
-
"@fluentui/react-utilities": "0.0.0-
|
47
|
+
"@fluentui/react-theme": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
48
|
+
"@fluentui/react-utilities": "0.0.0-nightlyc0e3a0a1f320220217.1",
|
49
49
|
"tslib": "^2.1.0"
|
50
50
|
},
|
51
51
|
"peerDependencies": {
|