@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.
- package/CHANGELOG.json +958 -0
- package/CHANGELOG.md +302 -0
- package/LICENSE +15 -0
- package/README.md +72 -0
- package/dist/index.d.ts +405 -0
- package/lib/InteractionTag.js +1 -0
- package/lib/InteractionTag.js.map +1 -0
- package/lib/InteractionTagPrimary.js +1 -0
- package/lib/InteractionTagPrimary.js.map +1 -0
- package/lib/InteractionTagSecondary.js +1 -0
- package/lib/InteractionTagSecondary.js.map +1 -0
- package/lib/Tag.js +1 -0
- package/lib/Tag.js.map +1 -0
- package/lib/TagGroup.js +1 -0
- package/lib/TagGroup.js.map +1 -0
- package/lib/components/InteractionTag/InteractionTag.js +16 -0
- package/lib/components/InteractionTag/InteractionTag.js.map +1 -0
- package/lib/components/InteractionTag/InteractionTag.types.js +1 -0
- package/lib/components/InteractionTag/InteractionTag.types.js.map +1 -0
- package/lib/components/InteractionTag/index.js +6 -0
- package/lib/components/InteractionTag/index.js.map +1 -0
- package/lib/components/InteractionTag/renderInteractionTag.js +12 -0
- package/lib/components/InteractionTag/renderInteractionTag.js.map +1 -0
- package/lib/components/InteractionTag/useInteractionTag.js +36 -0
- package/lib/components/InteractionTag/useInteractionTag.js.map +1 -0
- package/lib/components/InteractionTag/useInteractionTagContextValues.js +23 -0
- package/lib/components/InteractionTag/useInteractionTagContextValues.js.map +1 -0
- package/lib/components/InteractionTag/useInteractionTagStyles.styles.js +45 -0
- package/lib/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -0
- package/lib/components/InteractionTagPrimary/InteractionTagPrimary.js +16 -0
- package/lib/components/InteractionTagPrimary/InteractionTagPrimary.js.map +1 -0
- package/lib/components/InteractionTagPrimary/InteractionTagPrimary.types.js +1 -0
- package/lib/components/InteractionTagPrimary/InteractionTagPrimary.types.js.map +1 -0
- package/lib/components/InteractionTagPrimary/index.js +5 -0
- package/lib/components/InteractionTagPrimary/index.js.map +1 -0
- package/lib/components/InteractionTagPrimary/renderInteractionTagPrimary.js +19 -0
- package/lib/components/InteractionTagPrimary/renderInteractionTagPrimary.js.map +1 -0
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimary.js +64 -0
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimary.js.map +1 -0
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +232 -0
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -0
- package/lib/components/InteractionTagSecondary/InteractionTagSecondary.js +14 -0
- package/lib/components/InteractionTagSecondary/InteractionTagSecondary.js.map +1 -0
- package/lib/components/InteractionTagSecondary/InteractionTagSecondary.types.js +1 -0
- package/lib/components/InteractionTagSecondary/InteractionTagSecondary.types.js.map +1 -0
- package/lib/components/InteractionTagSecondary/index.js +5 -0
- package/lib/components/InteractionTagSecondary/index.js.map +1 -0
- package/lib/components/InteractionTagSecondary/renderInteractionTagSecondary.js +8 -0
- package/lib/components/InteractionTagSecondary/renderInteractionTagSecondary.js.map +1 -0
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondary.js +57 -0
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondary.js.map +1 -0
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +126 -0
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -0
- package/lib/components/Tag/Tag.js +16 -0
- package/lib/components/Tag/Tag.js.map +1 -0
- package/lib/components/Tag/Tag.types.js +1 -0
- package/lib/components/Tag/Tag.types.js.map +1 -0
- package/lib/components/Tag/index.js +5 -0
- package/lib/components/Tag/index.js.map +1 -0
- package/lib/components/Tag/renderTag.js +20 -0
- package/lib/components/Tag/renderTag.js.map +1 -0
- package/lib/components/Tag/useTag.js +98 -0
- package/lib/components/Tag/useTag.js.map +1 -0
- package/lib/components/Tag/useTagStyles.styles.js +320 -0
- package/lib/components/Tag/useTagStyles.styles.js.map +1 -0
- package/lib/components/TagGroup/TagGroup.js +16 -0
- package/lib/components/TagGroup/TagGroup.js.map +1 -0
- package/lib/components/TagGroup/TagGroup.types.js +1 -0
- package/lib/components/TagGroup/TagGroup.types.js.map +1 -0
- package/lib/components/TagGroup/index.js +6 -0
- package/lib/components/TagGroup/index.js.map +1 -0
- package/lib/components/TagGroup/renderTagGroup.js +12 -0
- package/lib/components/TagGroup/renderTagGroup.js.map +1 -0
- package/lib/components/TagGroup/useTagGroup.js +67 -0
- package/lib/components/TagGroup/useTagGroup.js.map +1 -0
- package/lib/components/TagGroup/useTagGroupContextValues.js +13 -0
- package/lib/components/TagGroup/useTagGroupContextValues.js.map +1 -0
- package/lib/components/TagGroup/useTagGroupStyles.styles.js +36 -0
- package/lib/components/TagGroup/useTagGroupStyles.styles.js.map +1 -0
- package/lib/contexts/interactionTagContext.js +16 -0
- package/lib/contexts/interactionTagContext.js.map +1 -0
- package/lib/contexts/tagGroupContext.js +11 -0
- package/lib/contexts/tagGroupContext.js.map +1 -0
- package/lib/index.js +6 -0
- package/lib/index.js.map +1 -0
- package/lib/utils/index.js +2 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/types.js +1 -0
- package/lib/utils/types.js.map +1 -0
- package/lib/utils/useTagAvatarContextValues.js +14 -0
- package/lib/utils/useTagAvatarContextValues.js.map +1 -0
- package/lib-commonjs/InteractionTag.js +6 -0
- package/lib-commonjs/InteractionTag.js.map +1 -0
- package/lib-commonjs/InteractionTagPrimary.js +6 -0
- package/lib-commonjs/InteractionTagPrimary.js.map +1 -0
- package/lib-commonjs/InteractionTagSecondary.js +6 -0
- package/lib-commonjs/InteractionTagSecondary.js.map +1 -0
- package/lib-commonjs/Tag.js +6 -0
- package/lib-commonjs/Tag.js.map +1 -0
- package/lib-commonjs/TagGroup.js +6 -0
- package/lib-commonjs/TagGroup.js.map +1 -0
- package/lib-commonjs/components/InteractionTag/InteractionTag.js +24 -0
- package/lib-commonjs/components/InteractionTag/InteractionTag.js.map +1 -0
- package/lib-commonjs/components/InteractionTag/InteractionTag.types.js +4 -0
- package/lib-commonjs/components/InteractionTag/InteractionTag.types.js.map +1 -0
- package/lib-commonjs/components/InteractionTag/index.js +11 -0
- package/lib-commonjs/components/InteractionTag/index.js.map +1 -0
- package/lib-commonjs/components/InteractionTag/renderInteractionTag.js +20 -0
- package/lib-commonjs/components/InteractionTag/renderInteractionTag.js.map +1 -0
- package/lib-commonjs/components/InteractionTag/useInteractionTag.js +39 -0
- package/lib-commonjs/components/InteractionTag/useInteractionTag.js.map +1 -0
- package/lib-commonjs/components/InteractionTag/useInteractionTagContextValues.js +34 -0
- package/lib-commonjs/components/InteractionTag/useInteractionTagContextValues.js.map +1 -0
- package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js +93 -0
- package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -0
- package/lib-commonjs/components/InteractionTagPrimary/InteractionTagPrimary.js +24 -0
- package/lib-commonjs/components/InteractionTagPrimary/InteractionTagPrimary.js.map +1 -0
- package/lib-commonjs/components/InteractionTagPrimary/InteractionTagPrimary.types.js +4 -0
- package/lib-commonjs/components/InteractionTagPrimary/InteractionTagPrimary.types.js.map +1 -0
- package/lib-commonjs/components/InteractionTagPrimary/index.js +10 -0
- package/lib-commonjs/components/InteractionTagPrimary/index.js.map +1 -0
- package/lib-commonjs/components/InteractionTagPrimary/renderInteractionTagPrimary.js +27 -0
- package/lib-commonjs/components/InteractionTagPrimary/renderInteractionTagPrimary.js.map +1 -0
- package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimary.js +67 -0
- package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimary.js.map +1 -0
- package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +431 -0
- package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -0
- package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.js +23 -0
- package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.js.map +1 -0
- package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.types.js +4 -0
- package/lib-commonjs/components/InteractionTagSecondary/InteractionTagSecondary.types.js.map +1 -0
- package/lib-commonjs/components/InteractionTagSecondary/index.js +10 -0
- package/lib-commonjs/components/InteractionTagSecondary/index.js.map +1 -0
- package/lib-commonjs/components/InteractionTagSecondary/renderInteractionTagSecondary.js +16 -0
- package/lib-commonjs/components/InteractionTagSecondary/renderInteractionTagSecondary.js.map +1 -0
- package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondary.js +60 -0
- package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondary.js.map +1 -0
- package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +261 -0
- package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -0
- package/lib-commonjs/components/Tag/Tag.js +24 -0
- package/lib-commonjs/components/Tag/Tag.js.map +1 -0
- package/lib-commonjs/components/Tag/Tag.types.js +4 -0
- package/lib-commonjs/components/Tag/Tag.types.js.map +1 -0
- package/lib-commonjs/components/Tag/index.js +10 -0
- package/lib-commonjs/components/Tag/index.js.map +1 -0
- package/lib-commonjs/components/Tag/renderTag.js +28 -0
- package/lib-commonjs/components/Tag/renderTag.js.map +1 -0
- package/lib-commonjs/components/Tag/useTag.js +101 -0
- package/lib-commonjs/components/Tag/useTag.js.map +1 -0
- package/lib-commonjs/components/Tag/useTagStyles.styles.js +569 -0
- package/lib-commonjs/components/Tag/useTagStyles.styles.js.map +1 -0
- package/lib-commonjs/components/TagGroup/TagGroup.js +24 -0
- package/lib-commonjs/components/TagGroup/TagGroup.js.map +1 -0
- package/lib-commonjs/components/TagGroup/TagGroup.types.js +4 -0
- package/lib-commonjs/components/TagGroup/TagGroup.types.js.map +1 -0
- package/lib-commonjs/components/TagGroup/index.js +11 -0
- package/lib-commonjs/components/TagGroup/index.js.map +1 -0
- package/lib-commonjs/components/TagGroup/renderTagGroup.js +20 -0
- package/lib-commonjs/components/TagGroup/renderTagGroup.js.map +1 -0
- package/lib-commonjs/components/TagGroup/useTagGroup.js +70 -0
- package/lib-commonjs/components/TagGroup/useTagGroup.js.map +1 -0
- package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js +24 -0
- package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js.map +1 -0
- package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js +51 -0
- package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js.map +1 -0
- package/lib-commonjs/contexts/interactionTagContext.js +38 -0
- package/lib-commonjs/contexts/interactionTagContext.js.map +1 -0
- package/lib-commonjs/contexts/tagGroupContext.js +33 -0
- package/lib-commonjs/contexts/tagGroupContext.js.map +1 -0
- package/lib-commonjs/index.js +102 -0
- package/lib-commonjs/index.js.map +1 -0
- package/lib-commonjs/utils/index.js +7 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/types.js +6 -0
- package/lib-commonjs/utils/types.js.map +1 -0
- package/lib-commonjs/utils/useTagAvatarContextValues.js +25 -0
- package/lib-commonjs/utils/useTagAvatarContextValues.js.map +1 -0
- package/package.json +67 -0
package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js
ADDED
|
@@ -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":"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"}
|
|
@@ -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 @@
|
|
|
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"}
|