@fluentui/react-badge 0.0.0-nightly8faa94d11420211118.1 → 0.0.0-nightlya54302c0b220211124.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +25 -19
- package/CHANGELOG.md +12 -11
- package/dist/react-badge.d.ts +5 -5
- package/lib/components/Badge/Badge.types.d.ts +1 -1
- package/lib/components/Badge/useBadgeStyles.js +19 -20
- package/lib/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +6 -5
- package/lib/components/PresenceBadge/presenceIcons.d.ts +11 -0
- package/lib/components/PresenceBadge/presenceIcons.js +128 -0
- package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
- package/lib/components/PresenceBadge/usePresenceBadge.js +29 -15
- package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +34 -42
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.types.d.ts +1 -1
- package/lib-commonjs/components/Badge/useBadgeStyles.js +19 -20
- package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +6 -5
- package/lib-commonjs/components/PresenceBadge/presenceIcons.d.ts +11 -0
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js +136 -0
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -0
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +28 -14
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +34 -43
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/package.json +8 -7
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -98
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -113
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,16 +2,16 @@
|
|
|
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": "Wed, 24 Nov 2021 04:12:43 GMT",
|
|
6
|
+
"tag": "@fluentui/react-badge_v0.0.0-nightlya54302c0b220211124.1",
|
|
7
|
+
"version": "0.0.0-nightlya54302c0b220211124.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
|
-
"author": "
|
|
11
|
+
"author": "lingfangao@hotmail.com",
|
|
12
12
|
"package": "@fluentui/react-badge",
|
|
13
|
-
"commit": "
|
|
14
|
-
"comment": "
|
|
13
|
+
"commit": "6183f8ae46233d7ecec2a3d12e7348b7b41eea0c",
|
|
14
|
+
"comment": "various styling fixes for base Badge component"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
"author": "lingfangao@hotmail.com",
|
|
@@ -20,40 +20,46 @@
|
|
|
20
20
|
"comment": "Reduce colour set and align with base badge colours"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
"author": "
|
|
23
|
+
"author": "ololubek@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-badge",
|
|
25
|
+
"commit": "ecab13cfd6ac22657020db8f86eb89f952b0f953",
|
|
26
|
+
"comment": "update react-icons dependency"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "lingfangao@hotmail.com",
|
|
24
30
|
"package": "@fluentui/react-badge",
|
|
25
|
-
"
|
|
26
|
-
"
|
|
31
|
+
"commit": "48e52fc91e41ab721c9842f8f68ac84ad569a851",
|
|
32
|
+
"comment": "Remove props and return correct presence icons"
|
|
27
33
|
},
|
|
28
34
|
{
|
|
29
35
|
"author": "beachball",
|
|
30
36
|
"package": "@fluentui/react-badge",
|
|
31
|
-
"comment": "Bump @fluentui/react-
|
|
32
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1",
|
|
38
|
+
"commit": "e3c1bd15060ac276670338660c7965b877e333f4"
|
|
33
39
|
},
|
|
34
40
|
{
|
|
35
41
|
"author": "beachball",
|
|
36
42
|
"package": "@fluentui/react-badge",
|
|
37
|
-
"comment": "Bump @fluentui/react-
|
|
38
|
-
"commit": "
|
|
43
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightlya54302c0b220211124.1",
|
|
44
|
+
"commit": "e3c1bd15060ac276670338660c7965b877e333f4"
|
|
39
45
|
},
|
|
40
46
|
{
|
|
41
47
|
"author": "beachball",
|
|
42
48
|
"package": "@fluentui/react-badge",
|
|
43
|
-
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-
|
|
44
|
-
"commit": "
|
|
49
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlya54302c0b220211124.1",
|
|
50
|
+
"commit": "e3c1bd15060ac276670338660c7965b877e333f4"
|
|
45
51
|
},
|
|
46
52
|
{
|
|
47
53
|
"author": "beachball",
|
|
48
54
|
"package": "@fluentui/react-badge",
|
|
49
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-
|
|
50
|
-
"commit": "
|
|
55
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya54302c0b220211124.1",
|
|
56
|
+
"commit": "e3c1bd15060ac276670338660c7965b877e333f4"
|
|
51
57
|
},
|
|
52
58
|
{
|
|
53
59
|
"author": "beachball",
|
|
54
60
|
"package": "@fluentui/react-badge",
|
|
55
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-
|
|
56
|
-
"commit": "
|
|
61
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya54302c0b220211124.1",
|
|
62
|
+
"commit": "e3c1bd15060ac276670338660c7965b877e333f4"
|
|
57
63
|
}
|
|
58
64
|
]
|
|
59
65
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-badge
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 24 Nov 2021 04:12:43 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightlya54302c0b220211124.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightlya54302c0b220211124.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.3..@fluentui/react-badge_v0.0.0-
|
|
9
|
+
Wed, 24 Nov 2021 04:12:43 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.3..@fluentui/react-badge_v0.0.0-nightlya54302c0b220211124.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
-
|
|
14
|
+
- various styling fixes for base Badge component ([PR #20693](https://github.com/microsoft/fluentui/pull/20693) by lingfangao@hotmail.com)
|
|
15
15
|
- Reduce colour set and align with base badge colours ([PR #20596](https://github.com/microsoft/fluentui/pull/20596) by lingfangao@hotmail.com)
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
- Bump @fluentui/react-
|
|
19
|
-
- Bump @fluentui/
|
|
20
|
-
- Bump @fluentui/
|
|
21
|
-
- Bump @fluentui/
|
|
16
|
+
- update react-icons dependency ([PR #20563](https://github.com/microsoft/fluentui/pull/20563) by ololubek@microsoft.com)
|
|
17
|
+
- Remove props and return correct presence icons ([PR #20630](https://github.com/microsoft/fluentui/pull/20630) by lingfangao@hotmail.com)
|
|
18
|
+
- Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
|
|
19
|
+
- Bump @fluentui/react-theme to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
|
|
20
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
|
|
21
|
+
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
|
|
22
|
+
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
|
|
22
23
|
|
|
23
24
|
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.3)
|
|
24
25
|
|
package/dist/react-badge.d.ts
CHANGED
|
@@ -42,7 +42,7 @@ export declare type BadgeCommons = {
|
|
|
42
42
|
export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
|
|
43
43
|
|
|
44
44
|
export declare type BadgeSlots = {
|
|
45
|
-
root: ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>>;
|
|
45
|
+
root: ObjectShorthandProps<Omit<React_2.HTMLAttributes<HTMLElement>, 'color'>>;
|
|
46
46
|
icon?: ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>>;
|
|
47
47
|
};
|
|
48
48
|
|
|
@@ -110,7 +110,7 @@ export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
|
|
|
110
110
|
|
|
111
111
|
export declare const presenceBadgeClassName = "fui-PresenceBadge";
|
|
112
112
|
|
|
113
|
-
export declare
|
|
113
|
+
export declare type PresenceBadgeCommons = {
|
|
114
114
|
/**
|
|
115
115
|
* Represents several status
|
|
116
116
|
* @default available
|
|
@@ -122,11 +122,11 @@ export declare interface PresenceBadgeCommons {
|
|
|
122
122
|
* @default false
|
|
123
123
|
*/
|
|
124
124
|
outOfOffice: boolean;
|
|
125
|
-
}
|
|
125
|
+
} & BadgeCommons;
|
|
126
126
|
|
|
127
|
-
export declare type PresenceBadgeProps =
|
|
127
|
+
export declare type PresenceBadgeProps = ComponentProps<Partial<Pick<BadgeSlots, 'root'>>> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
|
|
128
128
|
|
|
129
|
-
export declare type PresenceBadgeState =
|
|
129
|
+
export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
|
|
130
130
|
|
|
131
131
|
export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
|
|
132
132
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { ComponentProps, ComponentState, ObjectShorthandProps } from '@fluentui/react-utilities';
|
|
3
3
|
export declare type BadgeSlots = {
|
|
4
|
-
root: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
|
|
4
|
+
root: ObjectShorthandProps<Omit<React.HTMLAttributes<HTMLElement>, 'color'>>;
|
|
5
5
|
icon?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
|
|
6
6
|
};
|
|
7
7
|
export declare type BadgeCommons = {
|
|
@@ -99,10 +99,10 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
99
99
|
"rootTint": {
|
|
100
100
|
"De3pzq": "f16xkysk",
|
|
101
101
|
"sj55zd": "faj9fo0",
|
|
102
|
-
"g2u3we": "
|
|
103
|
-
"h3c5rm": ["
|
|
104
|
-
"B9xav0g": "
|
|
105
|
-
"zhjwy3": ["
|
|
102
|
+
"g2u3we": "f161y7kd",
|
|
103
|
+
"h3c5rm": ["f1c8dzaj", "f1sl6hi9"],
|
|
104
|
+
"B9xav0g": "f1619yhw",
|
|
105
|
+
"zhjwy3": ["f1sl6hi9", "f1c8dzaj"]
|
|
106
106
|
},
|
|
107
107
|
"rootFilledDanger": {
|
|
108
108
|
"De3pzq": "fdl5y0r",
|
|
@@ -133,10 +133,10 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
133
133
|
"rootFilledSevere": {
|
|
134
134
|
"De3pzq": "f1s438gw",
|
|
135
135
|
"sj55zd": "f1phragk",
|
|
136
|
-
"g2u3we": "
|
|
137
|
-
"h3c5rm": ["
|
|
138
|
-
"B9xav0g": "
|
|
139
|
-
"zhjwy3": ["
|
|
136
|
+
"g2u3we": "fghlq4f",
|
|
137
|
+
"h3c5rm": ["f1gn591s", "fjscplz"],
|
|
138
|
+
"B9xav0g": "fb073pr",
|
|
139
|
+
"zhjwy3": ["fjscplz", "f1gn591s"]
|
|
140
140
|
},
|
|
141
141
|
"rootOutlineSevere": {
|
|
142
142
|
"sj55zd": "f1l8vj45",
|
|
@@ -185,10 +185,10 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
185
185
|
"rootFilledSuccess": {
|
|
186
186
|
"De3pzq": "flxk52p",
|
|
187
187
|
"sj55zd": "f1phragk",
|
|
188
|
-
"g2u3we": "
|
|
189
|
-
"h3c5rm": ["
|
|
190
|
-
"B9xav0g": "
|
|
191
|
-
"zhjwy3": ["
|
|
188
|
+
"g2u3we": "fghlq4f",
|
|
189
|
+
"h3c5rm": ["f1gn591s", "fjscplz"],
|
|
190
|
+
"B9xav0g": "fb073pr",
|
|
191
|
+
"zhjwy3": ["fjscplz", "f1gn591s"]
|
|
192
192
|
},
|
|
193
193
|
"rootOutlineSuccess": {
|
|
194
194
|
"sj55zd": "f1sms7z7",
|
|
@@ -243,7 +243,6 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
243
243
|
"zhjwy3": ["fjscplz", "f1gn591s"]
|
|
244
244
|
},
|
|
245
245
|
"rootOutlineInformative": {
|
|
246
|
-
"De3pzq": "f1s438gw",
|
|
247
246
|
"sj55zd": "f11z005f",
|
|
248
247
|
"g2u3we": "f1o6yoc8",
|
|
249
248
|
"h3c5rm": ["fdav146", "f6dh4jx"],
|
|
@@ -270,11 +269,11 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
270
269
|
"zhjwy3": ["fjscplz", "f1gn591s"]
|
|
271
270
|
},
|
|
272
271
|
"rootOutlineSubtle": {
|
|
273
|
-
"sj55zd": "
|
|
274
|
-
"g2u3we": "
|
|
275
|
-
"h3c5rm": ["
|
|
276
|
-
"B9xav0g": "
|
|
277
|
-
"zhjwy3": ["
|
|
272
|
+
"sj55zd": "fqpbvvt",
|
|
273
|
+
"g2u3we": "fgtodeh",
|
|
274
|
+
"h3c5rm": ["fm9lria", "fvwj3xt"],
|
|
275
|
+
"B9xav0g": "f7asi1z",
|
|
276
|
+
"zhjwy3": ["fvwj3xt", "fm9lria"]
|
|
278
277
|
},
|
|
279
278
|
"rootTintSubtle": {
|
|
280
279
|
"De3pzq": "fxugw4r",
|
|
@@ -285,7 +284,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
285
284
|
"zhjwy3": ["fw35ms5", "f7pw515"]
|
|
286
285
|
},
|
|
287
286
|
"rootGhostSubtle": {
|
|
288
|
-
"sj55zd": "
|
|
287
|
+
"sj55zd": "fqpbvvt"
|
|
289
288
|
},
|
|
290
289
|
"icon": {
|
|
291
290
|
"mc9l5x": "f22iagw",
|
|
@@ -294,7 +293,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
294
293
|
"Bqenvij": "f1l02sjl"
|
|
295
294
|
}
|
|
296
295
|
}, {
|
|
297
|
-
"d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f4xv25i{gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".f19jf40t{gap:6px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fq9zq91{border-radius:var(--borderRadiusSmall);}", ".f1rt4pet{border-radius:99px;}", ".f2imlf6{background:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".
|
|
296
|
+
"d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f4xv25i{gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".f19jf40t{gap:6px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fq9zq91{border-radius:var(--borderRadiusSmall);}", ".f1rt4pet{border-radius:99px;}", ".f2imlf6{background:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".f161y7kd{border-top-color:var(--colorBrandStroke2);}", ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}", ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}", ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f11ttmz8{border-top-color:var(--colorPaletteRedBackground3);}", ".f1ratw88{border-right-color:var(--colorPaletteRedBackground3);}", ".f459ikj{border-left-color:var(--colorPaletteRedBackground3);}", ".fvovscg{border-bottom-color:var(--colorPaletteRedBackground3);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1tg094z{border-top-color:var(--colorPaletteRedForeground3);}", ".f19abfc5{border-right-color:var(--colorPaletteRedForeground3);}", ".f1cj97ds{border-left-color:var(--colorPaletteRedForeground3);}", ".f1i5u4jy{border-bottom-color:var(--colorPaletteRedForeground3);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".fkvqoq2{border-top-color:var(--colorPaletteRedForeground2);}", ".f1abpjw7{border-right-color:var(--colorPaletteRedForeground2);}", ".fzsnz0r{border-left-color:var(--colorPaletteRedForeground2);}", ".f9kvmvw{border-bottom-color:var(--colorPaletteRedForeground2);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wahxdx{border-top-color:var(--colorPaletteDarkOrangeForeground3);}", ".fpbzgcg{border-right-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1g7u8zt{border-left-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wrnc4t{border-bottom-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".f18s257e{border-top-color:var(--colorPaletteDarkOrangeForeground2);}", ".f13ptu4t{border-right-color:var(--colorPaletteDarkOrangeForeground2);}", ".fiwx4jo{border-left-color:var(--colorPaletteDarkOrangeForeground2);}", ".f1geyuz0{border-bottom-color:var(--colorPaletteDarkOrangeForeground2);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1gyeiz5{border-top-color:var(--colorPaletteYellowBackground3);}", ".f1jnj1iq{border-right-color:var(--colorPaletteYellowBackground3);}", ".fd1epeu{border-left-color:var(--colorPaletteYellowBackground3);}", ".f102bkgo{border-bottom-color:var(--colorPaletteYellowBackground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".fbahunb{border-top-color:var(--colorPaletteYellowForeground2);}", ".fa2hcp6{border-right-color:var(--colorPaletteYellowForeground2);}", ".f1cr20yc{border-left-color:var(--colorPaletteYellowForeground2);}", ".f1fbl5g1{border-bottom-color:var(--colorPaletteYellowForeground2);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f1e2bpek{border-top-color:var(--colorPaletteYellowBackground2);}", ".fnu3uvp{border-right-color:var(--colorPaletteYellowBackground2);}", ".fdpwmi9{border-left-color:var(--colorPaletteYellowBackground2);}", ".fk8fs0c{border-bottom-color:var(--colorPaletteYellowBackground2);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".f1sms7z7{color:var(--colorPaletteGreenForeground2);}", ".f7obisw{border-top-color:var(--colorPaletteGreenForeground2);}", ".f108f34s{border-right-color:var(--colorPaletteGreenForeground2);}", ".f1chpoyh{border-left-color:var(--colorPaletteGreenForeground2);}", ".f1xtovf2{border-bottom-color:var(--colorPaletteGreenForeground2);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".f3m3qtd{border-top-color:var(--colorPaletteGreenBackground2);}", ".f1bjyn17{border-right-color:var(--colorPaletteGreenBackground2);}", ".fksln3n{border-left-color:var(--colorPaletteGreenBackground2);}", ".frg4y0o{border-bottom-color:var(--colorPaletteGreenBackground2);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".fnp0ra0{border-top-color:var(--colorNeutralForeground1);}", ".fanr40h{border-right-color:var(--colorNeutralForeground1);}", ".f1nwaeql{border-left-color:var(--colorNeutralForeground1);}", ".f15ntglx{border-bottom-color:var(--colorNeutralForeground1);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f11z005f{color:var(--colorNeutralBackground5);}", ".f1o6yoc8{border-top-color:var(--colorNeutralBackground5);}", ".fdav146{border-right-color:var(--colorNeutralBackground5);}", ".f6dh4jx{border-left-color:var(--colorNeutralBackground5);}", ".fhjohzm{border-bottom-color:var(--colorNeutralBackground5);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".fgtodeh{border-top-color:var(--colorNeutralForegroundInverted);}", ".fm9lria{border-right-color:var(--colorNeutralForegroundInverted);}", ".fvwj3xt{border-left-color:var(--colorNeutralForegroundInverted);}", ".f7asi1z{border-bottom-color:var(--colorNeutralForegroundInverted);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fxe27oy{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}", ".f1l02sjl{height:100%;}"]
|
|
298
297
|
});
|
|
299
298
|
/**
|
|
300
299
|
* Applies style classnames to slots
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,OAAO,MAAM,cAAc,GAAG,WAAvB;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
|
|
2
|
+
import type { BadgeCommons, BadgeSlots } from '../Badge/index';
|
|
2
3
|
export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
|
|
3
|
-
export
|
|
4
|
+
export declare type PresenceBadgeCommons = {
|
|
4
5
|
/**
|
|
5
6
|
* Represents several status
|
|
6
7
|
* @default available
|
|
@@ -12,6 +13,6 @@ export interface PresenceBadgeCommons {
|
|
|
12
13
|
* @default false
|
|
13
14
|
*/
|
|
14
15
|
outOfOffice: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare type PresenceBadgeProps =
|
|
17
|
-
export declare type PresenceBadgeState =
|
|
16
|
+
} & BadgeCommons;
|
|
17
|
+
export declare type PresenceBadgeProps = ComponentProps<Partial<Pick<BadgeSlots, 'root'>>> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
|
|
18
|
+
export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { PresenceBadgeState } from './PresenceBadge.types';
|
|
3
|
+
export declare const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
4
|
+
export declare const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
5
|
+
export declare const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
6
|
+
export declare const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
7
|
+
export declare const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
8
|
+
export declare const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
9
|
+
export declare const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
10
|
+
export declare const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
11
|
+
export declare const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { PresenceAvailable10Regular, PresenceAvailable12Regular, PresenceAvailable16Regular, PresenceAvailable10Filled, PresenceAvailable12Filled, PresenceAvailable16Filled, PresenceAway10Filled, PresenceAway12Filled, PresenceAway16Filled, PresenceBusy10Filled, PresenceBusy12Filled, PresenceBusy16Filled, PresenceDnd10Regular, PresenceDnd12Regular, PresenceDnd16Regular, PresenceDnd10Filled, PresenceDnd12Filled, PresenceDnd16Filled, PresenceOof10Regular, PresenceOof12Regular, PresenceOof16Regular, PresenceOffline10Regular, PresenceOffline12Regular, PresenceOffline16Regular, PresenceUnknown10Regular, PresenceUnknown12Regular, PresenceUnknown16Regular } from '@fluentui/react-icons';
|
|
2
|
+
export const presenceAwayFilled = {
|
|
3
|
+
// FIXME not all presence icon sizes are available
|
|
4
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
5
|
+
tiny: PresenceAway10Filled,
|
|
6
|
+
'extra-small': PresenceAway10Filled,
|
|
7
|
+
small: PresenceAway12Filled,
|
|
8
|
+
medium: PresenceAway16Filled,
|
|
9
|
+
// FIXME not all presence icon sizes are available
|
|
10
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
11
|
+
large: PresenceAway16Filled,
|
|
12
|
+
// FIXME not all presence icon sizes are available
|
|
13
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
14
|
+
'extra-large': PresenceAway16Filled
|
|
15
|
+
};
|
|
16
|
+
export const presenceAvailableRegular = {
|
|
17
|
+
// FIXME not all presence icon sizes are available
|
|
18
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
19
|
+
tiny: PresenceAvailable10Regular,
|
|
20
|
+
'extra-small': PresenceAvailable10Regular,
|
|
21
|
+
small: PresenceAvailable12Regular,
|
|
22
|
+
medium: PresenceAvailable16Regular,
|
|
23
|
+
// FIXME not all presence icon sizes are available
|
|
24
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
25
|
+
large: PresenceAvailable16Regular,
|
|
26
|
+
// FIXME not all presence icon sizes are available
|
|
27
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
28
|
+
'extra-large': PresenceAvailable16Regular
|
|
29
|
+
};
|
|
30
|
+
export const presenceAvailableFilled = {
|
|
31
|
+
// FIXME not all presence icon sizes are available
|
|
32
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
33
|
+
tiny: PresenceAvailable10Filled,
|
|
34
|
+
'extra-small': PresenceAvailable10Filled,
|
|
35
|
+
small: PresenceAvailable12Filled,
|
|
36
|
+
medium: PresenceAvailable16Filled,
|
|
37
|
+
// FIXME not all presence icon sizes are available
|
|
38
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
39
|
+
large: PresenceAvailable16Filled,
|
|
40
|
+
// FIXME not all presence icon sizes are available
|
|
41
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
42
|
+
'extra-large': PresenceAvailable16Filled
|
|
43
|
+
};
|
|
44
|
+
export const presenceBusyFilled = {
|
|
45
|
+
// FIXME not all presence icon sizes are available
|
|
46
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
47
|
+
tiny: PresenceBusy10Filled,
|
|
48
|
+
'extra-small': PresenceBusy10Filled,
|
|
49
|
+
small: PresenceBusy12Filled,
|
|
50
|
+
medium: PresenceBusy16Filled,
|
|
51
|
+
// FIXME not all presence icon sizes are available
|
|
52
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
53
|
+
large: PresenceBusy16Filled,
|
|
54
|
+
// FIXME not all presence icon sizes are available
|
|
55
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
56
|
+
'extra-large': PresenceBusy16Filled
|
|
57
|
+
};
|
|
58
|
+
export const presenceDndFilled = {
|
|
59
|
+
// FIXME not all presence icon sizes are available
|
|
60
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
61
|
+
tiny: PresenceDnd10Filled,
|
|
62
|
+
'extra-small': PresenceDnd10Filled,
|
|
63
|
+
small: PresenceDnd12Filled,
|
|
64
|
+
medium: PresenceDnd16Filled,
|
|
65
|
+
// FIXME not all presence icon sizes are available
|
|
66
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
67
|
+
large: PresenceDnd16Filled,
|
|
68
|
+
// FIXME not all presence icon sizes are available
|
|
69
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
70
|
+
'extra-large': PresenceDnd16Filled
|
|
71
|
+
};
|
|
72
|
+
export const presenceDndRegular = {
|
|
73
|
+
// FIXME not all presence icon sizes are available
|
|
74
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
75
|
+
tiny: PresenceDnd10Regular,
|
|
76
|
+
'extra-small': PresenceDnd10Regular,
|
|
77
|
+
small: PresenceDnd12Regular,
|
|
78
|
+
medium: PresenceDnd16Regular,
|
|
79
|
+
// FIXME not all presence icon sizes are available
|
|
80
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
81
|
+
large: PresenceDnd16Regular,
|
|
82
|
+
// FIXME not all presence icon sizes are available
|
|
83
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
84
|
+
'extra-large': PresenceDnd16Regular
|
|
85
|
+
};
|
|
86
|
+
export const presenceOofRegular = {
|
|
87
|
+
// FIXME not all presence icon sizes are available
|
|
88
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
89
|
+
tiny: PresenceOof10Regular,
|
|
90
|
+
'extra-small': PresenceOof10Regular,
|
|
91
|
+
small: PresenceOof12Regular,
|
|
92
|
+
medium: PresenceOof16Regular,
|
|
93
|
+
// FIXME not all presence icon sizes are available
|
|
94
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
95
|
+
large: PresenceOof16Regular,
|
|
96
|
+
// FIXME not all presence icon sizes are available
|
|
97
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
98
|
+
'extra-large': PresenceOof16Regular
|
|
99
|
+
};
|
|
100
|
+
export const presenceOfflineRegular = {
|
|
101
|
+
// FIXME not all presence icon sizes are available
|
|
102
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
103
|
+
tiny: PresenceOffline10Regular,
|
|
104
|
+
'extra-small': PresenceOffline10Regular,
|
|
105
|
+
small: PresenceOffline12Regular,
|
|
106
|
+
medium: PresenceOffline16Regular,
|
|
107
|
+
// FIXME not all presence icon sizes are available
|
|
108
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
109
|
+
large: PresenceOffline16Regular,
|
|
110
|
+
// FIXME not all presence icon sizes are available
|
|
111
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
112
|
+
'extra-large': PresenceOffline16Regular
|
|
113
|
+
};
|
|
114
|
+
export const presenceUnknownRegular = {
|
|
115
|
+
// FIXME not all presence icon sizes are available
|
|
116
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
117
|
+
tiny: PresenceUnknown10Regular,
|
|
118
|
+
'extra-small': PresenceUnknown10Regular,
|
|
119
|
+
small: PresenceUnknown12Regular,
|
|
120
|
+
medium: PresenceUnknown16Regular,
|
|
121
|
+
// FIXME not all presence icon sizes are available
|
|
122
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
123
|
+
large: PresenceUnknown16Regular,
|
|
124
|
+
// FIXME not all presence icon sizes are available
|
|
125
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
|
126
|
+
'extra-large': PresenceUnknown16Regular
|
|
127
|
+
};
|
|
128
|
+
//# sourceMappingURL=presenceIcons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/presenceIcons.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,37 +1,51 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { resolveShorthand } from '@fluentui/react-utilities';
|
|
3
|
+
import { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from './presenceIcons';
|
|
3
4
|
import { useBadge } from '../Badge/index';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
5
|
+
|
|
6
|
+
const iconMap = (status, outOfOffice, size) => {
|
|
7
|
+
switch (status) {
|
|
8
|
+
case 'available':
|
|
9
|
+
return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];
|
|
10
|
+
|
|
11
|
+
case 'away':
|
|
12
|
+
return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];
|
|
13
|
+
|
|
14
|
+
case 'busy':
|
|
15
|
+
return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];
|
|
16
|
+
|
|
17
|
+
case 'doNotDisturb':
|
|
18
|
+
return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];
|
|
19
|
+
|
|
20
|
+
case 'offline':
|
|
21
|
+
return presenceOfflineRegular[size];
|
|
22
|
+
|
|
23
|
+
case 'outOfOffice':
|
|
24
|
+
return presenceOofRegular[size];
|
|
25
|
+
}
|
|
26
|
+
};
|
|
14
27
|
/**
|
|
15
28
|
* Returns the props and state required to render the component
|
|
16
29
|
*/
|
|
17
30
|
|
|
18
31
|
|
|
19
32
|
export const usePresenceBadge = (props, ref) => {
|
|
20
|
-
var _a, _b
|
|
33
|
+
var _a, _b;
|
|
21
34
|
|
|
22
35
|
const state = { ...useBadge({
|
|
23
|
-
size: '
|
|
36
|
+
size: 'medium',
|
|
24
37
|
...props,
|
|
25
|
-
icon: resolveShorthand(
|
|
38
|
+
icon: resolveShorthand(undefined, {
|
|
26
39
|
required: true
|
|
27
40
|
})
|
|
28
41
|
}, ref),
|
|
29
42
|
status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',
|
|
30
43
|
outOfOffice: (_b = props.outOfOffice) !== null && _b !== void 0 ? _b : false
|
|
31
44
|
};
|
|
45
|
+
const IconElement = iconMap(state.status, state.outOfOffice, state.size);
|
|
32
46
|
|
|
33
|
-
if (
|
|
34
|
-
state.icon.children =
|
|
47
|
+
if (IconElement) {
|
|
48
|
+
state.icon.children = /*#__PURE__*/React.createElement(IconElement, null);
|
|
35
49
|
}
|
|
36
50
|
|
|
37
51
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,SACE,uBADF,EAEE,wBAFF,EAGE,kBAHF,EAIE,kBAJF,EAKE,iBALF,EAME,kBANF,EAOE,sBAPF,EAQE,kBARF,EASE,sBATF,QAUO,iBAVP;AAWA,SAAS,QAAT,QAAyB,gBAAzB;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,wBAAwB,CAAC,IAAD,CAA3B,GAAoC,uBAAuB,CAAC,IAAD,CAA7E;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,kBAAkB,CAAC,IAAD,CAArB,GAA8B,iBAAiB,CAAC,IAAD,CAAjE;;AACF,SAAK,SAAL;AACE,aAAO,sBAAsB,CAAC,IAAD,CAA7B;;AACF,SAAK,aAAL;AACE,aAAO,kBAAkB,CAAC,IAAD,CAAzB;AAZJ;AAcD,CAnBD;AAqBA;;AAEG;;;AACH,OAAO,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAA4B,GAA5B,KAA+E;;;AAC7G,QAAM,KAAK,GAAuB,EAChC,GAAG,QAAQ,CACT;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,gBAAgB,CAAC,SAAD,EAAY;AAChC,QAAA,QAAQ,EAAE;AADsB,OAAZ;AAHxB,KADS,EAQT,GARS,CADqB;AAWhC,IAAA,MAAM,EAAA,CAAA,EAAA,GAAE,KAAK,CAAC,MAAR,MAAc,IAAd,IAAc,EAAA,KAAA,KAAA,CAAd,GAAc,EAAd,GAAkB,WAXQ;AAYhC,IAAA,WAAW,EAAA,CAAA,EAAA,GAAE,KAAK,CAAC,WAAR,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,EAAnB,GAAuB;AAZF,GAAlC;AAeA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,gBAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CAtBM","sourceRoot":""}
|