@fluentui/react-badge 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.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/.swcrc +2 -11
- package/CHANGELOG.json +68 -11
- package/CHANGELOG.md +24 -8
- package/lib/Badge.js +1 -1
- package/lib/CounterBadge.js +1 -1
- package/lib/PresenceBadge.js +1 -1
- package/lib/components/Badge/Badge.js +6 -6
- package/lib/components/Badge/index.js +4 -4
- package/lib/components/Badge/renderBadge.js +3 -3
- package/lib/components/Badge/useBadge.js +10 -10
- package/lib/components/Badge/useBadgeStyles.js +9 -9
- package/lib/components/CounterBadge/CounterBadge.js +6 -6
- package/lib/components/CounterBadge/index.js +4 -4
- package/lib/components/CounterBadge/useCounterBadge.js +4 -4
- package/lib/components/CounterBadge/useCounterBadgeStyles.js +4 -4
- package/lib/components/PresenceBadge/PresenceBadge.js +6 -6
- package/lib/components/PresenceBadge/index.js +4 -4
- package/lib/components/PresenceBadge/presenceIcons.js +44 -52
- package/lib/components/PresenceBadge/presenceIcons.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadge.js +26 -26
- package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +6 -6
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib-commonjs/Badge.js.map +1 -1
- package/lib-commonjs/CounterBadge.js.map +1 -1
- package/lib-commonjs/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.js +1 -1
- package/lib-commonjs/components/Badge/Badge.js.map +1 -1
- package/lib-commonjs/components/Badge/index.js.map +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadge.js +4 -4
- package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadgeStyles.js +9 -9
- package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.js +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +2 -2
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js +43 -50
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +21 -21
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +4 -4
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +7 -6
package/.swcrc
CHANGED
@@ -1,15 +1,5 @@
|
|
1
1
|
{
|
2
2
|
"$schema": "https://json.schemastore.org/swcrc",
|
3
|
-
"env": {
|
4
|
-
"targets": {
|
5
|
-
"chrome": "84",
|
6
|
-
"edge": "84",
|
7
|
-
"firefox": "75",
|
8
|
-
"opera": "73",
|
9
|
-
"safari": "14.1"
|
10
|
-
},
|
11
|
-
"bugfixes": true
|
12
|
-
},
|
13
3
|
"exclude": [
|
14
4
|
"/testing",
|
15
5
|
"/**/*.cy.ts",
|
@@ -32,7 +22,8 @@
|
|
32
22
|
"runtime": "classic",
|
33
23
|
"useSpread": true
|
34
24
|
}
|
35
|
-
}
|
25
|
+
},
|
26
|
+
"target": "es2019"
|
36
27
|
},
|
37
28
|
"minify": false,
|
38
29
|
"sourceMaps": true
|
package/CHANGELOG.json
CHANGED
@@ -2,9 +2,9 @@
|
|
2
2
|
"name": "@fluentui/react-badge",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-badge_v0.0.0-nightly-
|
7
|
-
"version": "0.0.0-nightly-
|
5
|
+
"date": "Wed, 22 Mar 2023 04:46:39 GMT",
|
6
|
+
"tag": "@fluentui/react-badge_v0.0.0-nightly-20230322-0439.1",
|
7
|
+
"version": "0.0.0-nightly-20230322-0439.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
@@ -16,26 +16,83 @@
|
|
16
16
|
{
|
17
17
|
"author": "beachball",
|
18
18
|
"package": "@fluentui/react-badge",
|
19
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
20
|
-
"commit": "
|
19
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
|
20
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
21
21
|
},
|
22
22
|
{
|
23
23
|
"author": "beachball",
|
24
24
|
"package": "@fluentui/react-badge",
|
25
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
26
|
-
"commit": "
|
25
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
|
26
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
27
27
|
},
|
28
28
|
{
|
29
29
|
"author": "beachball",
|
30
30
|
"package": "@fluentui/react-badge",
|
31
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
32
|
-
"commit": "
|
31
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
|
32
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
33
33
|
},
|
34
34
|
{
|
35
35
|
"author": "beachball",
|
36
36
|
"package": "@fluentui/react-badge",
|
37
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
38
|
-
"commit": "
|
37
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1",
|
38
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
39
|
+
}
|
40
|
+
]
|
41
|
+
}
|
42
|
+
},
|
43
|
+
{
|
44
|
+
"date": "Tue, 21 Mar 2023 21:23:24 GMT",
|
45
|
+
"tag": "@fluentui/react-badge_v9.1.5",
|
46
|
+
"version": "9.1.5",
|
47
|
+
"comments": {
|
48
|
+
"patch": [
|
49
|
+
{
|
50
|
+
"author": "tristan.watanabe@gmail.com",
|
51
|
+
"package": "@fluentui/react-badge",
|
52
|
+
"commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
|
53
|
+
"comment": "fix: add node field to package.json exports map."
|
54
|
+
},
|
55
|
+
{
|
56
|
+
"author": "makotom@microsoft.com",
|
57
|
+
"package": "@fluentui/react-badge",
|
58
|
+
"commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
|
59
|
+
"comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
|
60
|
+
},
|
61
|
+
{
|
62
|
+
"author": "tristan.watanabe@gmail.com",
|
63
|
+
"package": "@fluentui/react-badge",
|
64
|
+
"commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
|
65
|
+
"comment": "chore: migrate to swc transpilation approach."
|
66
|
+
},
|
67
|
+
{
|
68
|
+
"author": "makotom@microsoft.com",
|
69
|
+
"package": "@fluentui/react-badge",
|
70
|
+
"commit": "9bba9cabc4f410930d3acb18cbe5f1d9c867c7f0",
|
71
|
+
"comment": "fix: Adding the correct icons to away+out-of-office PresenceBadges and adding the correct icons to use in large PresenceBadges."
|
72
|
+
},
|
73
|
+
{
|
74
|
+
"author": "beachball",
|
75
|
+
"package": "@fluentui/react-badge",
|
76
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
|
77
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
78
|
+
},
|
79
|
+
{
|
80
|
+
"author": "beachball",
|
81
|
+
"package": "@fluentui/react-badge",
|
82
|
+
"comment": "Bump @fluentui/react-theme to v9.1.7",
|
83
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
84
|
+
},
|
85
|
+
{
|
86
|
+
"author": "beachball",
|
87
|
+
"package": "@fluentui/react-badge",
|
88
|
+
"comment": "Bump @fluentui/react-utilities to v9.7.2",
|
89
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
90
|
+
},
|
91
|
+
{
|
92
|
+
"author": "beachball",
|
93
|
+
"package": "@fluentui/react-badge",
|
94
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
|
95
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
39
96
|
}
|
40
97
|
]
|
41
98
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,21 +1,37 @@
|
|
1
1
|
# Change Log - @fluentui/react-badge
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Wed, 22 Mar 2023 04:46:39 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-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly-20230322-0439.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.
|
9
|
+
Wed, 22 Mar 2023 04:46:39 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.5..@fluentui/react-badge_v0.0.0-nightly-20230322-0439.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
15
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
16
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
17
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
18
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
15
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
16
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
17
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
18
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
19
|
+
|
20
|
+
## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.5)
|
21
|
+
|
22
|
+
Tue, 21 Mar 2023 21:23:24 GMT
|
23
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.4..@fluentui/react-badge_v9.1.5)
|
24
|
+
|
25
|
+
### Patches
|
26
|
+
|
27
|
+
- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
|
28
|
+
- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
|
29
|
+
- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
|
30
|
+
- fix: Adding the correct icons to away+out-of-office PresenceBadges and adding the correct icons to use in large PresenceBadges. ([PR #27253](https://github.com/microsoft/fluentui/pull/27253) by makotom@microsoft.com)
|
31
|
+
- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
32
|
+
- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
33
|
+
- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
34
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
19
35
|
|
20
36
|
## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.4)
|
21
37
|
|
package/lib/Badge.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
export * from
|
1
|
+
export * from './components/Badge/index';
|
2
2
|
//# sourceMappingURL=Badge.js.map
|
package/lib/CounterBadge.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
export * from
|
1
|
+
export * from './components/CounterBadge/index';
|
2
2
|
//# sourceMappingURL=CounterBadge.js.map
|
package/lib/PresenceBadge.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
export * from
|
1
|
+
export * from './components/PresenceBadge/index';
|
2
2
|
//# sourceMappingURL=PresenceBadge.js.map
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import * as React from
|
2
|
-
import { useBadge_unstable } from
|
3
|
-
import { useBadgeStyles_unstable } from
|
4
|
-
import { useCustomStyleHooks_unstable } from
|
5
|
-
import { renderBadge_unstable } from
|
1
|
+
import * as React from 'react';
|
2
|
+
import { useBadge_unstable } from './useBadge';
|
3
|
+
import { useBadgeStyles_unstable } from './useBadgeStyles';
|
4
|
+
import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
|
5
|
+
import { renderBadge_unstable } from './renderBadge';
|
6
6
|
/**
|
7
7
|
* Define a styled Badge, using the `useBadge_unstable` hook.
|
8
8
|
*/
|
@@ -15,5 +15,5 @@ export const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15
15
|
useCustomStyles(state);
|
16
16
|
return renderBadge_unstable(state);
|
17
17
|
});
|
18
|
-
Badge.displayName =
|
18
|
+
Badge.displayName = 'Badge';
|
19
19
|
//# sourceMappingURL=Badge.js.map
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export * from
|
2
|
-
export * from
|
3
|
-
export * from
|
4
|
-
export * from
|
1
|
+
export * from './Badge';
|
2
|
+
export * from './renderBadge';
|
3
|
+
export * from './useBadge';
|
4
|
+
export * from './useBadgeStyles';
|
5
5
|
//# sourceMappingURL=index.js.map
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import * as React from
|
2
|
-
import { getSlots } from
|
1
|
+
import * as React from 'react';
|
2
|
+
import { getSlots } from '@fluentui/react-utilities';
|
3
3
|
export const renderBadge_unstable = state => {
|
4
4
|
const {
|
5
5
|
slots,
|
6
6
|
slotProps
|
7
7
|
} = getSlots(state);
|
8
|
-
return /*#__PURE__*/React.createElement(slots.root, slotProps.root, state.iconPosition ===
|
8
|
+
return /*#__PURE__*/React.createElement(slots.root, slotProps.root, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon));
|
9
9
|
};
|
10
10
|
//# sourceMappingURL=renderBadge.js.map
|
@@ -1,15 +1,15 @@
|
|
1
|
-
import * as React from
|
2
|
-
import { getNativeElementProps, resolveShorthand } from
|
1
|
+
import * as React from 'react';
|
2
|
+
import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
|
3
3
|
/**
|
4
4
|
* Returns the props and state required to render the component
|
5
5
|
*/
|
6
6
|
export const useBadge_unstable = (props, ref) => {
|
7
7
|
const {
|
8
|
-
shape =
|
9
|
-
size =
|
10
|
-
iconPosition =
|
11
|
-
appearance =
|
12
|
-
color =
|
8
|
+
shape = 'circular',
|
9
|
+
size = 'medium',
|
10
|
+
iconPosition = 'before',
|
11
|
+
appearance = 'filled',
|
12
|
+
color = 'brand'
|
13
13
|
} = props;
|
14
14
|
const state = {
|
15
15
|
shape,
|
@@ -18,10 +18,10 @@ export const useBadge_unstable = (props, ref) => {
|
|
18
18
|
appearance,
|
19
19
|
color,
|
20
20
|
components: {
|
21
|
-
root:
|
22
|
-
icon:
|
21
|
+
root: 'div',
|
22
|
+
icon: 'span'
|
23
23
|
},
|
24
|
-
root: getNativeElementProps(
|
24
|
+
root: getNativeElementProps('div', {
|
25
25
|
ref,
|
26
26
|
...props
|
27
27
|
}),
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import { shorthands, __resetStyles, __styles, mergeClasses } from
|
2
|
-
import { tokens, typographyStyles } from
|
1
|
+
import { shorthands, __resetStyles, __styles, mergeClasses } from '@griffel/react';
|
2
|
+
import { tokens, typographyStyles } from '@fluentui/react-theme';
|
3
3
|
export const badgeClassNames = {
|
4
|
-
root:
|
5
|
-
icon:
|
4
|
+
root: 'fui-Badge',
|
5
|
+
icon: 'fui-Badge__icon'
|
6
6
|
};
|
7
7
|
// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.
|
8
8
|
// Instead, add extra padding to the root, and a negative margin on the icon to "remove" the extra padding on the icon.
|
@@ -295,17 +295,17 @@ const useIconStyles = /*#__PURE__*/__styles({
|
|
295
295
|
export const useBadgeStyles_unstable = state => {
|
296
296
|
const rootClassName = useRootClassName();
|
297
297
|
const rootStyles = useRootStyles();
|
298
|
-
const smallToTiny = state.size ===
|
299
|
-
state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape ===
|
298
|
+
const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';
|
299
|
+
state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance === 'ghost' && rootStyles.borderGhost, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);
|
300
300
|
const iconRootClassName = useIconRootClassName();
|
301
301
|
const iconStyles = useIconStyles();
|
302
302
|
if (state.icon) {
|
303
303
|
let iconPositionClass;
|
304
304
|
if (state.root.children) {
|
305
|
-
if (state.size ===
|
306
|
-
iconPositionClass = state.iconPosition ===
|
305
|
+
if (state.size === 'extra-large') {
|
306
|
+
iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;
|
307
307
|
} else {
|
308
|
-
iconPositionClass = state.iconPosition ===
|
308
|
+
iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;
|
309
309
|
}
|
310
310
|
}
|
311
311
|
state.icon.className = mergeClasses(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import * as React from
|
2
|
-
import { useCounterBadge_unstable } from
|
3
|
-
import { useCounterBadgeStyles_unstable } from
|
4
|
-
import { useCustomStyleHooks_unstable } from
|
5
|
-
import { renderBadge_unstable } from
|
1
|
+
import * as React from 'react';
|
2
|
+
import { useCounterBadge_unstable } from './useCounterBadge';
|
3
|
+
import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';
|
4
|
+
import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
|
5
|
+
import { renderBadge_unstable } from '../Badge/index';
|
6
6
|
/**
|
7
7
|
* Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
|
8
8
|
*/
|
@@ -15,5 +15,5 @@ export const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15
15
|
useCustomStyles(state);
|
16
16
|
return renderBadge_unstable(state);
|
17
17
|
});
|
18
|
-
CounterBadge.displayName =
|
18
|
+
CounterBadge.displayName = 'CounterBadge';
|
19
19
|
//# sourceMappingURL=CounterBadge.js.map
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export * from
|
2
|
-
export * from
|
3
|
-
export * from
|
4
|
-
export * from
|
1
|
+
export * from './CounterBadge';
|
2
|
+
export * from './CounterBadge.types';
|
3
|
+
export * from './useCounterBadge';
|
4
|
+
export * from './useCounterBadgeStyles';
|
5
5
|
//# sourceMappingURL=index.js.map
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import * as React from
|
2
|
-
import { useBadge_unstable } from
|
1
|
+
import * as React from 'react';
|
2
|
+
import { useBadge_unstable } from '../Badge/index';
|
3
3
|
/**
|
4
4
|
* Returns the props and state required to render the component
|
5
5
|
*/
|
6
6
|
export const useCounterBadge_unstable = (props, ref) => {
|
7
7
|
const {
|
8
|
-
shape =
|
9
|
-
appearance =
|
8
|
+
shape = 'circular',
|
9
|
+
appearance = 'filled',
|
10
10
|
showZero = false,
|
11
11
|
overflowCount = 99,
|
12
12
|
count = 0,
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import { shorthands, mergeClasses, __styles } from
|
2
|
-
import { useBadgeStyles_unstable } from
|
1
|
+
import { shorthands, mergeClasses, __styles } from '@griffel/react';
|
2
|
+
import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';
|
3
3
|
export const counterBadgeClassNames = {
|
4
|
-
root:
|
5
|
-
icon:
|
4
|
+
root: 'fui-CounterBadge',
|
5
|
+
icon: 'fui-CounterBadge__icon'
|
6
6
|
};
|
7
7
|
const useStyles = /*#__PURE__*/__styles({
|
8
8
|
dot: {
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import * as React from
|
2
|
-
import { usePresenceBadge_unstable } from
|
3
|
-
import { usePresenceBadgeStyles_unstable } from
|
4
|
-
import { useCustomStyleHooks_unstable } from
|
5
|
-
import { renderBadge_unstable } from
|
1
|
+
import * as React from 'react';
|
2
|
+
import { usePresenceBadge_unstable } from './usePresenceBadge';
|
3
|
+
import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';
|
4
|
+
import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
|
5
|
+
import { renderBadge_unstable } from '../../Badge';
|
6
6
|
/**
|
7
7
|
* Define a styled Badge, using the `useBadge_unstable` hook.
|
8
8
|
*/
|
@@ -15,5 +15,5 @@ export const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15
15
|
useCustomStyles(state);
|
16
16
|
return renderBadge_unstable(state);
|
17
17
|
});
|
18
|
-
PresenceBadge.displayName =
|
18
|
+
PresenceBadge.displayName = 'PresenceBadge';
|
19
19
|
//# sourceMappingURL=PresenceBadge.js.map
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export * from
|
2
|
-
export * from
|
3
|
-
export * from
|
4
|
-
export * from
|
1
|
+
export * from './PresenceBadge';
|
2
|
+
export * from './PresenceBadge.types';
|
3
|
+
export * from './usePresenceBadge';
|
4
|
+
export * from './usePresenceBadgeStyles';
|
5
5
|
//# sourceMappingURL=index.js.map
|
@@ -1,143 +1,135 @@
|
|
1
|
-
import * as React from
|
2
|
-
import { PresenceAvailable10Regular, PresenceAvailable12Regular, PresenceAvailable16Regular, PresenceAvailable10Filled, PresenceAvailable12Filled, PresenceAvailable16Filled, PresenceAway10Filled, PresenceAway12Filled, PresenceAway16Filled, PresenceBlocked10Regular, PresenceBlocked12Regular, PresenceBlocked16Regular, PresenceBusy10Filled, PresenceBusy12Filled, PresenceBusy16Filled, PresenceDnd10Regular, PresenceDnd12Regular, PresenceDnd16Regular, PresenceDnd10Filled, PresenceDnd12Filled, PresenceDnd16Filled, PresenceOof10Regular, PresenceOof12Regular, PresenceOof16Regular, PresenceOffline10Regular, PresenceOffline12Regular, PresenceOffline16Regular, PresenceUnknown10Regular, PresenceUnknown12Regular, PresenceUnknown16Regular } from
|
1
|
+
import * as React from 'react';
|
2
|
+
import { PresenceAvailable10Regular, PresenceAvailable12Regular, PresenceAvailable16Regular, PresenceAvailable20Regular, PresenceAvailable10Filled, PresenceAvailable12Filled, PresenceAvailable16Filled, PresenceAvailable20Filled, PresenceAway10Regular, PresenceAway12Regular, PresenceAway16Regular, PresenceAway20Regular, PresenceAway10Filled, PresenceAway12Filled, PresenceAway16Filled, PresenceAway20Filled, PresenceBlocked10Regular, PresenceBlocked12Regular, PresenceBlocked16Regular, PresenceBlocked20Regular, PresenceBusy10Filled, PresenceBusy12Filled, PresenceBusy16Filled, PresenceBusy20Filled, PresenceDnd10Regular, PresenceDnd12Regular, PresenceDnd16Regular, PresenceDnd20Regular, PresenceDnd10Filled, PresenceDnd12Filled, PresenceDnd16Filled, PresenceDnd20Filled, PresenceOof10Regular, PresenceOof12Regular, PresenceOof16Regular, PresenceOof20Regular, PresenceOffline10Regular, PresenceOffline12Regular, PresenceOffline16Regular, PresenceOffline20Regular, PresenceUnknown10Regular, PresenceUnknown12Regular, PresenceUnknown16Regular, PresenceUnknown20Regular } from '@fluentui/react-icons';
|
3
|
+
export const presenceAwayRegular = {
|
4
|
+
// FIXME not all presence icon sizes are available
|
5
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
6
|
+
tiny: PresenceAway10Regular,
|
7
|
+
'extra-small': PresenceAway10Regular,
|
8
|
+
small: PresenceAway12Regular,
|
9
|
+
medium: PresenceAway16Regular,
|
10
|
+
large: PresenceAway20Regular,
|
11
|
+
// FIXME not all presence icon sizes are available
|
12
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
13
|
+
'extra-large': PresenceAway20Regular
|
14
|
+
};
|
3
15
|
export const presenceAwayFilled = {
|
4
16
|
// FIXME not all presence icon sizes are available
|
5
17
|
// https://github.com/microsoft/fluentui/issues/20650
|
6
18
|
tiny: PresenceAway10Filled,
|
7
|
-
|
19
|
+
'extra-small': PresenceAway10Filled,
|
8
20
|
small: PresenceAway12Filled,
|
9
21
|
medium: PresenceAway16Filled,
|
22
|
+
large: PresenceAway20Filled,
|
10
23
|
// FIXME not all presence icon sizes are available
|
11
24
|
// https://github.com/microsoft/fluentui/issues/20650
|
12
|
-
large:
|
13
|
-
// FIXME not all presence icon sizes are available
|
14
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
15
|
-
"extra-large": PresenceAway16Filled
|
25
|
+
'extra-large': PresenceAway20Filled
|
16
26
|
};
|
17
27
|
export const presenceAvailableRegular = {
|
18
28
|
// FIXME not all presence icon sizes are available
|
19
29
|
// https://github.com/microsoft/fluentui/issues/20650
|
20
30
|
tiny: PresenceAvailable10Regular,
|
21
|
-
|
31
|
+
'extra-small': PresenceAvailable10Regular,
|
22
32
|
small: PresenceAvailable12Regular,
|
23
33
|
medium: PresenceAvailable16Regular,
|
34
|
+
large: PresenceAvailable20Regular,
|
24
35
|
// FIXME not all presence icon sizes are available
|
25
36
|
// https://github.com/microsoft/fluentui/issues/20650
|
26
|
-
large:
|
27
|
-
// FIXME not all presence icon sizes are available
|
28
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
29
|
-
"extra-large": PresenceAvailable16Regular
|
37
|
+
'extra-large': PresenceAvailable20Regular
|
30
38
|
};
|
31
39
|
export const presenceAvailableFilled = {
|
32
40
|
// FIXME not all presence icon sizes are available
|
33
41
|
// https://github.com/microsoft/fluentui/issues/20650
|
34
42
|
tiny: PresenceAvailable10Filled,
|
35
|
-
|
43
|
+
'extra-small': PresenceAvailable10Filled,
|
36
44
|
small: PresenceAvailable12Filled,
|
37
45
|
medium: PresenceAvailable16Filled,
|
46
|
+
large: PresenceAvailable20Filled,
|
38
47
|
// FIXME not all presence icon sizes are available
|
39
48
|
// https://github.com/microsoft/fluentui/issues/20650
|
40
|
-
large:
|
41
|
-
// FIXME not all presence icon sizes are available
|
42
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
43
|
-
"extra-large": PresenceAvailable16Filled
|
49
|
+
'extra-large': PresenceAvailable20Filled
|
44
50
|
};
|
45
51
|
export const presenceBlockedRegular = {
|
46
52
|
// FIXME not all presence icon sizes are available
|
47
53
|
// https://github.com/microsoft/fluentui/issues/20650
|
48
54
|
tiny: PresenceBlocked10Regular,
|
49
|
-
|
55
|
+
'extra-small': PresenceBlocked10Regular,
|
50
56
|
small: PresenceBlocked12Regular,
|
51
57
|
medium: PresenceBlocked16Regular,
|
58
|
+
large: PresenceBlocked20Regular,
|
52
59
|
// FIXME not all presence icon sizes are available
|
53
60
|
// https://github.com/microsoft/fluentui/issues/20650
|
54
|
-
large:
|
55
|
-
// FIXME not all presence icon sizes are available
|
56
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
57
|
-
"extra-large": PresenceBlocked16Regular
|
61
|
+
'extra-large': PresenceBlocked20Regular
|
58
62
|
};
|
59
63
|
export const presenceBusyFilled = {
|
60
64
|
// FIXME not all presence icon sizes are available
|
61
65
|
// https://github.com/microsoft/fluentui/issues/20650
|
62
66
|
tiny: PresenceBusy10Filled,
|
63
|
-
|
67
|
+
'extra-small': PresenceBusy10Filled,
|
64
68
|
small: PresenceBusy12Filled,
|
65
69
|
medium: PresenceBusy16Filled,
|
70
|
+
large: PresenceBusy20Filled,
|
66
71
|
// FIXME not all presence icon sizes are available
|
67
72
|
// https://github.com/microsoft/fluentui/issues/20650
|
68
|
-
large:
|
69
|
-
// FIXME not all presence icon sizes are available
|
70
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
71
|
-
"extra-large": PresenceBusy16Filled
|
73
|
+
'extra-large': PresenceBusy20Filled
|
72
74
|
};
|
73
75
|
export const presenceDndFilled = {
|
74
76
|
// FIXME not all presence icon sizes are available
|
75
77
|
// https://github.com/microsoft/fluentui/issues/20650
|
76
78
|
tiny: PresenceDnd10Filled,
|
77
|
-
|
79
|
+
'extra-small': PresenceDnd10Filled,
|
78
80
|
small: PresenceDnd12Filled,
|
79
81
|
medium: PresenceDnd16Filled,
|
82
|
+
large: PresenceDnd20Filled,
|
80
83
|
// FIXME not all presence icon sizes are available
|
81
84
|
// https://github.com/microsoft/fluentui/issues/20650
|
82
|
-
large:
|
83
|
-
// FIXME not all presence icon sizes are available
|
84
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
85
|
-
"extra-large": PresenceDnd16Filled
|
85
|
+
'extra-large': PresenceDnd20Filled
|
86
86
|
};
|
87
87
|
export const presenceDndRegular = {
|
88
88
|
// FIXME not all presence icon sizes are available
|
89
89
|
// https://github.com/microsoft/fluentui/issues/20650
|
90
90
|
tiny: PresenceDnd10Regular,
|
91
|
-
|
91
|
+
'extra-small': PresenceDnd10Regular,
|
92
92
|
small: PresenceDnd12Regular,
|
93
93
|
medium: PresenceDnd16Regular,
|
94
|
+
large: PresenceDnd20Regular,
|
94
95
|
// FIXME not all presence icon sizes are available
|
95
96
|
// https://github.com/microsoft/fluentui/issues/20650
|
96
|
-
large:
|
97
|
-
// FIXME not all presence icon sizes are available
|
98
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
99
|
-
"extra-large": PresenceDnd16Regular
|
97
|
+
'extra-large': PresenceDnd20Regular
|
100
98
|
};
|
101
99
|
export const presenceOofRegular = {
|
102
100
|
// FIXME not all presence icon sizes are available
|
103
101
|
// https://github.com/microsoft/fluentui/issues/20650
|
104
102
|
tiny: PresenceOof10Regular,
|
105
|
-
|
103
|
+
'extra-small': PresenceOof10Regular,
|
106
104
|
small: PresenceOof12Regular,
|
107
105
|
medium: PresenceOof16Regular,
|
106
|
+
large: PresenceOof20Regular,
|
108
107
|
// FIXME not all presence icon sizes are available
|
109
108
|
// https://github.com/microsoft/fluentui/issues/20650
|
110
|
-
large:
|
111
|
-
// FIXME not all presence icon sizes are available
|
112
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
113
|
-
"extra-large": PresenceOof16Regular
|
109
|
+
'extra-large': PresenceOof20Regular
|
114
110
|
};
|
115
111
|
export const presenceOfflineRegular = {
|
116
112
|
// FIXME not all presence icon sizes are available
|
117
113
|
// https://github.com/microsoft/fluentui/issues/20650
|
118
114
|
tiny: PresenceOffline10Regular,
|
119
|
-
|
115
|
+
'extra-small': PresenceOffline10Regular,
|
120
116
|
small: PresenceOffline12Regular,
|
121
117
|
medium: PresenceOffline16Regular,
|
118
|
+
large: PresenceOffline20Regular,
|
122
119
|
// FIXME not all presence icon sizes are available
|
123
120
|
// https://github.com/microsoft/fluentui/issues/20650
|
124
|
-
large:
|
125
|
-
// FIXME not all presence icon sizes are available
|
126
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
127
|
-
"extra-large": PresenceOffline16Regular
|
121
|
+
'extra-large': PresenceOffline20Regular
|
128
122
|
};
|
129
123
|
export const presenceUnknownRegular = {
|
130
124
|
// FIXME not all presence icon sizes are available
|
131
125
|
// https://github.com/microsoft/fluentui/issues/20650
|
132
126
|
tiny: PresenceUnknown10Regular,
|
133
|
-
|
127
|
+
'extra-small': PresenceUnknown10Regular,
|
134
128
|
small: PresenceUnknown12Regular,
|
135
129
|
medium: PresenceUnknown16Regular,
|
130
|
+
large: PresenceUnknown20Regular,
|
136
131
|
// FIXME not all presence icon sizes are available
|
137
132
|
// https://github.com/microsoft/fluentui/issues/20650
|
138
|
-
large:
|
139
|
-
// FIXME not all presence icon sizes are available
|
140
|
-
// https://github.com/microsoft/fluentui/issues/20650
|
141
|
-
"extra-large": PresenceUnknown16Regular
|
133
|
+
'extra-large': PresenceUnknown20Regular
|
142
134
|
};
|
143
135
|
//# sourceMappingURL=presenceIcons.js.map
|