@fluentui/react-tags 0.0.0-nightly-20231004-0414.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.
Files changed (178) hide show
  1. package/CHANGELOG.json +958 -0
  2. package/CHANGELOG.md +302 -0
  3. package/LICENSE +15 -0
  4. package/README.md +72 -0
  5. package/dist/index.d.ts +405 -0
  6. package/lib/InteractionTag.js +1 -0
  7. package/lib/InteractionTag.js.map +1 -0
  8. package/lib/InteractionTagPrimary.js +1 -0
  9. package/lib/InteractionTagPrimary.js.map +1 -0
  10. package/lib/InteractionTagSecondary.js +1 -0
  11. package/lib/InteractionTagSecondary.js.map +1 -0
  12. package/lib/Tag.js +1 -0
  13. package/lib/Tag.js.map +1 -0
  14. package/lib/TagGroup.js +1 -0
  15. package/lib/TagGroup.js.map +1 -0
  16. package/lib/components/InteractionTag/InteractionTag.js +16 -0
  17. package/lib/components/InteractionTag/InteractionTag.js.map +1 -0
  18. package/lib/components/InteractionTag/InteractionTag.types.js +1 -0
  19. package/lib/components/InteractionTag/InteractionTag.types.js.map +1 -0
  20. package/lib/components/InteractionTag/index.js +6 -0
  21. package/lib/components/InteractionTag/index.js.map +1 -0
  22. package/lib/components/InteractionTag/renderInteractionTag.js +12 -0
  23. package/lib/components/InteractionTag/renderInteractionTag.js.map +1 -0
  24. package/lib/components/InteractionTag/useInteractionTag.js +36 -0
  25. package/lib/components/InteractionTag/useInteractionTag.js.map +1 -0
  26. package/lib/components/InteractionTag/useInteractionTagContextValues.js +23 -0
  27. package/lib/components/InteractionTag/useInteractionTagContextValues.js.map +1 -0
  28. package/lib/components/InteractionTag/useInteractionTagStyles.styles.js +45 -0
  29. package/lib/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -0
  30. package/lib/components/InteractionTagPrimary/InteractionTagPrimary.js +16 -0
  31. package/lib/components/InteractionTagPrimary/InteractionTagPrimary.js.map +1 -0
  32. package/lib/components/InteractionTagPrimary/InteractionTagPrimary.types.js +1 -0
  33. package/lib/components/InteractionTagPrimary/InteractionTagPrimary.types.js.map +1 -0
  34. package/lib/components/InteractionTagPrimary/index.js +5 -0
  35. package/lib/components/InteractionTagPrimary/index.js.map +1 -0
  36. package/lib/components/InteractionTagPrimary/renderInteractionTagPrimary.js +19 -0
  37. package/lib/components/InteractionTagPrimary/renderInteractionTagPrimary.js.map +1 -0
  38. package/lib/components/InteractionTagPrimary/useInteractionTagPrimary.js +64 -0
  39. package/lib/components/InteractionTagPrimary/useInteractionTagPrimary.js.map +1 -0
  40. package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +232 -0
  41. package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -0
  42. package/lib/components/InteractionTagSecondary/InteractionTagSecondary.js +14 -0
  43. package/lib/components/InteractionTagSecondary/InteractionTagSecondary.js.map +1 -0
  44. package/lib/components/InteractionTagSecondary/InteractionTagSecondary.types.js +1 -0
  45. package/lib/components/InteractionTagSecondary/InteractionTagSecondary.types.js.map +1 -0
  46. package/lib/components/InteractionTagSecondary/index.js +5 -0
  47. package/lib/components/InteractionTagSecondary/index.js.map +1 -0
  48. package/lib/components/InteractionTagSecondary/renderInteractionTagSecondary.js +8 -0
  49. package/lib/components/InteractionTagSecondary/renderInteractionTagSecondary.js.map +1 -0
  50. package/lib/components/InteractionTagSecondary/useInteractionTagSecondary.js +57 -0
  51. package/lib/components/InteractionTagSecondary/useInteractionTagSecondary.js.map +1 -0
  52. package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +126 -0
  53. package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -0
  54. package/lib/components/Tag/Tag.js +16 -0
  55. package/lib/components/Tag/Tag.js.map +1 -0
  56. package/lib/components/Tag/Tag.types.js +1 -0
  57. package/lib/components/Tag/Tag.types.js.map +1 -0
  58. package/lib/components/Tag/index.js +5 -0
  59. package/lib/components/Tag/index.js.map +1 -0
  60. package/lib/components/Tag/renderTag.js +20 -0
  61. package/lib/components/Tag/renderTag.js.map +1 -0
  62. package/lib/components/Tag/useTag.js +98 -0
  63. package/lib/components/Tag/useTag.js.map +1 -0
  64. package/lib/components/Tag/useTagStyles.styles.js +320 -0
  65. package/lib/components/Tag/useTagStyles.styles.js.map +1 -0
  66. package/lib/components/TagGroup/TagGroup.js +16 -0
  67. package/lib/components/TagGroup/TagGroup.js.map +1 -0
  68. package/lib/components/TagGroup/TagGroup.types.js +1 -0
  69. package/lib/components/TagGroup/TagGroup.types.js.map +1 -0
  70. package/lib/components/TagGroup/index.js +6 -0
  71. package/lib/components/TagGroup/index.js.map +1 -0
  72. package/lib/components/TagGroup/renderTagGroup.js +12 -0
  73. package/lib/components/TagGroup/renderTagGroup.js.map +1 -0
  74. package/lib/components/TagGroup/useTagGroup.js +67 -0
  75. package/lib/components/TagGroup/useTagGroup.js.map +1 -0
  76. package/lib/components/TagGroup/useTagGroupContextValues.js +13 -0
  77. package/lib/components/TagGroup/useTagGroupContextValues.js.map +1 -0
  78. package/lib/components/TagGroup/useTagGroupStyles.styles.js +36 -0
  79. package/lib/components/TagGroup/useTagGroupStyles.styles.js.map +1 -0
  80. package/lib/contexts/interactionTagContext.js +16 -0
  81. package/lib/contexts/interactionTagContext.js.map +1 -0
  82. package/lib/contexts/tagGroupContext.js +11 -0
  83. package/lib/contexts/tagGroupContext.js.map +1 -0
  84. package/lib/index.js +6 -0
  85. package/lib/index.js.map +1 -0
  86. package/lib/utils/index.js +2 -0
  87. package/lib/utils/index.js.map +1 -0
  88. package/lib/utils/types.js +1 -0
  89. package/lib/utils/types.js.map +1 -0
  90. package/lib/utils/useTagAvatarContextValues.js +14 -0
  91. package/lib/utils/useTagAvatarContextValues.js.map +1 -0
  92. package/lib-commonjs/InteractionTag.js +6 -0
  93. package/lib-commonjs/InteractionTag.js.map +1 -0
  94. package/lib-commonjs/InteractionTagPrimary.js +6 -0
  95. package/lib-commonjs/InteractionTagPrimary.js.map +1 -0
  96. package/lib-commonjs/InteractionTagSecondary.js +6 -0
  97. package/lib-commonjs/InteractionTagSecondary.js.map +1 -0
  98. package/lib-commonjs/Tag.js +6 -0
  99. package/lib-commonjs/Tag.js.map +1 -0
  100. package/lib-commonjs/TagGroup.js +6 -0
  101. package/lib-commonjs/TagGroup.js.map +1 -0
  102. package/lib-commonjs/components/InteractionTag/InteractionTag.js +24 -0
  103. package/lib-commonjs/components/InteractionTag/InteractionTag.js.map +1 -0
  104. package/lib-commonjs/components/InteractionTag/InteractionTag.types.js +4 -0
  105. package/lib-commonjs/components/InteractionTag/InteractionTag.types.js.map +1 -0
  106. package/lib-commonjs/components/InteractionTag/index.js +11 -0
  107. package/lib-commonjs/components/InteractionTag/index.js.map +1 -0
  108. package/lib-commonjs/components/InteractionTag/renderInteractionTag.js +20 -0
  109. package/lib-commonjs/components/InteractionTag/renderInteractionTag.js.map +1 -0
  110. package/lib-commonjs/components/InteractionTag/useInteractionTag.js +39 -0
  111. package/lib-commonjs/components/InteractionTag/useInteractionTag.js.map +1 -0
  112. package/lib-commonjs/components/InteractionTag/useInteractionTagContextValues.js +34 -0
  113. package/lib-commonjs/components/InteractionTag/useInteractionTagContextValues.js.map +1 -0
  114. package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js +93 -0
  115. package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -0
  116. package/lib-commonjs/components/InteractionTagPrimary/InteractionTagPrimary.js +24 -0
  117. package/lib-commonjs/components/InteractionTagPrimary/InteractionTagPrimary.js.map +1 -0
  118. package/lib-commonjs/components/InteractionTagPrimary/InteractionTagPrimary.types.js +4 -0
  119. package/lib-commonjs/components/InteractionTagPrimary/InteractionTagPrimary.types.js.map +1 -0
  120. package/lib-commonjs/components/InteractionTagPrimary/index.js +10 -0
  121. package/lib-commonjs/components/InteractionTagPrimary/index.js.map +1 -0
  122. package/lib-commonjs/components/InteractionTagPrimary/renderInteractionTagPrimary.js +27 -0
  123. package/lib-commonjs/components/InteractionTagPrimary/renderInteractionTagPrimary.js.map +1 -0
  124. package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimary.js +67 -0
  125. package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimary.js.map +1 -0
  126. package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +431 -0
  127. package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -0
  128. package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.js +23 -0
  129. package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.js.map +1 -0
  130. package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.types.js +4 -0
  131. package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.types.js.map +1 -0
  132. package/lib-commonjs/components/InteractionTagSecondary/index.js +10 -0
  133. package/lib-commonjs/components/InteractionTagSecondary/index.js.map +1 -0
  134. package/lib-commonjs/components/InteractionTagSecondary/renderInteractionTagSecondary.js +16 -0
  135. package/lib-commonjs/components/InteractionTagSecondary/renderInteractionTagSecondary.js.map +1 -0
  136. package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondary.js +60 -0
  137. package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondary.js.map +1 -0
  138. package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +261 -0
  139. package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -0
  140. package/lib-commonjs/components/Tag/Tag.js +24 -0
  141. package/lib-commonjs/components/Tag/Tag.js.map +1 -0
  142. package/lib-commonjs/components/Tag/Tag.types.js +4 -0
  143. package/lib-commonjs/components/Tag/Tag.types.js.map +1 -0
  144. package/lib-commonjs/components/Tag/index.js +10 -0
  145. package/lib-commonjs/components/Tag/index.js.map +1 -0
  146. package/lib-commonjs/components/Tag/renderTag.js +28 -0
  147. package/lib-commonjs/components/Tag/renderTag.js.map +1 -0
  148. package/lib-commonjs/components/Tag/useTag.js +101 -0
  149. package/lib-commonjs/components/Tag/useTag.js.map +1 -0
  150. package/lib-commonjs/components/Tag/useTagStyles.styles.js +569 -0
  151. package/lib-commonjs/components/Tag/useTagStyles.styles.js.map +1 -0
  152. package/lib-commonjs/components/TagGroup/TagGroup.js +24 -0
  153. package/lib-commonjs/components/TagGroup/TagGroup.js.map +1 -0
  154. package/lib-commonjs/components/TagGroup/TagGroup.types.js +4 -0
  155. package/lib-commonjs/components/TagGroup/TagGroup.types.js.map +1 -0
  156. package/lib-commonjs/components/TagGroup/index.js +11 -0
  157. package/lib-commonjs/components/TagGroup/index.js.map +1 -0
  158. package/lib-commonjs/components/TagGroup/renderTagGroup.js +20 -0
  159. package/lib-commonjs/components/TagGroup/renderTagGroup.js.map +1 -0
  160. package/lib-commonjs/components/TagGroup/useTagGroup.js +70 -0
  161. package/lib-commonjs/components/TagGroup/useTagGroup.js.map +1 -0
  162. package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js +24 -0
  163. package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js.map +1 -0
  164. package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js +51 -0
  165. package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js.map +1 -0
  166. package/lib-commonjs/contexts/interactionTagContext.js +38 -0
  167. package/lib-commonjs/contexts/interactionTagContext.js.map +1 -0
  168. package/lib-commonjs/contexts/tagGroupContext.js +33 -0
  169. package/lib-commonjs/contexts/tagGroupContext.js.map +1 -0
  170. package/lib-commonjs/index.js +102 -0
  171. package/lib-commonjs/index.js.map +1 -0
  172. package/lib-commonjs/utils/index.js +7 -0
  173. package/lib-commonjs/utils/index.js.map +1 -0
  174. package/lib-commonjs/utils/types.js +6 -0
  175. package/lib-commonjs/utils/types.js.map +1 -0
  176. package/lib-commonjs/utils/useTagAvatarContextValues.js +25 -0
  177. package/lib-commonjs/utils/useTagAvatarContextValues.js.map +1 -0
  178. package/package.json +67 -0
