@fluentui/react-badge 0.0.0-nightly-20230509-0416.1 → 0.0.0-nightly-20230511-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 +13 -13
- package/CHANGELOG.md +9 -9
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js +6 -3
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.styles.js +9 -4
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.styles.js.map +1 -1
- package/package.json +6 -6
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": "Thu, 11 May 2023 04:26:18 GMT",
|
|
6
|
+
"tag": "@fluentui/react-badge_v0.0.0-nightly-20230511-0420.1",
|
|
7
|
+
"version": "0.0.0-nightly-20230511-0420.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -16,32 +16,32 @@
|
|
|
16
16
|
{
|
|
17
17
|
"author": "beachball",
|
|
18
18
|
"package": "@fluentui/react-badge",
|
|
19
|
-
"comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
|
20
|
-
"commit": "
|
|
19
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230511-0420.1",
|
|
20
|
+
"commit": "5847d0c4bebcfb769cbdb0b1029013a74ace3541"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"author": "beachball",
|
|
24
24
|
"package": "@fluentui/react-badge",
|
|
25
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
26
|
-
"commit": "
|
|
25
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230511-0420.1",
|
|
26
|
+
"commit": "5847d0c4bebcfb769cbdb0b1029013a74ace3541"
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
"author": "beachball",
|
|
30
30
|
"package": "@fluentui/react-badge",
|
|
31
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
32
|
-
"commit": "
|
|
31
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230511-0420.1",
|
|
32
|
+
"commit": "5847d0c4bebcfb769cbdb0b1029013a74ace3541"
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
"author": "beachball",
|
|
36
36
|
"package": "@fluentui/react-badge",
|
|
37
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
38
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230511-0420.1",
|
|
38
|
+
"commit": "5847d0c4bebcfb769cbdb0b1029013a74ace3541"
|
|
39
39
|
},
|
|
40
40
|
{
|
|
41
41
|
"author": "beachball",
|
|
42
42
|
"package": "@fluentui/react-badge",
|
|
43
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
44
|
-
"commit": "
|
|
43
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230511-0420.1",
|
|
44
|
+
"commit": "5847d0c4bebcfb769cbdb0b1029013a74ace3541"
|
|
45
45
|
}
|
|
46
46
|
]
|
|
47
47
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-badge
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 11 May 2023 04:26: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-20230511-0420.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly-20230511-0420.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.10..@fluentui/react-badge_v0.0.0-nightly-
|
|
9
|
+
Thu, 11 May 2023 04:26:18 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.10..@fluentui/react-badge_v0.0.0-nightly-20230511-0420.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-jsx-runtime to v0.0.0-nightly-
|
|
16
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230511-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/5847d0c4bebcfb769cbdb0b1029013a74ace3541) by beachball)
|
|
16
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230511-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/5847d0c4bebcfb769cbdb0b1029013a74ace3541) by beachball)
|
|
17
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20230511-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/5847d0c4bebcfb769cbdb0b1029013a74ace3541) by beachball)
|
|
18
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20230511-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/5847d0c4bebcfb769cbdb0b1029013a74ace3541) by beachball)
|
|
19
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230511-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/5847d0c4bebcfb769cbdb0b1029013a74ace3541) by beachball)
|
|
20
20
|
|
|
21
21
|
## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.10)
|
|
22
22
|
|
|
@@ -10,7 +10,8 @@ const getIsBusy = status => {
|
|
|
10
10
|
}
|
|
11
11
|
return false;
|
|
12
12
|
};
|
|
13
|
-
const useRootClassName = /*#__PURE__*/__resetStyles("
|
|
13
|
+
const useRootClassName = /*#__PURE__*/__resetStyles("r832ydo", null, [".r832ydo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;-webkit-background-clip:content-box;background-clip:content-box;}"]);
|
|
14
|
+
const useIconClassName = /*#__PURE__*/__resetStyles("r11ag4qr", null, [".r11ag4qr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-1px;}"]);
|
|
14
15
|
const useStyles = /*#__PURE__*/__styles({
|
|
15
16
|
statusBusy: {
|
|
16
17
|
sj55zd: "fvi85wt"
|
|
@@ -45,6 +46,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
45
46
|
tiny: {
|
|
46
47
|
Bubjx69: "f9ikmtg",
|
|
47
48
|
a9b677: "f16dn6v3",
|
|
49
|
+
B2eet1l: "f1w2irj7",
|
|
48
50
|
B5pe6w7: "fab5kbq",
|
|
49
51
|
p4uzdd: "f1ms1d91"
|
|
50
52
|
},
|
|
@@ -61,18 +63,19 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
61
63
|
p4uzdd: "fhipgdu"
|
|
62
64
|
}
|
|
63
65
|
}, {
|
|
64
|
-
d: [".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f9ikmtg{aspect-ratio:1;}", ".f16dn6v3{width:6px;}", ".fab5kbq svg{width:6px!important;}", ".f1ms1d91 svg{height:6px!important;}", ".f64fuq3{width:20px;}", ".f1vfi1yj svg{width:20px!important;}", ".f15s34gz svg{height:20px!important;}", ".f1w9dchk{width:28px;}", ".f14efy9b svg{width:28px!important;}", ".fhipgdu svg{height:28px!important;}"]
|
|
66
|
+
d: [".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f9ikmtg{aspect-ratio:1;}", ".f16dn6v3{width:6px;}", ".f1w2irj7{-webkit-background-clip:unset;background-clip:unset;}", ".fab5kbq svg{width:6px!important;}", ".f1ms1d91 svg{height:6px!important;}", ".f64fuq3{width:20px;}", ".f1vfi1yj svg{width:20px!important;}", ".f15s34gz svg{height:20px!important;}", ".f1w9dchk{width:28px;}", ".f14efy9b svg{width:28px!important;}", ".fhipgdu svg{height:28px!important;}"]
|
|
65
67
|
});
|
|
66
68
|
/**
|
|
67
69
|
* Applies style classnames to slots
|
|
68
70
|
*/
|
|
69
71
|
export const usePresenceBadgeStyles_unstable = state => {
|
|
70
72
|
const rootClassName = useRootClassName();
|
|
73
|
+
const iconClassName = useIconClassName();
|
|
71
74
|
const styles = useStyles();
|
|
72
75
|
const isBusy = getIsBusy(state.status);
|
|
73
76
|
state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
|
|
74
77
|
if (state.icon) {
|
|
75
|
-
state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);
|
|
78
|
+
state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);
|
|
76
79
|
}
|
|
77
80
|
return state;
|
|
78
81
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","useStyles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","styles","isBusy","className","size"],"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n root: 'fui-PresenceBadge',\n icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n return true;\n }\n\n return false;\n};\n\nconst useRootClassName = makeResetStyles({\n
|
|
1
|
+
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","useIconClassName","useStyles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B2eet1l","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","iconClassName","styles","isBusy","className","size"],"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n root: 'fui-PresenceBadge',\n icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n return true;\n }\n\n return false;\n};\n\nconst useRootClassName = makeResetStyles({\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n\n borderRadius: tokens.borderRadiusCircular,\n backgroundColor: tokens.colorNeutralBackground1,\n\n // The background color bleeds around the edge of the icon due to antialiasing on the svg and element background.\n // Since all presence icons have a border around the edge that is at least 1px wide*, we can inset the background\n // using padding and backgroundClip. The icon has margin: -1px to account for the padding.\n // (* except size=\"tiny\", where backgroundClip is unset)\n padding: '1px',\n backgroundClip: 'content-box',\n});\n\nconst useIconClassName = makeResetStyles({\n display: 'flex',\n margin: '-1px',\n});\n\nconst useStyles = makeStyles({\n statusBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n statusAway: {\n color: tokens.colorPaletteMarigoldBackground3,\n },\n statusAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n statusOffline: {\n color: tokens.colorNeutralForeground3,\n },\n statusOutOfOffice: {\n color: tokens.colorPaletteBerryForeground3,\n },\n statusUnknown: {\n color: tokens.colorNeutralForeground3,\n },\n outOfOffice: {\n color: tokens.colorNeutralBackground1,\n },\n outOfOfficeAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n outOfOfficeBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n outOfOfficeUnknown: {\n color: tokens.colorNeutralForeground3,\n },\n\n // Icons are not resizeable, and these sizes are currently missing\n // use `!important` to size the currently available icons to the missing ones\n //\n tiny: {\n aspectRatio: '1',\n width: '6px',\n backgroundClip: 'unset', // tiny icons have a border less than 1px wide, and can't use the backgroundClip fix\n '& svg': {\n width: '6px !important',\n height: '6px !important',\n },\n },\n large: {\n aspectRatio: '1',\n width: '20px',\n '& svg': {\n width: '20px !important',\n height: '20px !important',\n },\n },\n extraLarge: {\n aspectRatio: '1',\n width: '28px',\n '& svg': {\n width: '28px !important',\n height: '28px !important',\n },\n },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n const rootClassName = useRootClassName();\n const iconClassName = useIconClassName();\n const styles = useStyles();\n const isBusy = getIsBusy(state.status);\n state.root.className = mergeClasses(\n presenceBadgeClassNames.root,\n rootClassName,\n isBusy && styles.statusBusy,\n state.status === 'away' && styles.statusAway,\n state.status === 'available' && styles.statusAvailable,\n state.status === 'offline' && styles.statusOffline,\n state.status === 'out-of-office' && styles.statusOutOfOffice,\n state.status === 'unknown' && styles.statusUnknown,\n state.outOfOffice && styles.outOfOffice,\n state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n state.outOfOffice && isBusy && styles.outOfOfficeBusy,\n state.outOfOffice && state.status === 'away' && styles.statusAway,\n state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice,\n state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown,\n state.size === 'tiny' && styles.tiny,\n state.size === 'large' && styles.large,\n state.size === 'extra-large' && styles.extraLarge,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);\n }\n\n return state;\n};\n"],"mappings":"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"}
|
|
@@ -23,9 +23,11 @@ const getIsBusy = (status)=>{
|
|
|
23
23
|
}
|
|
24
24
|
return false;
|
|
25
25
|
};
|
|
26
|
-
const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("
|
|
27
|
-
".
|
|
28
|
-
|
|
26
|
+
const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r832ydo", null, [
|
|
27
|
+
".r832ydo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;-webkit-background-clip:content-box;background-clip:content-box;}"
|
|
28
|
+
]);
|
|
29
|
+
const useIconClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r11ag4qr", null, [
|
|
30
|
+
".r11ag4qr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-1px;}"
|
|
29
31
|
]);
|
|
30
32
|
const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
31
33
|
statusBusy: {
|
|
@@ -61,6 +63,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
61
63
|
tiny: {
|
|
62
64
|
Bubjx69: "f9ikmtg",
|
|
63
65
|
a9b677: "f16dn6v3",
|
|
66
|
+
B2eet1l: "f1w2irj7",
|
|
64
67
|
B5pe6w7: "fab5kbq",
|
|
65
68
|
p4uzdd: "f1ms1d91"
|
|
66
69
|
},
|
|
@@ -86,6 +89,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
86
89
|
".fr0bkrk{color:var(--colorNeutralBackground1);}",
|
|
87
90
|
".f9ikmtg{aspect-ratio:1;}",
|
|
88
91
|
".f16dn6v3{width:6px;}",
|
|
92
|
+
".f1w2irj7{-webkit-background-clip:unset;background-clip:unset;}",
|
|
89
93
|
".fab5kbq svg{width:6px!important;}",
|
|
90
94
|
".f1ms1d91 svg{height:6px!important;}",
|
|
91
95
|
".f64fuq3{width:20px;}",
|
|
@@ -98,11 +102,12 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
98
102
|
});
|
|
99
103
|
const usePresenceBadgeStyles_unstable = (state)=>{
|
|
100
104
|
const rootClassName = useRootClassName();
|
|
105
|
+
const iconClassName = useIconClassName();
|
|
101
106
|
const styles = useStyles();
|
|
102
107
|
const isBusy = getIsBusy(state.status);
|
|
103
108
|
state.root.className = (0, _react.mergeClasses)(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
|
|
104
109
|
if (state.icon) {
|
|
105
|
-
state.icon.className = (0, _react.mergeClasses)(presenceBadgeClassNames.icon, state.icon.className);
|
|
110
|
+
state.icon.className = (0, _react.mergeClasses)(presenceBadgeClassNames.icon, iconClassName, state.icon.className);
|
|
106
111
|
}
|
|
107
112
|
return state;
|
|
108
113
|
}; //# sourceMappingURL=usePresenceBadgeStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const presenceBadgeClassNames = {\n root: 'fui-PresenceBadge',\n icon: 'fui-PresenceBadge__icon'\n};\nconst getIsBusy = status => {\n if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n return true;\n }\n return false;\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const presenceBadgeClassNames = {\n root: 'fui-PresenceBadge',\n icon: 'fui-PresenceBadge__icon'\n};\nconst getIsBusy = status => {\n if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n return true;\n }\n return false;\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r832ydo\", null, [\".r832ydo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;-webkit-background-clip:content-box;background-clip:content-box;}\"]);\nconst useIconClassName = /*#__PURE__*/__resetStyles(\"r11ag4qr\", null, [\".r11ag4qr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-1px;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n statusBusy: {\n sj55zd: \"fvi85wt\"\n },\n statusAway: {\n sj55zd: \"f14k8a89\"\n },\n statusAvailable: {\n sj55zd: \"fqa5hgp\"\n },\n statusOffline: {\n sj55zd: \"f11d4kpn\"\n },\n statusOutOfOffice: {\n sj55zd: \"fdce8r3\"\n },\n statusUnknown: {\n sj55zd: \"f11d4kpn\"\n },\n outOfOffice: {\n sj55zd: \"fr0bkrk\"\n },\n outOfOfficeAvailable: {\n sj55zd: \"fqa5hgp\"\n },\n outOfOfficeBusy: {\n sj55zd: \"fvi85wt\"\n },\n outOfOfficeUnknown: {\n sj55zd: \"f11d4kpn\"\n },\n tiny: {\n Bubjx69: \"f9ikmtg\",\n a9b677: \"f16dn6v3\",\n B2eet1l: \"f1w2irj7\",\n B5pe6w7: \"fab5kbq\",\n p4uzdd: \"f1ms1d91\"\n },\n large: {\n Bubjx69: \"f9ikmtg\",\n a9b677: \"f64fuq3\",\n B5pe6w7: \"f1vfi1yj\",\n p4uzdd: \"f15s34gz\"\n },\n extraLarge: {\n Bubjx69: \"f9ikmtg\",\n a9b677: \"f1w9dchk\",\n B5pe6w7: \"f14efy9b\",\n p4uzdd: \"fhipgdu\"\n }\n}, {\n d: [\".fvi85wt{color:var(--colorPaletteRedBackground3);}\", \".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}\", \".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fdce8r3{color:var(--colorPaletteBerryForeground3);}\", \".fr0bkrk{color:var(--colorNeutralBackground1);}\", \".f9ikmtg{aspect-ratio:1;}\", \".f16dn6v3{width:6px;}\", \".f1w2irj7{-webkit-background-clip:unset;background-clip:unset;}\", \".fab5kbq svg{width:6px!important;}\", \".f1ms1d91 svg{height:6px!important;}\", \".f64fuq3{width:20px;}\", \".f1vfi1yj svg{width:20px!important;}\", \".f15s34gz svg{height:20px!important;}\", \".f1w9dchk{width:28px;}\", \".f14efy9b svg{width:28px!important;}\", \".fhipgdu svg{height:28px!important;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = state => {\n const rootClassName = useRootClassName();\n const iconClassName = useIconClassName();\n const styles = useStyles();\n const isBusy = getIsBusy(state.status);\n state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=usePresenceBadgeStyles.styles.js.map"],"names":["presenceBadgeClassNames","usePresenceBadgeStyles_unstable","root","icon","getIsBusy","status","useRootClassName","__resetStyles","useIconClassName","useStyles","__styles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B2eet1l","B5pe6w7","p4uzdd","large","extraLarge","d","state","rootClassName","iconClassName","styles","isBusy","className","mergeClasses","size"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-badge",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20230511-0420.1",
|
|
4
4
|
"description": "React components for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
|
29
29
|
"@fluentui/react-conformance": "*",
|
|
30
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20230511-0420.1",
|
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@fluentui/react-icons": "^2.0.196",
|
|
36
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
38
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
39
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
36
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20230511-0420.1",
|
|
37
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20230511-0420.1",
|
|
38
|
+
"@fluentui/react-theme": "0.0.0-nightly-20230511-0420.1",
|
|
39
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20230511-0420.1",
|
|
40
40
|
"@griffel/react": "^1.5.2",
|
|
41
41
|
"@swc/helpers": "^0.4.14"
|
|
42
42
|
},
|