@fluentui/react-badge 0.0.0-nightlyfe9829e48120211112.1 → 0.0.0-nightlyff78d1e27a20220217.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (112) hide show
  1. package/CHANGELOG.json +299 -16
  2. package/CHANGELOG.md +70 -11
  3. package/dist/react-badge.d.ts +27 -28
  4. package/lib/Badge.js.map +1 -1
  5. package/lib/CounterBadge.js.map +1 -1
  6. package/lib/PresenceBadge.js.map +1 -1
  7. package/lib/components/Badge/Badge.d.ts +1 -1
  8. package/lib/components/Badge/Badge.js +7 -7
  9. package/lib/components/Badge/Badge.js.map +1 -1
  10. package/lib/components/Badge/Badge.types.d.ts +4 -5
  11. package/lib/components/Badge/Badge.types.js.map +1 -1
  12. package/lib/components/Badge/index.d.ts +1 -1
  13. package/lib/components/Badge/index.js +0 -1
  14. package/lib/components/Badge/index.js.map +1 -1
  15. package/lib/components/Badge/renderBadge.d.ts +1 -1
  16. package/lib/components/Badge/renderBadge.js +6 -3
  17. package/lib/components/Badge/renderBadge.js.map +1 -1
  18. package/lib/components/Badge/useBadge.d.ts +1 -1
  19. package/lib/components/Badge/useBadge.js +1 -1
  20. package/lib/components/Badge/useBadge.js.map +1 -1
  21. package/lib/components/Badge/useBadgeStyles.d.ts +1 -1
  22. package/lib/components/Badge/useBadgeStyles.js +209 -203
  23. package/lib/components/Badge/useBadgeStyles.js.map +1 -1
  24. package/lib/components/CounterBadge/CounterBadge.d.ts +1 -1
  25. package/lib/components/CounterBadge/CounterBadge.js +7 -7
  26. package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
  27. package/lib/components/CounterBadge/CounterBadge.types.d.ts +9 -9
  28. package/lib/components/CounterBadge/CounterBadge.types.js.map +1 -1
  29. package/lib/components/CounterBadge/index.js.map +1 -1
  30. package/lib/components/CounterBadge/useCounterBadge.d.ts +1 -1
  31. package/lib/components/CounterBadge/useCounterBadge.js +3 -3
  32. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
  33. package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts +1 -1
  34. package/lib/components/CounterBadge/useCounterBadgeStyles.js +7 -38
  35. package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  36. package/lib/components/PresenceBadge/PresenceBadge.d.ts +1 -1
  37. package/lib/components/PresenceBadge/PresenceBadge.js +7 -7
  38. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
  39. package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +7 -5
  40. package/lib/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  41. package/lib/components/PresenceBadge/index.js.map +1 -1
  42. package/lib/components/PresenceBadge/presenceIcons.d.ts +11 -0
  43. package/lib/components/PresenceBadge/presenceIcons.js +128 -0
  44. package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
  45. package/lib/components/PresenceBadge/usePresenceBadge.d.ts +1 -1
  46. package/lib/components/PresenceBadge/usePresenceBadge.js +32 -18
  47. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  48. package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts +1 -1
  49. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +40 -44
  50. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  51. package/lib/index.js.map +1 -1
  52. package/lib-commonjs/Badge.js.map +1 -1
  53. package/lib-commonjs/CounterBadge.js.map +1 -1
  54. package/lib-commonjs/PresenceBadge.js.map +1 -1
  55. package/lib-commonjs/components/Badge/Badge.d.ts +1 -1
  56. package/lib-commonjs/components/Badge/Badge.js +4 -4
  57. package/lib-commonjs/components/Badge/Badge.js.map +1 -1
  58. package/lib-commonjs/components/Badge/Badge.types.d.ts +4 -5
  59. package/lib-commonjs/components/Badge/Badge.types.js.map +1 -1
  60. package/lib-commonjs/components/Badge/index.d.ts +1 -1
  61. package/lib-commonjs/components/Badge/index.js +0 -2
  62. package/lib-commonjs/components/Badge/index.js.map +1 -1
  63. package/lib-commonjs/components/Badge/renderBadge.d.ts +1 -1
  64. package/lib-commonjs/components/Badge/renderBadge.js +8 -5
  65. package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
  66. package/lib-commonjs/components/Badge/useBadge.d.ts +1 -1
  67. package/lib-commonjs/components/Badge/useBadge.js +3 -3
  68. package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
  69. package/lib-commonjs/components/Badge/useBadgeStyles.d.ts +1 -1
  70. package/lib-commonjs/components/Badge/useBadgeStyles.js +212 -205
  71. package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
  72. package/lib-commonjs/components/CounterBadge/CounterBadge.d.ts +1 -1
  73. package/lib-commonjs/components/CounterBadge/CounterBadge.js +4 -4
  74. package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
  75. package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts +9 -9
  76. package/lib-commonjs/components/CounterBadge/CounterBadge.types.js.map +1 -1
  77. package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
  78. package/lib-commonjs/components/CounterBadge/useCounterBadge.d.ts +1 -1
  79. package/lib-commonjs/components/CounterBadge/useCounterBadge.js +4 -4
  80. package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
  81. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts +1 -1
  82. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +9 -40
  83. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  84. package/lib-commonjs/components/PresenceBadge/PresenceBadge.d.ts +1 -1
  85. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +4 -4
  86. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
  87. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +7 -5
  88. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  89. package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
  90. package/lib-commonjs/components/PresenceBadge/presenceIcons.d.ts +11 -0
  91. package/lib-commonjs/components/PresenceBadge/presenceIcons.js +136 -0
  92. package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -0
  93. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.d.ts +1 -1
  94. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +32 -18
  95. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  96. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.d.ts +1 -1
  97. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +43 -47
  98. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  99. package/lib-commonjs/index.js.map +1 -1
  100. package/package.json +14 -15
  101. package/lib/common/isConformant.d.ts +0 -4
  102. package/lib/common/isConformant.js +0 -13
  103. package/lib/common/isConformant.js.map +0 -1
  104. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
  105. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -98
  106. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
  107. package/lib-commonjs/common/isConformant.d.ts +0 -4
  108. package/lib-commonjs/common/isConformant.js +0 -24
  109. package/lib-commonjs/common/isConformant.js.map +0 -1
  110. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
  111. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -113
  112. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