@@ -0,0 +1,261 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ interactionTagSecondaryClassNames: function() {
13
+ return interactionTagSecondaryClassNames;
14
+ },
15
+ useInteractionTagSecondaryStyles_unstable: function() {
16
+ return useInteractionTagSecondaryStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const interactionTagSecondaryClassNames = {
21
+ root: 'fui-InteractionTagSecondary'
22
+ };
23
+ const mediumIconSize = '20px';
24
+ const smallIconSize = '16px';
25
+ const extraSmallIconSize = '12px';
26
+ const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r7ezzwf", "rv64w1", [
27
+ ".r7ezzwf{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-left-color:var(--colorNeutralStroke1);border-top-left-radius:var(--borderRadiusNone);border-bottom-left-radius:var(--borderRadiusNone);}",
28
+ ".r7ezzwf[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);}",
29
+ ".rv64w1{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-right-color:var(--colorNeutralStroke1);border-top-right-radius:var(--borderRadiusNone);border-bottom-right-radius:var(--borderRadiusNone);}",
30
+ ".rv64w1[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);}"
31
+ ]);
32
+ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
33
+ filled: {
34
+ De3pzq: "f16xq7d1",
35
+ sj55zd: "fkfq4zb",
36
+ eoavqd: "f8491dx",
37
+ Jwef8y: "f1h648pw",
38
+ Bi91k9c: "f139oj5f",
39
+ ecr2s2: "fwdzr64",
40
+ lj723h: "f19au66r",
41
+ Bqrx1nm: "fq7113v",
42
+ kx9iu6: "fp3oj7s"
43
+ },
44
+ outline: {
45
+ De3pzq: "fhovq9v",
46
+ sj55zd: "fkfq4zb",
47
+ g2u3we: "fj3muxo",
48
+ h3c5rm: [
49
+ "f1akhkt",
50
+ "f1lxtadh"
51
+ ],
52
+ B9xav0g: "f1aperda",
53
+ zhjwy3: [
54
+ "f1lxtadh",
55
+ "f1akhkt"
56
+ ],
57
+ eoavqd: "f8491dx",
58
+ Jwef8y: "f1t94bn6",
59
+ Bi91k9c: "f139oj5f",
60
+ ecr2s2: "f1wfn5kd",
61
+ lj723h: "f19au66r",
62
+ Bqrx1nm: "fq7113v",
63
+ kx9iu6: "fp3oj7s"
64
+ },
65
+ brand: {
66
+ De3pzq: "f16xkysk",
67
+ sj55zd: "f16muhyy",
68
+ zhjwy3: [
69
+ "f1sl6hi9",
70
+ "f1c8dzaj"
71
+ ],
72
+ eoavqd: "f8491dx",
73
+ Jwef8y: "f1yj72w4",
74
+ Bi91k9c: "f3ymbdj",
75
+ ecr2s2: "fy3sl2y",
76
+ lj723h: "fryz5bw",
77
+ Bqrx1nm: "fq7113v",
78
+ kx9iu6: "fp3oj7s"
79
+ },
80
+ rounded: {
81
+ B7oj6ja: [
82
+ "f1jar5jt",
83
+ "fyu767a"
84
+ ],
85
+ Bbmb7ep: [
86
+ "f1aa9q02",
87
+ "f16jpd5f"
88
+ ]
89
+ },
90
+ circular: {
91
+ B7oj6ja: [
92
+ "f1djnp8u",
93
+ "f1s8kh49"
94
+ ],
95
+ Bbmb7ep: [
96
+ "f8fbkgy",
97
+ "f1nfllo7"
98
+ ]
99
+ },
100
+ medium: {
101
+ Be2twd7: "fe5j1ua",
102
+ uwmqm3: [
103
+ "f15vdbe4",
104
+ "fwiuce9"
105
+ ],
106
+ z189sj: [
107
+ "fwiuce9",
108
+ "f15vdbe4"
109
+ ]
110
+ },
111
+ small: {
112
+ Be2twd7: "f4ybsrx",
113
+ uwmqm3: [
114
+ "f2lugmd",
115
+ "f6zblan"
116
+ ],
117
+ z189sj: [
118
+ "f6zblan",
119
+ "f2lugmd"
120
+ ]
121
+ },
122
+ "extra-small": {
123
+ Be2twd7: "f1ugzwwg",
124
+ uwmqm3: [
125
+ "f15vdbe4",
126
+ "fwiuce9"
127
+ ],
128
+ z189sj: [
129
+ "fwiuce9",
130
+ "f15vdbe4"
131
+ ]
132
+ }
133
+ }, {
134
+ d: [
135
+ ".f16xq7d1{background-color:var(--colorNeutralBackground3);}",
136
+ ".fkfq4zb{color:var(--colorNeutralForeground2);}",
137
+ ".fhovq9v{background-color:var(--colorSubtleBackground);}",
138
+ ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}",
139
+ ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
140
+ ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
141
+ ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}",
142
+ ".f16xkysk{background-color:var(--colorBrandBackground2);}",
143
+ ".f16muhyy{color:var(--colorBrandForeground1);}",
144
+ ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}",
145
+ ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}",
146
+ ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
147
+ ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
148
+ ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
149
+ ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
150
+ ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}",
151
+ ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}",
152
+ ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}",
153
+ ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}",
154
+ ".fe5j1ua{font-size:20px;}",
155
+ ".f15vdbe4{padding-left:5px;}",
156
+ ".fwiuce9{padding-right:5px;}",
157
+ ".f4ybsrx{font-size:16px;}",
158
+ ".f2lugmd{padding-left:3px;}",
159
+ ".f6zblan{padding-right:3px;}",
160
+ ".f1ugzwwg{font-size:12px;}"
161
+ ],
162
+ h: [
163
+ ".f8491dx:hover{cursor:pointer;}",
164
+ ".f1h648pw:hover{background-color:var(--colorNeutralBackground3Hover);}",
165
+ ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}",
166
+ ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
167
+ ".f1yj72w4:hover{background-color:var(--colorBrandBackground2Hover);}",
168
+ ".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}"
169
+ ],
170
+ a: [
171
+ ".fwdzr64:active{background-color:var(--colorNeutralBackground3Pressed);}",
172
+ ".f19au66r:active{color:var(--colorNeutralForeground2BrandPressed);}",
173
+ ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}",
174
+ ".fy3sl2y:active{background-color:var(--colorBrandBackground2Pressed);}",
175
+ ".fryz5bw:active{color:var(--colorCompoundBrandForeground1Pressed);}"
176
+ ],
177
+ m: [
178
+ [
179
+ "@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}",
180
+ {
181
+ m: "(forced-colors: active)"
182
+ }
183
+ ],
184
+ [
185
+ "@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}",
186
+ {
187
+ m: "(forced-colors: active)"
188
+ }
189
+ ]
190
+ ]
191
+ });
192
+ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
193
+ filled: {
194
+ Bceei9c: "fdrzuqr",
195
+ De3pzq: "f1bg9a2p",
196
+ sj55zd: "f1s2aq7o",
197
+ g2u3we: "fgig46g",
198
+ h3c5rm: [
199
+ "f1mxt3zg",
200
+ "fziff3p"
201
+ ],
202
+ B9xav0g: "f250w3l",
203
+ zhjwy3: [
204
+ "fy0fskl",
205
+ "f15xbau"
206
+ ]
207
+ },
208
+ outline: {
209
+ Bceei9c: "fdrzuqr",
210
+ De3pzq: "fhovq9v",
211
+ sj55zd: "f1s2aq7o",
212
+ g2u3we: "f1jj8ep1",
213
+ h3c5rm: [
214
+ "f15xbau",
215
+ "fy0fskl"
216
+ ],
217
+ B9xav0g: "f4ikngz",
218
+ zhjwy3: [
219
+ "fy0fskl",
220
+ "f15xbau"
221
+ ]
222
+ },
223
+ brand: {
224
+ Bceei9c: "fdrzuqr",
225
+ De3pzq: "f1bg9a2p",
226
+ sj55zd: "f1s2aq7o",
227
+ g2u3we: "fgig46g",
228
+ h3c5rm: [
229
+ "f1mxt3zg",
230
+ "fziff3p"
231
+ ],
232
+ B9xav0g: "f250w3l",
233
+ zhjwy3: [
234
+ "fy0fskl",
235
+ "f15xbau"
236
+ ]
237
+ }
238
+ }, {
239
+ d: [
240
+ ".fdrzuqr{cursor:not-allowed;}",
241
+ ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
242
+ ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
243
+ ".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}",
244
+ ".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}",
245
+ ".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}",
246
+ ".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}",
247
+ ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}",
248
+ ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
249
+ ".fhovq9v{background-color:var(--colorSubtleBackground);}",
250
+ ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
251
+ ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}"
252
+ ]
253
+ });
254
+ const useInteractionTagSecondaryStyles_unstable = (state)=>{
255
+ const rootBaseClassName = useRootBaseClassName();
256
+ const rootStyles = useRootStyles();
257
+ const rootDisabledStyles = useRootDisabledStyles();
258
+ const { shape, size, appearance } = state;
259
+ state.root.className = (0, _react.mergeClasses)(interactionTagSecondaryClassNames.root, rootBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[shape], rootStyles[size], state.root.className);
260
+ return state;
261
+ }; //# sourceMappingURL=useInteractionTagSecondaryStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useInteractionTagSecondaryStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagSecondaryClassNames = {\n root: 'fui-InteractionTagSecondary'\n};\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r7ezzwf\", \"rv64w1\", [\".r7ezzwf{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-left-color:var(--colorNeutralStroke1);border-top-left-radius:var(--borderRadiusNone);border-bottom-left-radius:var(--borderRadiusNone);}\", \".r7ezzwf[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);}\", \".rv64w1{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-right-color:var(--colorNeutralStroke1);border-top-right-radius:var(--borderRadiusNone);border-bottom-right-radius:var(--borderRadiusNone);}\", \".rv64w1[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);outline-style:solid;outline-color:var(--colorStrokeFocus2);}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n filled: {\n De3pzq: \"f16xq7d1\",\n sj55zd: \"fkfq4zb\",\n eoavqd: \"f8491dx\",\n Jwef8y: \"f1h648pw\",\n Bi91k9c: \"f139oj5f\",\n ecr2s2: \"fwdzr64\",\n lj723h: \"f19au66r\",\n Bqrx1nm: \"fq7113v\",\n kx9iu6: \"fp3oj7s\"\n },\n outline: {\n De3pzq: \"fhovq9v\",\n sj55zd: \"fkfq4zb\",\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n eoavqd: \"f8491dx\",\n Jwef8y: \"f1t94bn6\",\n Bi91k9c: \"f139oj5f\",\n ecr2s2: \"f1wfn5kd\",\n lj723h: \"f19au66r\",\n Bqrx1nm: \"fq7113v\",\n kx9iu6: \"fp3oj7s\"\n },\n brand: {\n De3pzq: \"f16xkysk\",\n sj55zd: \"f16muhyy\",\n zhjwy3: [\"f1sl6hi9\", \"f1c8dzaj\"],\n eoavqd: \"f8491dx\",\n Jwef8y: \"f1yj72w4\",\n Bi91k9c: \"f3ymbdj\",\n ecr2s2: \"fy3sl2y\",\n lj723h: \"fryz5bw\",\n Bqrx1nm: \"fq7113v\",\n kx9iu6: \"fp3oj7s\"\n },\n rounded: {\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"]\n },\n circular: {\n B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"]\n },\n medium: {\n Be2twd7: \"fe5j1ua\",\n uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n },\n small: {\n Be2twd7: \"f4ybsrx\",\n uwmqm3: [\"f2lugmd\", \"f6zblan\"],\n z189sj: [\"f6zblan\", \"f2lugmd\"]\n },\n \"extra-small\": {\n Be2twd7: \"f1ugzwwg\",\n uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n z189sj: [\"fwiuce9\", \"f15vdbe4\"]\n }\n}, {\n d: [\".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}\", \".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fe5j1ua{font-size:20px;}\", \".f15vdbe4{padding-left:5px;}\", \".fwiuce9{padding-right:5px;}\", \".f4ybsrx{font-size:16px;}\", \".f2lugmd{padding-left:3px;}\", \".f6zblan{padding-right:3px;}\", \".f1ugzwwg{font-size:12px;}\"],\n h: [\".f8491dx:hover{cursor:pointer;}\", \".f1h648pw:hover{background-color:var(--colorNeutralBackground3Hover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1yj72w4:hover{background-color:var(--colorBrandBackground2Hover);}\", \".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\"],\n a: [\".fwdzr64:active{background-color:var(--colorNeutralBackground3Pressed);}\", \".f19au66r:active{color:var(--colorNeutralForeground2BrandPressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".fy3sl2y:active{background-color:var(--colorBrandBackground2Pressed);}\", \".fryz5bw:active{color:var(--colorCompoundBrandForeground1Pressed);}\"],\n m: [[\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n filled: {\n Bceei9c: \"fdrzuqr\",\n De3pzq: \"f1bg9a2p\",\n sj55zd: \"f1s2aq7o\",\n g2u3we: \"fgig46g\",\n h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n B9xav0g: \"f250w3l\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n },\n outline: {\n Bceei9c: \"fdrzuqr\",\n De3pzq: \"fhovq9v\",\n sj55zd: \"f1s2aq7o\",\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n },\n brand: {\n Bceei9c: \"fdrzuqr\",\n De3pzq: \"f1bg9a2p\",\n sj55zd: \"f1s2aq7o\",\n g2u3we: \"fgig46g\",\n h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n B9xav0g: \"f250w3l\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"]\n }\n}, {\n d: [\".fdrzuqr{cursor:not-allowed;}\", \".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"]\n});\nexport const useInteractionTagSecondaryStyles_unstable = state => {\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const {\n shape,\n size,\n appearance\n } = state;\n state.root.className = mergeClasses(interactionTagSecondaryClassNames.root, rootBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[shape], rootStyles[size], state.root.className);\n return state;\n};\n//# sourceMappingURL=useInteractionTagSecondaryStyles.styles.js.map"],"names":["interactionTagSecondaryClassNames","useInteractionTagSecondaryStyles_unstable","root","mediumIconSize","smallIconSize","extraSmallIconSize","useRootBaseClassName","__resetStyles","useRootStyles","__styles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","rounded","B7oj6ja","Bbmb7ep","circular","medium","Be2twd7","uwmqm3","z189sj","small","d","h","a","m","useRootDisabledStyles","Bceei9c","state","rootBaseClassName","rootStyles","rootDisabledStyles","shape","size","appearance","className","mergeClasses","disabled"],"mappings":";;;;;;;;;;;IAGaA,iCAAiC;eAAjCA;;IA8GAC,yCAAyC;eAAzCA;;;uBAjHqD;AAG3D,MAAMD,oCAAoC;IAC/CE,MAAM;AACR;AACA,MAAMC,iBAAiB;AACvB,MAAMC,gBAAgB;AACtB,MAAMC,qBAAqB;AAC3B,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,UAAU;IAAC;IAAid;IAAuI;IAAmd;CAAqI;AAC9vC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,SAAS;QACPT,QAAQ;QACRC,QAAQ;QACRS,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BX,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAM,OAAO;QACLd,QAAQ;QACRC,QAAQ;QACRY,QAAQ;YAAC;YAAY;SAAW;QAChCX,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAO,SAAS;QACPC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAY;SAAW;IACnC;IACAC,UAAU;QACRF,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAE,QAAQ;QACNC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,OAAO;QACLH,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,eAAe;QACbF,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;YAAC;YAAW;SAAW;IACjC;AACF,GAAG;IACDE,GAAG;QAAC;QAA+D;QAAmD;QAA4D;QAA0D;QAA4D;QAA4D;QAA8D;QAA6D;QAAkD;QAA0D;QAA2D;QAAiE;QAA+D;QAAoE;QAAmE;QAAmE;QAAkE;QAAqE;QAAqE;QAA6B;QAAgC;QAAgC;QAA6B;QAA+B;QAAgC;KAA6B;IACl3CC,GAAG;QAAC;QAAmC;QAA0E;QAAoE;QAAwE;QAAwE;KAAmE;IACxYC,GAAG;QAAC;QAA4E;QAAuE;QAA2E;QAA0E;KAAsE;IAClXC,GAAG;QAAC;YAAC;YAAmF;gBACtFA,GAAG;YACL;SAAE;QAAE;YAAC;YAAoF;gBACvFA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAMC,wBAAwB,WAAW,GAAE9B,IAAAA,eAAQ,EAAC;IAClDC,QAAQ;QACN8B,SAAS;QACT7B,QAAQ;QACRC,QAAQ;QACRS,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAJ,SAAS;QACPoB,SAAS;QACT7B,QAAQ;QACRC,QAAQ;QACRS,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,OAAO;QACLe,SAAS;QACT7B,QAAQ;QACRC,QAAQ;QACRS,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDW,GAAG;QAAC;QAAiC;QAAsE;QAA2D;QAAqE;QAAwE;QAAsE;QAAwE;QAAkE;QAAmE;QAA4D;QAAkE;KAAmE;AACzwB;AACO,MAAMlC,4CAA4CwC,CAAAA;IACvD,MAAMC,oBAAoBpC;IAC1B,MAAMqC,aAAanC;IACnB,MAAMoC,qBAAqBL;IAC3B,MAAM,EACJM,KAAK,EACLC,IAAI,EACJC,UAAU,EACX,GAAGN;IACJA,MAAMvC,IAAI,CAAC8C,SAAS,GAAGC,IAAAA,mBAAY,EAACjD,kCAAkCE,IAAI,EAAEwC,mBAAmBD,MAAMS,QAAQ,GAAGN,kBAAkB,CAACG,WAAW,GAAGJ,UAAU,CAACI,WAAW,EAAEJ,UAAU,CAACE,MAAM,EAAEF,UAAU,CAACG,KAAK,EAAEL,MAAMvC,IAAI,CAAC8C,SAAS;IAClO,OAAOP;AACT,GACA,mEAAmE"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Tag", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return Tag;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _useTag = require("./useTag");
14
+ const _renderTag = require("./renderTag");
15
+ const _useTagStylesstyles = require("./useTagStyles.styles");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
17
+ const _utils = require("../../utils");
18
+ const Tag = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
+ const state = (0, _useTag.useTag_unstable)(props, ref);
20
+ (0, _useTagStylesstyles.useTagStyles_unstable)(state);
21
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTagStyles_unstable')(state);
22
+ return (0, _renderTag.renderTag_unstable)(state, (0, _utils.useTagAvatarContextValues_unstable)(state));
23
+ });
24
+ Tag.displayName = 'Tag';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["Tag.js"],"sourcesContent":["import * as React from 'react';\nimport { useTag_unstable } from './useTag';\nimport { renderTag_unstable } from './renderTag';\nimport { useTagStyles_unstable } from './useTagStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useTagAvatarContextValues_unstable } from '../../utils';\n/**\n * Tag component - a visual representation of an attribute.\n * Provides visual attributes such as media, icon, primary and secondary text, as well as the ability to attach an action (by default it is dismiss)\n */ export const Tag = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useTag_unstable(props, ref);\n useTagStyles_unstable(state);\n useCustomStyleHook_unstable('useTagStyles_unstable')(state);\n return renderTag_unstable(state, useTagAvatarContextValues_unstable(state));\n});\nTag.displayName = 'Tag';\n"],"names":["Tag","React","forwardRef","props","ref","state","useTag_unstable","useTagStyles_unstable","useCustomStyleHook_unstable","renderTag_unstable","useTagAvatarContextValues_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;wBACS;2BACG;oCACG;qCACM;uBACO;AAIxC,MAAMA,MAAM,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC1D,MAAMC,QAAQC,IAAAA,uBAAe,EAACH,OAAOC;IACrCG,IAAAA,yCAAqB,EAACF;IACtBG,IAAAA,gDAA2B,EAAC,yBAAyBH;IACrD,OAAOI,IAAAA,6BAAkB,EAACJ,OAAOK,IAAAA,yCAAkC,EAACL;AACxE;AACAL,IAAIW,WAAW,GAAG"}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./Tag"), exports);
7
+ _export_star._(require("./Tag.types"), exports);
8
+ _export_star._(require("./renderTag"), exports);
9
+ _export_star._(require("./useTag"), exports);
10
+ _export_star._(require("./useTagStyles.styles"), exports);
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './Tag';\nexport * from './Tag.types';\nexport * from './renderTag';\nexport * from './useTag';\nexport * from './useTagStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderTag_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return renderTag_unstable;
9
+ }
10
+ });
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
13
+ const _reactavatar = require("@fluentui/react-avatar");
14
+ const renderTag_unstable = (state, contextValues)=>{
15
+ (0, _reactutilities.assertSlots)(state);
16
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
17
+ children: [
18
+ state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactavatar.AvatarContextProvider, {
19
+ value: contextValues.avatar,
20
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {})
21
+ }),
22
+ state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
23
+ state.primaryText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.primaryText, {}),
24
+ state.secondaryText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.secondaryText, {}),
25
+ state.dismissIcon && state.dismissible && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.dismissIcon, {})
26
+ ]
27
+ });
28
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["renderTag.js"],"sourcesContent":[" import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\n/**\n * Render the final JSX of Tag\n */ export const renderTag_unstable = (state, contextValues)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n state.media && /*#__PURE__*/ _jsx(AvatarContextProvider, {\n value: contextValues.avatar,\n children: /*#__PURE__*/ _jsx(state.media, {})\n }),\n state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n state.primaryText && /*#__PURE__*/ _jsx(state.primaryText, {}),\n state.secondaryText && /*#__PURE__*/ _jsx(state.secondaryText, {}),\n state.dismissIcon && state.dismissible && /*#__PURE__*/ _jsx(state.dismissIcon, {})\n ]\n });\n};\n"],"names":["renderTag_unstable","state","contextValues","assertSlots","_jsxs","root","children","media","_jsx","AvatarContextProvider","value","avatar","icon","primaryText","secondaryText","dismissIcon","dismissible"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BAL4B;gCACjB;6BACU;AAG3B,MAAMA,qBAAqB,CAACC,OAAOC;IAC1CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,gBAAK,EAACH,MAAMI,IAAI,EAAE;QACnCC,UAAU;YACNL,MAAMM,KAAK,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACC,kCAAqB,EAAE;gBACrDC,OAAOR,cAAcS,MAAM;gBAC3BL,UAAU,WAAW,GAAGE,IAAAA,eAAI,EAACP,MAAMM,KAAK,EAAE,CAAC;YAC/C;YACAN,MAAMW,IAAI,IAAI,WAAW,GAAGJ,IAAAA,eAAI,EAACP,MAAMW,IAAI,EAAE,CAAC;YAC9CX,MAAMY,WAAW,IAAI,WAAW,GAAGL,IAAAA,eAAI,EAACP,MAAMY,WAAW,EAAE,CAAC;YAC5DZ,MAAMa,aAAa,IAAI,WAAW,GAAGN,IAAAA,eAAI,EAACP,MAAMa,aAAa,EAAE,CAAC;YAChEb,MAAMc,WAAW,IAAId,MAAMe,WAAW,IAAI,WAAW,GAAGR,IAAAA,eAAI,EAACP,MAAMc,WAAW,EAAE,CAAC;SACpF;IACL;AACJ"}
@@ -0,0 +1,101 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useTag_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useTag_unstable;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactutilities = require("@fluentui/react-utilities");
14
+ const _reacticons = require("@fluentui/react-icons");
15
+ const _keyboardkeys = require("@fluentui/keyboard-keys");
16
+ const _tagGroupContext = require("../../contexts/tagGroupContext");
17
+ const tagAvatarSizeMap = {
18
+ medium: 28,
19
+ small: 20,
20
+ 'extra-small': 16
21
+ };
22
+ const tagAvatarShapeMap = {
23
+ rounded: 'square',
24
+ circular: 'circular'
25
+ };
26
+ const useTag_unstable = (props, ref)=>{
27
+ const { handleTagDismiss, size: contextSize } = (0, _tagGroupContext.useTagGroupContext_unstable)();
28
+ const id = (0, _reactutilities.useId)('fui-Tag', props.id);
29
+ const { appearance = 'filled', disabled = false, dismissible = false, shape = 'rounded', size = contextSize, value = id } = props;
30
+ const dismissOnClick = (0, _reactutilities.useEventCallback)((ev)=>{
31
+ var _props_onClick;
32
+ (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, ev);
33
+ if (!ev.defaultPrevented) {
34
+ handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {
35
+ value
36
+ });
37
+ }
38
+ });
39
+ const dismissOnKeyDown = (0, _reactutilities.useEventCallback)((ev)=>{
40
+ var _props_onKeyDown;
41
+ props === null || props === void 0 ? void 0 : (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, ev);
42
+ if (!ev.defaultPrevented && (ev.key === _keyboardkeys.Delete || ev.key === _keyboardkeys.Backspace)) {
43
+ handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {
44
+ value
45
+ });
46
+ }
47
+ });
48
+ const elementType = dismissible ? 'button' : 'span';
49
+ return {
50
+ appearance,
51
+ avatarShape: tagAvatarShapeMap[shape],
52
+ avatarSize: tagAvatarSizeMap[size],
53
+ disabled,
54
+ dismissible,
55
+ shape,
56
+ size,
57
+ components: {
58
+ root: elementType,
59
+ media: 'span',
60
+ icon: 'span',
61
+ primaryText: 'span',
62
+ secondaryText: 'span',
63
+ dismissIcon: 'span'
64
+ },
65
+ root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)(elementType, {
66
+ ref,
67
+ ...props,
68
+ id,
69
+ ...dismissible && {
70
+ onClick: dismissOnClick,
71
+ onKeyDown: dismissOnKeyDown
72
+ }
73
+ }), {
74
+ elementType
75
+ }),
76
+ media: _reactutilities.slot.optional(props.media, {
77
+ elementType: 'span'
78
+ }),
79
+ icon: _reactutilities.slot.optional(props.icon, {
80
+ elementType: 'span'
81
+ }),
82
+ primaryText: _reactutilities.slot.optional(props.primaryText, {
83
+ renderByDefault: true,
84
+ defaultProps: {
85
+ children: props.children
86
+ },
87
+ elementType: 'span'
88
+ }),
89
+ secondaryText: _reactutilities.slot.optional(props.secondaryText, {
90
+ elementType: 'span'
91
+ }),
92
+ dismissIcon: _reactutilities.slot.optional(props.dismissIcon, {
93
+ renderByDefault: dismissible,
94
+ defaultProps: {
95
+ children: /*#__PURE__*/ _react.createElement(_reacticons.DismissRegular, null),
96
+ role: 'img'
97
+ },
98
+ elementType: 'span'
99
+ })
100
+ };
101
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTag.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback, useId, slot } from '@fluentui/react-utilities';\nimport { DismissRegular } from '@fluentui/react-icons';\nimport { Delete, Backspace } from '@fluentui/keyboard-keys';\nimport { useTagGroupContext_unstable } from '../../contexts/tagGroupContext';\nconst tagAvatarSizeMap = {\n medium: 28,\n small: 20,\n 'extra-small': 16\n};\nconst tagAvatarShapeMap = {\n rounded: 'square',\n circular: 'circular'\n};\n/**\n * Create the state required to render Tag.\n *\n * The returned state can be modified with hooks such as useTagStyles_unstable,\n * before being passed to renderTag_unstable.\n *\n * @param props - props from this instance of Tag\n * @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag\n */ export const useTag_unstable = (props, ref)=>{\n const { handleTagDismiss, size: contextSize } = useTagGroupContext_unstable();\n const id = useId('fui-Tag', props.id);\n const { appearance = 'filled', disabled = false, dismissible = false, shape = 'rounded', size = contextSize, value = id } = props;\n const dismissOnClick = useEventCallback((ev)=>{\n var _props_onClick;\n (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, ev);\n if (!ev.defaultPrevented) {\n handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {\n value\n });\n }\n });\n const dismissOnKeyDown = useEventCallback((ev)=>{\n var _props_onKeyDown;\n props === null || props === void 0 ? void 0 : (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, ev);\n if (!ev.defaultPrevented && (ev.key === Delete || ev.key === Backspace)) {\n handleTagDismiss === null || handleTagDismiss === void 0 ? void 0 : handleTagDismiss(ev, {\n value\n });\n }\n });\n const elementType = dismissible ? 'button' : 'span';\n return {\n appearance,\n avatarShape: tagAvatarShapeMap[shape],\n avatarSize: tagAvatarSizeMap[size],\n disabled,\n dismissible,\n shape,\n size,\n components: {\n root: elementType,\n media: 'span',\n icon: 'span',\n primaryText: 'span',\n secondaryText: 'span',\n dismissIcon: 'span'\n },\n root: slot.always(getNativeElementProps(elementType, {\n ref,\n ...props,\n id,\n ...dismissible && {\n onClick: dismissOnClick,\n onKeyDown: dismissOnKeyDown\n }\n }), {\n elementType\n }),\n media: slot.optional(props.media, {\n elementType: 'span'\n }),\n icon: slot.optional(props.icon, {\n elementType: 'span'\n }),\n primaryText: slot.optional(props.primaryText, {\n renderByDefault: true,\n defaultProps: {\n children: props.children\n },\n elementType: 'span'\n }),\n secondaryText: slot.optional(props.secondaryText, {\n elementType: 'span'\n }),\n dismissIcon: slot.optional(props.dismissIcon, {\n renderByDefault: dismissible,\n defaultProps: {\n children: /*#__PURE__*/ React.createElement(DismissRegular, null),\n role: 'img'\n },\n elementType: 'span'\n })\n };\n};\n"],"names":["useTag_unstable","tagAvatarSizeMap","medium","small","tagAvatarShapeMap","rounded","circular","props","ref","handleTagDismiss","size","contextSize","useTagGroupContext_unstable","id","useId","appearance","disabled","dismissible","shape","value","dismissOnClick","useEventCallback","ev","_props_onClick","onClick","call","defaultPrevented","dismissOnKeyDown","_props_onKeyDown","onKeyDown","key","Delete","Backspace","elementType","avatarShape","avatarSize","components","root","media","icon","primaryText","secondaryText","dismissIcon","slot","always","getNativeElementProps","optional","renderByDefault","defaultProps","children","React","createElement","DismissRegular","role"],"mappings":";;;;+BAsBiBA;;;eAAAA;;;;iEAtBM;gCAC8C;4BACtC;8BACG;iCACU;AAC5C,MAAMC,mBAAmB;IACrBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACnB;AACA,MAAMC,oBAAoB;IACtBC,SAAS;IACTC,UAAU;AACd;AASW,MAAMN,kBAAkB,CAACO,OAAOC;IACvC,MAAM,EAAEC,gBAAgB,EAAEC,MAAMC,WAAW,EAAE,GAAGC,IAAAA,4CAA2B;IAC3E,MAAMC,KAAKC,IAAAA,qBAAK,EAAC,WAAWP,MAAMM,EAAE;IACpC,MAAM,EAAEE,aAAa,QAAQ,EAAEC,WAAW,KAAK,EAAEC,cAAc,KAAK,EAAEC,QAAQ,SAAS,EAAER,OAAOC,WAAW,EAAEQ,QAAQN,EAAE,EAAE,GAAGN;IAC5H,MAAMa,iBAAiBC,IAAAA,gCAAgB,EAAC,CAACC;QACrC,IAAIC;QACHA,CAAAA,iBAAiBhB,MAAMiB,OAAO,AAAD,MAAO,QAAQD,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeE,IAAI,CAAClB,OAAOe;QAC7G,IAAI,CAACA,GAAGI,gBAAgB,EAAE;YACtBjB,qBAAqB,QAAQA,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBa,IAAI;gBACrFH;YACJ;QACJ;IACJ;IACA,MAAMQ,mBAAmBN,IAAAA,gCAAgB,EAAC,CAACC;QACvC,IAAIM;QACJrB,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAI,AAACqB,CAAAA,mBAAmBrB,MAAMsB,SAAS,AAAD,MAAO,QAAQD,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBH,IAAI,CAAClB,OAAOe;QACnK,IAAI,CAACA,GAAGI,gBAAgB,IAAKJ,CAAAA,GAAGQ,GAAG,KAAKC,oBAAM,IAAIT,GAAGQ,GAAG,KAAKE,uBAAS,AAAD,GAAI;YACrEvB,qBAAqB,QAAQA,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBa,IAAI;gBACrFH;YACJ;QACJ;IACJ;IACA,MAAMc,cAAchB,cAAc,WAAW;IAC7C,OAAO;QACHF;QACAmB,aAAa9B,iBAAiB,CAACc,MAAM;QACrCiB,YAAYlC,gBAAgB,CAACS,KAAK;QAClCM;QACAC;QACAC;QACAR;QACA0B,YAAY;YACRC,MAAMJ;YACNK,OAAO;YACPC,MAAM;YACNC,aAAa;YACbC,eAAe;YACfC,aAAa;QACjB;QACAL,MAAMM,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACZ,aAAa;YACjDzB;YACA,GAAGD,KAAK;YACRM;YACA,GAAGI,eAAe;gBACdO,SAASJ;gBACTS,WAAWF;YACf,CAAC;QACL,IAAI;YACAM;QACJ;QACAK,OAAOK,oBAAI,CAACG,QAAQ,CAACvC,MAAM+B,KAAK,EAAE;YAC9BL,aAAa;QACjB;QACAM,MAAMI,oBAAI,CAACG,QAAQ,CAACvC,MAAMgC,IAAI,EAAE;YAC5BN,aAAa;QACjB;QACAO,aAAaG,oBAAI,CAACG,QAAQ,CAACvC,MAAMiC,WAAW,EAAE;YAC1CO,iBAAiB;YACjBC,cAAc;gBACVC,UAAU1C,MAAM0C,QAAQ;YAC5B;YACAhB,aAAa;QACjB;QACAQ,eAAeE,oBAAI,CAACG,QAAQ,CAACvC,MAAMkC,aAAa,EAAE;YAC9CR,aAAa;QACjB;QACAS,aAAaC,oBAAI,CAACG,QAAQ,CAACvC,MAAMmC,WAAW,EAAE;YAC1CK,iBAAiB9B;YACjB+B,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,0BAAc,EAAE;gBAC5DC,MAAM;YACV;YACApB,aAAa;QACjB;IACJ;AACJ"}