@@ -3,70 +3,48 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.usePresenceBadgeStyles = exports.presenceBadgeClassName = void 0;
6
+ exports.usePresenceBadgeStyles_unstable = exports.presenceBadgeClassName = void 0;
7
7
 
8
- const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
- const Badge_1 = /*#__PURE__*/require("../../Badge");
10
+ const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
11
11
 
12
12
  exports.presenceBadgeClassName = 'fui-PresenceBadge';
13
13
 
14
- const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
14
+ const useStyles = /*#__PURE__*/react_1.__styles({
15
15
  "root": {
16
16
  "z8tnut": "f1g0x7ka",
17
17
  "z189sj": ["fhxju0i", "f1cnd47f"],
18
18
  "Byoj8tv": "f1qch9an",
19
19
  "uwmqm3": ["f1cnd47f", "fhxju0i"],
20
- "B4j52fo": "f18zi460",
21
- "Bekrc4i": ["f1wpluaz", "fsfsuhs"],
22
- "Bn0qgzm": "fmklw6v",
23
- "ibv6hh": ["fsfsuhs", "f1wpluaz"]
24
- },
25
- "thinBorder": {
26
- "B4j52fo": "f192inf7",
27
- "Bekrc4i": ["f5tn483", "f1ojsxk5"],
28
- "Bn0qgzm": "f1vxd6vx",
29
- "ibv6hh": ["f1ojsxk5", "f5tn483"]
20
+ "mc9l5x": "ftuwxu6",
21
+ "B7ck84d": "f1ewtqcl",
22
+ "Bt984gj": "f122n59",
23
+ "Brf1p80": "f4d9j23",
24
+ "Bhmb4qv": "fb8jth9",
25
+ "Bbmb7ep": ["fqgqgel", "fchfifz"],
26
+ "Beyfa6y": ["fchfifz", "fqgqgel"],
27
+ "B7oj6ja": ["fc7b1hi", "f1dpx5h9"],
28
+ "Btl43ni": ["f1dpx5h9", "fc7b1hi"],
29
+ "De3pzq": "fxugw4r"
30
30
  },
31
31
  "statusBusy": {
32
- "De3pzq": "fdl5y0r",
33
- "g2u3we": "f11ttmz8",
34
- "h3c5rm": ["f1ratw88", "f459ikj"],
35
- "B9xav0g": "fvovscg",
36
- "zhjwy3": ["f459ikj", "f1ratw88"]
32
+ "sj55zd": "fvi85wt"
37
33
  },
38
34
  "statusAway": {
39
- "De3pzq": "fb00bxr",
40
- "g2u3we": "f1skk3ns",
41
- "h3c5rm": ["f766wml", "f1rnrfqa"],
42
- "B9xav0g": "fb8zvtn",
43
- "zhjwy3": ["f1rnrfqa", "f766wml"]
35
+ "sj55zd": "f14k8a89"
44
36
  },
45
37
  "statusAvailable": {
46
- "De3pzq": "f1og3d8b",
47
- "g2u3we": "f1t9i9vy",
48
- "h3c5rm": ["f1r5awo9", "fnfhfy0"],
49
- "B9xav0g": "fgfkvtu",
50
- "zhjwy3": ["fnfhfy0", "f1r5awo9"]
38
+ "sj55zd": "fqa5hgp"
51
39
  },
52
40
  "statusOffline": {
53
- "De3pzq": "fxugw4r",
54
- "sj55zd": "f11d4kpn",
55
- "g2u3we": "fi2z7s6",
56
- "h3c5rm": ["f1agc6it", "f1sit5hz"],
57
- "B9xav0g": "f9pok3v",
58
- "zhjwy3": ["f1sit5hz", "f1agc6it"]
41
+ "sj55zd": "f11d4kpn"
59
42
  },
60
43
  "statusOutOfOffice": {
61
- "De3pzq": "fxugw4r",
62
- "sj55zd": "fdce8r3",
63
- "g2u3we": "f161shwc",
64
- "h3c5rm": ["fbde6ui", "f7rrh46"],
65
- "B9xav0g": "f1yt3bcc",
66
- "zhjwy3": ["f7rrh46", "fbde6ui"]
44
+ "sj55zd": "fdce8r3"
67
45
  },
68
46
  "outOfOffice": {
69
- "De3pzq": "fxugw4r"
47
+ "sj55zd": "fr0bkrk"
70
48
  },
71
49
  "outOfOfficeAvailable": {
72
50
  "sj55zd": "fqa5hgp"
@@ -76,20 +54,38 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
76
54
  },
77
55
  "outOfOfficeAway": {
78
56
  "sj55zd": "f14k8a89"
57
+ },
58
+ "tiny": {
59
+ "Bubjx69": "f9ikmtg",
60
+ "a9b677": "f16dn6v3",
61
+ "B5pe6w7": "fab5kbq",
62
+ "p4uzdd": "f1ms1d91"
63
+ },
64
+ "large": {
65
+ "Bubjx69": "f9ikmtg",
66
+ "a9b677": "f64fuq3",
67
+ "B5pe6w7": "f1vfi1yj",
68
+ "p4uzdd": "f15s34gz"
69
+ },
70
+ "extraLarge": {
71
+ "Bubjx69": "f9ikmtg",
72
+ "a9b677": "f1w9dchk",
73
+ "B5pe6w7": "f14efy9b",
74
+ "p4uzdd": "fhipgdu"
79
75
  }
80
76
  }, {
81
- "d": [".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".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);}", ".fb00bxr{background-color:var(--colorPaletteMarigoldBackground3);}", ".f1skk3ns{border-top-color:var(--colorPaletteMarigoldBackground3);}", ".f766wml{border-right-color:var(--colorPaletteMarigoldBackground3);}", ".f1rnrfqa{border-left-color:var(--colorPaletteMarigoldBackground3);}", ".fb8zvtn{border-bottom-color:var(--colorPaletteMarigoldBackground3);}", ".f1og3d8b{background-color:var(--colorPaletteLightGreenForeground3);}", ".f1t9i9vy{border-top-color:var(--colorPaletteLightGreenForeground3);}", ".f1r5awo9{border-right-color:var(--colorPaletteLightGreenForeground3);}", ".fnfhfy0{border-left-color:var(--colorPaletteLightGreenForeground3);}", ".fgfkvtu{border-bottom-color:var(--colorPaletteLightGreenForeground3);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fi2z7s6{border-top-color:var(--colorNeutralForeground3);}", ".f1agc6it{border-right-color:var(--colorNeutralForeground3);}", ".f1sit5hz{border-left-color:var(--colorNeutralForeground3);}", ".f9pok3v{border-bottom-color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".f161shwc{border-top-color:var(--colorPaletteBerryForeground3);}", ".fbde6ui{border-right-color:var(--colorPaletteBerryForeground3);}", ".f7rrh46{border-left-color:var(--colorPaletteBerryForeground3);}", ".f1yt3bcc{border-bottom-color:var(--colorPaletteBerryForeground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}"]
77
+ "d": [".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".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;}", ".fb8jth9 span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fqgqgel{border-bottom-right-radius:50%;}", ".fchfifz{border-bottom-left-radius:50%;}", ".fc7b1hi{border-top-right-radius:50%;}", ".f1dpx5h9{border-top-left-radius:50%;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".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;}"]
82
78
  });
83
79
  /**
84
80
  * Applies style classnames to slots
85
81
  */
86
82
 
87
83
 
88
- const usePresenceBadgeStyles = state => {
84
+ const usePresenceBadgeStyles_unstable = state => {
89
85
  const styles = useStyles();
90
- state.root.className = react_make_styles_1.mergeClasses(exports.presenceBadgeClassName, styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, (state.size === 'tiny' || state.size === 'extra-small') && styles.thinBorder, state.root.className);
91
- return Badge_1.useBadgeStyles(state);
86
+ state.root.className = react_1.mergeClasses(exports.presenceBadgeClassName, styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'outOfOffice' && styles.statusOutOfOffice, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
87
+ return state;
92
88
  };
93
89
 
94
- exports.usePresenceBadgeStyles = usePresenceBadgeStyles;
90
+ exports.usePresenceBadgeStyles_unstable = usePresenceBadgeStyles_unstable;
95
91
  //# sourceMappingURL=usePresenceBadgeStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA4CA;;AAEG;;;AACI,MAAM,sBAAsB,GAAI,KAAD,IAAkD;AACtF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,sBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAHlD,EAIrB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJb,EAKrB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALlB,EAMrB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANhB,EAOrB,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBAPpB,EAQrB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARP,EASrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBATvC,EAUrB,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAVvE,EAWrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXlC,EAYrB,CAAC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,KAAK,CAAC,IAAN,KAAe,aAAzC,KAA2D,MAAM,CAAC,UAZ7C,EAarB,KAAK,CAAC,IAAN,CAAW,SAbU,CAAvB;AAgBA,SAAO,OAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
1
+ {"version":3,"sources":["components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAuEA;;AAEG;;;AACI,MAAM,+BAA+B,GAAI,KAAD,IAAkD;AAC/F,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,sBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAHlD,EAIrB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJb,EAKrB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALlB,EAMrB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANhB,EAOrB,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBAPpB,EAQrB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARP,EASrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBATvC,EAUrB,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAVvE,EAWrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXlC,EAYrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,SAAtC,IAAmD,MAAM,CAAC,aAZrC,EAarB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,aAAtC,IAAuD,MAAM,CAAC,iBAbzC,EAcrB,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,MAAM,CAAC,IAdX,EAerB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,KAfZ,EAgBrB,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,UAhBlB,EAiBrB,KAAK,CAAC,IAAN,CAAW,SAjBU,CAAvB;AAoBA,SAAO,KAAP;AACD,CAvBM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceBadgeClassName = 'fui-PresenceBadge';\n\nconst useStyles = makeStyles({\n root: {\n ...shorthands.padding(0),\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n\n '& span': {\n display: 'flex',\n },\n ...shorthands.borderRadius('50%'),\n backgroundColor: tokens.colorNeutralBackground1,\n },\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 outOfOffice: {\n color: tokens.colorNeutralBackground1,\n },\n outOfOfficeAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n outOfOfficeBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n outOfOfficeAway: {\n color: tokens.colorPaletteMarigoldBackground3,\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 '& 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 styles = useStyles();\n state.root.className = mergeClasses(\n presenceBadgeClassName,\n styles.root,\n (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy,\n state.status === 'away' && styles.statusAway,\n state.status === 'available' && styles.statusAvailable,\n state.status === 'offline' && styles.statusOffline,\n state.status === 'outOfOffice' && styles.statusOutOfOffice,\n state.outOfOffice && styles.outOfOffice,\n state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy,\n state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway,\n state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n state.outOfOffice && state.status === 'outOfOffice' && styles.statusOutOfOffice,\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 return state;\n};\n"],"sourceRoot":"../src/"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Badge/index';\nexport * from './Badge';\nexport * from './PresenceBadge';\nexport * from './components/CounterBadge/index';\nexport * from './CounterBadge';\n"],"sourceRoot":"../src/"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-badge",
3
- "version": "0.0.0-nightlyfe9829e48120211112.1",
3
+ "version": "0.0.0-nightlyff78d1e27a20220217.1",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -19,17 +19,16 @@
19
19
  "just": "just-scripts",
20
20
  "lint": "just-scripts lint",
21
21
  "start": "yarn storybook",
22
- "test": "jest",
22
+ "test": "jest --passWithNoTests",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-badge/src && yarn docs",
25
- "storybook": "start-storybook"
24
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-badge/src && yarn docs",
25
+ "storybook": "node ../../scripts/storybook/runner",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "0.0.0-nightlyfe9829e48120211112.1",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyfe9829e48120211112.1",
31
30
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlyfe9829e48120211112.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightlyff78d1e27a20220217.1",
33
32
  "@fluentui/scripts": "^1.0.0",
34
33
  "@types/enzyme": "3.10.3",
35
34
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -43,19 +42,19 @@
43
42
  "react-test-renderer": "^16.3.0"
44
43
  },
45
44
  "dependencies": {
46
- "@fluentui/react-make-styles": "0.0.0-nightlyfe9829e48120211112.1",
47
- "@fluentui/react-theme": "0.0.0-nightlyfe9829e48120211112.1",
48
- "@fluentui/react-utilities": "0.0.0-nightlyfe9829e48120211112.1",
45
+ "@fluentui/react-icons": "^2.0.159-beta.10",
46
+ "@griffel/react": "1.0.0",
47
+ "@fluentui/react-theme": "0.0.0-nightlyff78d1e27a20220217.1",
48
+ "@fluentui/react-utilities": "0.0.0-nightlyff78d1e27a20220217.1",
49
49
  "tslib": "^2.1.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@types/react": ">=16.8.0 <17.0.0",
53
- "@types/react-dom": ">=16.8.0 <17.0.0",
54
- "react": ">=16.8.0 <17.0.0",
55
- "react-dom": ">=16.8.0 <17.0.0"
52
+ "@types/react": ">=16.8.0 <18.0.0",
53
+ "@types/react-dom": ">=16.8.0 <18.0.0",
54
+ "react": ">=16.8.0 <18.0.0",
55
+ "react-dom": ">=16.8.0 <18.0.0"
56
56
  },
57
57
  "beachball": {
58
- "tag": "beta",
59
58
  "disallowedChangeTypes": [
60
59
  "major",
61
60
  "minor",
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,13 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- const defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- // https://github.com/microsoft/fluentui/issues/19522
8
- skipAsPropTests: true,
9
- extraTests: makeStylesTests
10
- };
11
- baseIsConformant(defaultOptions, testInfo);
12
- }
13
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D;AACA,IAAA,eAAe,EAAE,IAJ0C;AAK3D,IAAA,UAAU,EAAE;AAL+C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- export declare const renderIcon: (SVGElement: (props: {
3
- svgClasses: string;
4
- }) => JSX.Element) => React.FC<React.HTMLAttributes<HTMLSpanElement>>;
5
- declare const SkypeMinusIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
6
- declare const SkypeClockIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
7
- declare const SkypeCheckIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
8
- declare const SkypeArrowIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
9
- declare const CancelIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
10
- export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };
@@ -1,98 +0,0 @@
1
- import { mergeClasses, __styles } from '@fluentui/react-make-styles';
2
- import { getNativeProps, htmlElementProperties } from '@fluentui/react-utilities';
3
- import * as React from 'react';
4
-
5
- const useStyles = /*#__PURE__*/__styles({
6
- "root": {
7
- "mc9l5x": "f14t3ns0",
8
- "ha4doy": "fmrv4ls",
9
- "fb3t49": "fdgdznj",
10
- "a9b677": "fhson10",
11
- "Bqenvij": "f1un31zh"
12
- },
13
- "svg": {
14
- "Bqenvij": "f1l02sjl",
15
- "Bkfmm31": "f1w9h62z",
16
- "ha4doy": "f12kltsn"
17
- }
18
- }, {
19
- "d": [".f14t3ns0{display:inline-block;}", ".fmrv4ls{vertical-align:middle;}", ".fdgdznj{speak:none;}", ".fhson10{width:1em;}", ".f1un31zh{height:1em;}", ".f1l02sjl{height:100%;}", ".f1w9h62z{fill:currentColor;}", ".f12kltsn{vertical-align:top;}"]
20
- }); //
21
- // !!! A temporary workaround to avoid dependencies on any icon packages.
22
- // !!! A usage of converged icon package should be considered.
23
- //
24
-
25
-
26
- const useIconProps = props => {
27
- const containerProps = props['aria-label'] ? {} : {
28
- role: 'presentation',
29
- ['aria-hidden']: true
30
- };
31
- const nativeProps = getNativeProps(props, htmlElementProperties);
32
- const styles = useStyles();
33
- const rootClasses = styles.root;
34
- const svgClasses = styles.svg;
35
- return {
36
- containerProps,
37
- nativeProps,
38
- rootClasses,
39
- svgClasses
40
- };
41
- };
42
-
43
- export const renderIcon = SVGElement => props => {
44
- const {
45
- containerProps,
46
- nativeProps,
47
- rootClasses,
48
- svgClasses
49
- } = useIconProps(props);
50
- return /*#__PURE__*/React.createElement('span', { ...containerProps,
51
- ...nativeProps,
52
- className: mergeClasses(rootClasses, props.className)
53
- }, /*#__PURE__*/React.createElement(SVGElement, {
54
- svgClasses: svgClasses
55
- }));
56
- };
57
- const SkypeMinusIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
58
- xmlns: "http://www.w3.org/2000/svg",
59
- viewBox: "0 0 2048 2048",
60
- className: props.svgClasses
61
- }, /*#__PURE__*/React.createElement("path", {
62
- d: "M1591 823q42 0 78 16t64 43 43 63 16 79q0 42-16 78t-43 64-63 43-79 16H395q-42 0-78-16t-64-43-42-63-16-79q0-42 15-78t43-64 63-43 79-16h1196z"
63
- })));
64
- SkypeMinusIcon.displayName = 'SkypeMinusIcon';
65
- const SkypeClockIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
66
- xmlns: "http://www.w3.org/2000/svg",
67
- viewBox: "0 0 2048 2048",
68
- className: props.svgClasses
69
- }, /*#__PURE__*/React.createElement("path", {
70
- d: "M1431 1705q28 28 43 65t15 77q0 42-15 78t-43 64-63 43-79 16q-83 0-142-59l-594-593q-28-28-43-65t-15-77V201q0-42 15-78t43-64 63-43 79-16q42 0 78 16t64 43 43 63 16 79v970l535 534z"
71
- })));
72
- SkypeClockIcon.displayName = 'SkypeClockIcon';
73
- const SkypeCheckIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
74
- xmlns: "http://www.w3.org/2000/svg",
75
- viewBox: "0 0 2048 2048",
76
- className: props.svgClasses
77
- }, /*#__PURE__*/React.createElement("path", {
78
- d: "M1570 437q42 0 78 15t64 43 42 63 16 79q0 40-15 77t-43 65l-794 795q-28 28-65 43t-77 16q-40 0-77-15t-65-44l-362-362q-28-28-43-65t-16-77q0-42 16-78t43-64 63-42 79-16q40 0 77 15t65 43l220 220 652-653q28-28 65-43t77-15z"
79
- })));
80
- SkypeCheckIcon.displayName = 'SkypeCheckIcon';
81
- const SkypeArrowIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
82
- xmlns: "http://www.w3.org/2000/svg",
83
- viewBox: "0 0 2048 2048",
84
- className: props.svgClasses
85
- }, /*#__PURE__*/React.createElement("path", {
86
- d: "M1980 964q0 41-15 77t-43 63-63 42-77 16H739l281 280q28 27 43 64t15 76q0 41-15 77t-43 63-63 42-77 16q-39 0-75-15t-65-43l-615-616q-33-33-47-68t-14-82q0-39 17-73t44-61l615-616q28-28 65-43t76-15q41 0 77 16t62 43 42 63 16 77q0 39-15 75t-43 64L739 766h1043q41 0 77 15t63 43 42 63 16 77z"
87
- })));
88
- SkypeArrowIcon.displayName = 'SkypeArrowIcon';
89
- const CancelIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
90
- xmlns: "http://www.w3.org/2000/svg",
91
- viewBox: "0 0 2048 2048",
92
- className: props.svgClasses
93
- }, /*#__PURE__*/React.createElement("path", {
94
- d: "M1115 1024l690 691-90 90-691-690-691 690-90-90 690-691-690-691 90-90 691 690 691-690 90 90-690 691z"
95
- })));
96
- CancelIcon.displayName = 'CancelIcon';
97
- export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };
98
- //# sourceMappingURL=DefaultPresenceBadgeIcons.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourceRoot":""}
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- const defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- // https://github.com/microsoft/fluentui/issues/19522
17
- skipAsPropTests: true,
18
- extraTests: react_conformance_make_styles_1.default
19
- };
20
- react_conformance_1.isConformant(defaultOptions, testInfo);
21
- }
22
-
23
- exports.isConformant = isConformant;
24
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAGA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D;AACA,IAAA,eAAe,EAAE,IAJ0C;AAK3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAL+C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- export declare const renderIcon: (SVGElement: (props: {
3
- svgClasses: string;
4
- }) => JSX.Element) => React.FC<React.HTMLAttributes<HTMLSpanElement>>;
5
- declare const SkypeMinusIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
6
- declare const SkypeClockIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
7
- declare const SkypeCheckIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
8
- declare const SkypeArrowIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
9
- declare const CancelIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
10
- export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };
@@ -1,113 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.CancelIcon = exports.SkypeArrowIcon = exports.SkypeCheckIcon = exports.SkypeClockIcon = exports.SkypeMinusIcon = exports.renderIcon = void 0;
7
-
8
- const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
-
10
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
-
12
- const React = /*#__PURE__*/require("react");
13
-
14
- const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
- "root": {
16
- "mc9l5x": "f14t3ns0",
17
- "ha4doy": "fmrv4ls",
18
- "fb3t49": "fdgdznj",
19
- "a9b677": "fhson10",
20
- "Bqenvij": "f1un31zh"
21
- },
22
- "svg": {
23
- "Bqenvij": "f1l02sjl",
24
- "Bkfmm31": "f1w9h62z",
25
- "ha4doy": "f12kltsn"
26
- }
27
- }, {
28
- "d": [".f14t3ns0{display:inline-block;}", ".fmrv4ls{vertical-align:middle;}", ".fdgdznj{speak:none;}", ".fhson10{width:1em;}", ".f1un31zh{height:1em;}", ".f1l02sjl{height:100%;}", ".f1w9h62z{fill:currentColor;}", ".f12kltsn{vertical-align:top;}"]
29
- }); //
30
- // !!! A temporary workaround to avoid dependencies on any icon packages.
31
- // !!! A usage of converged icon package should be considered.
32
- //
33
-
34
-
35
- const useIconProps = props => {
36
- const containerProps = props['aria-label'] ? {} : {
37
- role: 'presentation',
38
- ['aria-hidden']: true
39
- };
40
- const nativeProps = react_utilities_1.getNativeProps(props, react_utilities_1.htmlElementProperties);
41
- const styles = useStyles();
42
- const rootClasses = styles.root;
43
- const svgClasses = styles.svg;
44
- return {
45
- containerProps,
46
- nativeProps,
47
- rootClasses,
48
- svgClasses
49
- };
50
- };
51
-
52
- const renderIcon = SVGElement => props => {
53
- const {
54
- containerProps,
55
- nativeProps,
56
- rootClasses,
57
- svgClasses
58
- } = useIconProps(props);
59
- return React.createElement('span', { ...containerProps,
60
- ...nativeProps,
61
- className: react_make_styles_1.mergeClasses(rootClasses, props.className)
62
- }, React.createElement(SVGElement, {
63
- svgClasses: svgClasses
64
- }));
65
- };
66
-
67
- exports.renderIcon = renderIcon;
68
- const SkypeMinusIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
69
- xmlns: "http://www.w3.org/2000/svg",
70
- viewBox: "0 0 2048 2048",
71
- className: props.svgClasses
72
- }, React.createElement("path", {
73
- d: "M1591 823q42 0 78 16t64 43 43 63 16 79q0 42-16 78t-43 64-63 43-79 16H395q-42 0-78-16t-64-43-42-63-16-79q0-42 15-78t43-64 63-43 79-16h1196z"
74
- })));
75
- exports.SkypeMinusIcon = SkypeMinusIcon;
76
- SkypeMinusIcon.displayName = 'SkypeMinusIcon';
77
- const SkypeClockIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
78
- xmlns: "http://www.w3.org/2000/svg",
79
- viewBox: "0 0 2048 2048",
80
- className: props.svgClasses
81
- }, React.createElement("path", {
82
- d: "M1431 1705q28 28 43 65t15 77q0 42-15 78t-43 64-63 43-79 16q-83 0-142-59l-594-593q-28-28-43-65t-15-77V201q0-42 15-78t43-64 63-43 79-16q42 0 78 16t64 43 43 63 16 79v970l535 534z"
83
- })));
84
- exports.SkypeClockIcon = SkypeClockIcon;
85
- SkypeClockIcon.displayName = 'SkypeClockIcon';
86
- const SkypeCheckIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
87
- xmlns: "http://www.w3.org/2000/svg",
88
- viewBox: "0 0 2048 2048",
89
- className: props.svgClasses
90
- }, React.createElement("path", {
91
- d: "M1570 437q42 0 78 15t64 43 42 63 16 79q0 40-15 77t-43 65l-794 795q-28 28-65 43t-77 16q-40 0-77-15t-65-44l-362-362q-28-28-43-65t-16-77q0-42 16-78t43-64 63-42 79-16q40 0 77 15t65 43l220 220 652-653q28-28 65-43t77-15z"
92
- })));
93
- exports.SkypeCheckIcon = SkypeCheckIcon;
94
- SkypeCheckIcon.displayName = 'SkypeCheckIcon';
95
- const SkypeArrowIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
96
- xmlns: "http://www.w3.org/2000/svg",
97
- viewBox: "0 0 2048 2048",
98
- className: props.svgClasses
99
- }, React.createElement("path", {
100
- d: "M1980 964q0 41-15 77t-43 63-63 42-77 16H739l281 280q28 27 43 64t15 76q0 41-15 77t-43 63-63 42-77 16q-39 0-75-15t-65-43l-615-616q-33-33-47-68t-14-82q0-39 17-73t44-61l615-616q28-28 65-43t76-15q41 0 77 16t62 43 42 63 16 77q0 39-15 75t-43 64L739 766h1043q41 0 77 15t63 43 42 63 16 77z"
101
- })));
102
- exports.SkypeArrowIcon = SkypeArrowIcon;
103
- SkypeArrowIcon.displayName = 'SkypeArrowIcon';
104
- const CancelIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
105
- xmlns: "http://www.w3.org/2000/svg",
106
- viewBox: "0 0 2048 2048",
107
- className: props.svgClasses
108
- }, React.createElement("path", {
109
- d: "M1115 1024l690 691-90 90-691-690-691 690-90-90 690-691-690-691 90-90 691 690 691-690 90 90-690 691z"
110
- })));
111
- exports.CancelIcon = CancelIcon;
112
- CancelIcon.displayName = 'CancelIcon';
113
- //# sourceMappingURL=DefaultPresenceBadgeIcons.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourceRoot":""}