@fluentui/react-persona 9.2.4 → 9.2.6
Sign up to get free protection for your applications and to get access to all the features.
- package/.swcrc +30 -0
- package/CHANGELOG.json +85 -1
- package/CHANGELOG.md +29 -2
- package/lib/Persona.js.map +1 -1
- package/lib/components/Persona/Persona.js.map +1 -1
- package/lib/components/Persona/Persona.types.js.map +1 -1
- package/lib/components/Persona/index.js.map +1 -1
- package/lib/components/Persona/renderPersona.js +2 -16
- package/lib/components/Persona/renderPersona.js.map +1 -1
- package/lib/components/Persona/usePersona.js +1 -0
- package/lib/components/Persona/usePersona.js.map +1 -1
- package/lib/components/Persona/usePersonaStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Persona.js +5 -4
- package/lib-commonjs/Persona.js.map +1 -1
- package/lib-commonjs/components/Persona/Persona.js +19 -21
- package/lib-commonjs/components/Persona/Persona.js.map +1 -1
- package/lib-commonjs/components/Persona/Persona.types.js +3 -2
- package/lib-commonjs/components/Persona/Persona.types.js.map +1 -1
- package/lib-commonjs/components/Persona/index.js +9 -8
- package/lib-commonjs/components/Persona/index.js.map +1 -1
- package/lib-commonjs/components/Persona/renderPersona.js +15 -35
- package/lib-commonjs/components/Persona/renderPersona.js.map +1 -1
- package/lib-commonjs/components/Persona/usePersona.js +80 -84
- package/lib-commonjs/components/Persona/usePersona.js.map +1 -1
- package/lib-commonjs/components/Persona/usePersonaStyles.js +252 -208
- package/lib-commonjs/components/Persona/usePersonaStyles.js.map +1 -1
- package/lib-commonjs/index.js +16 -33
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +10 -9
- package/lib-amd/Persona.js +0 -6
- package/lib-amd/Persona.js.map +0 -1
- package/lib-amd/components/Persona/Persona.js +0 -18
- package/lib-amd/components/Persona/Persona.js.map +0 -1
- package/lib-amd/components/Persona/Persona.types.js +0 -5
- package/lib-amd/components/Persona/Persona.types.js.map +0 -1
- package/lib-amd/components/Persona/index.js +0 -10
- package/lib-amd/components/Persona/index.js.map +0 -1
- package/lib-amd/components/Persona/renderPersona.js +0 -24
- package/lib-amd/components/Persona/renderPersona.js.map +0 -1
- package/lib-amd/components/Persona/usePersona.js +0 -84
- package/lib-amd/components/Persona/usePersona.js.map +0 -1
- package/lib-amd/components/Persona/usePersonaStyles.js +0 -191
- package/lib-amd/components/Persona/usePersonaStyles.js.map +0 -1
- package/lib-amd/index.js +0 -11
- package/lib-amd/index.js.map +0 -1
@@ -1,226 +1,270 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
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
|
+
personaClassNames: ()=>personaClassNames,
|
13
|
+
usePersonaStyles_unstable: ()=>usePersonaStyles_unstable
|
5
14
|
});
|
6
|
-
|
7
|
-
const
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
tertiaryText: 'fui-Persona__tertiaryText',
|
16
|
-
quaternaryText: 'fui-Persona__quaternaryText'
|
15
|
+
const _react = require("@griffel/react");
|
16
|
+
const personaClassNames = {
|
17
|
+
root: 'fui-Persona',
|
18
|
+
avatar: 'fui-Persona__avatar',
|
19
|
+
presence: 'fui-Persona__presence',
|
20
|
+
primaryText: 'fui-Persona__primaryText',
|
21
|
+
secondaryText: 'fui-Persona__secondaryText',
|
22
|
+
tertiaryText: 'fui-Persona__tertiaryText',
|
23
|
+
quaternaryText: 'fui-Persona__quaternaryText'
|
17
24
|
};
|
18
25
|
const avatarSpacing = `--fui-Persona__avatar--spacing`;
|
19
|
-
const useRootClassName = /*#__PURE__*/
|
26
|
+
const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rlroi9i", null, [
|
27
|
+
".rlroi9i{display:inline-grid;grid-auto-rows:max-content;grid-auto-flow:column;justify-items:start;grid-template-columns:max-content [middle] auto;}"
|
28
|
+
]);
|
20
29
|
/**
|
21
30
|
* Styles for the root slot
|
22
|
-
*/
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
}
|
74
|
-
}, {
|
75
|
-
d: [".f1iantul{grid-template-rows:1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr;}", ".f1tll2w5{justify-items:end;}", ".ffvkwdr{grid-template-columns:auto [middle] max-content;}", ".f1nkeedh{grid-auto-flow:unset;}", ".f1oiokrs{justify-items:center;}", ".f1emgwh2{grid-template-columns:unset;}", ".f1hek2iy{grid-row-start:span 5;}", ".fa4dipu{grid-row-start:span 6;}", ".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}", ".f7nlbp4{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}", ".f1rnkkuc{grid-row-start:unset;}", ".f1warjpf{grid-column-end:middle;}", ".fwu52yu{grid-column-start:middle;}", ".f1ryq6si{margin-top:-2px;}", ".f1q3ipgb{grid-row-start:primary;}", ".f3drtdk{grid-row-start:secondary;}", ".fa1o6s1{grid-row-start:tertiary;}", ".f1tuwaia{grid-row-start:quaternary;}"]
|
76
|
-
});
|
77
|
-
const useAvatarSpacingStyles = /*#__PURE__*/react_1.__styles({
|
78
|
-
"extra-small": {
|
79
|
-
Bs1gm4r: "f1e48tse"
|
80
|
-
},
|
81
|
-
small: {
|
82
|
-
Bs1gm4r: "f18q9vkd"
|
83
|
-
},
|
84
|
-
medium: {
|
85
|
-
Bs1gm4r: "f18q9vkd"
|
86
|
-
},
|
87
|
-
large: {
|
88
|
-
Bs1gm4r: "fx34bi6"
|
89
|
-
},
|
90
|
-
"extra-large": {
|
91
|
-
Bs1gm4r: "fx34bi6"
|
92
|
-
},
|
93
|
-
huge: {
|
94
|
-
Bs1gm4r: "f1o96qtm"
|
95
|
-
},
|
96
|
-
after: {
|
97
|
-
t21cq0: ["f103ycu4", "f1tao51"]
|
98
|
-
},
|
99
|
-
below: {
|
100
|
-
jrapky: "fbo7acy"
|
101
|
-
},
|
102
|
-
before: {
|
103
|
-
Frg6f3: ["f1tao51", "f103ycu4"]
|
104
|
-
}
|
31
|
+
*/ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
32
|
+
beforeAfterCenter: {
|
33
|
+
wkccdc: "f1iantul"
|
34
|
+
},
|
35
|
+
after: {},
|
36
|
+
before: {
|
37
|
+
B7hvi0a: "f1tll2w5",
|
38
|
+
Budl1dq: "ffvkwdr"
|
39
|
+
},
|
40
|
+
below: {
|
41
|
+
Bxotwcr: "f1nkeedh",
|
42
|
+
B7hvi0a: "f1oiokrs",
|
43
|
+
Budl1dq: "f1emgwh2"
|
44
|
+
},
|
45
|
+
media: {
|
46
|
+
Ijaq50: "f1hek2iy"
|
47
|
+
},
|
48
|
+
mediaBeforeAfterCenter: {
|
49
|
+
Ijaq50: "fa4dipu"
|
50
|
+
},
|
51
|
+
start: {
|
52
|
+
qb2dma: "f9h729m"
|
53
|
+
},
|
54
|
+
center: {
|
55
|
+
qb2dma: "f7nlbp4"
|
56
|
+
},
|
57
|
+
afterAlignToPrimary: {
|
58
|
+
qb2dma: "f7nlbp4",
|
59
|
+
Ijaq50: "f1rnkkuc",
|
60
|
+
Bw0ie65: "f1warjpf"
|
61
|
+
},
|
62
|
+
beforeAlignToPrimary: {
|
63
|
+
qb2dma: "f7nlbp4",
|
64
|
+
Ijaq50: "f1rnkkuc",
|
65
|
+
Br312pm: "fwu52yu"
|
66
|
+
},
|
67
|
+
secondLineSpacing: {
|
68
|
+
B6of3ja: "f1ryq6si"
|
69
|
+
},
|
70
|
+
primary: {
|
71
|
+
Ijaq50: "f1q3ipgb"
|
72
|
+
},
|
73
|
+
secondary: {
|
74
|
+
Ijaq50: "f3drtdk"
|
75
|
+
},
|
76
|
+
tertiary: {
|
77
|
+
Ijaq50: "fa1o6s1"
|
78
|
+
},
|
79
|
+
quaternary: {
|
80
|
+
Ijaq50: "f1tuwaia"
|
81
|
+
}
|
105
82
|
}, {
|
106
|
-
|
83
|
+
d: [
|
84
|
+
".f1iantul{grid-template-rows:1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr;}",
|
85
|
+
".f1tll2w5{justify-items:end;}",
|
86
|
+
".ffvkwdr{grid-template-columns:auto [middle] max-content;}",
|
87
|
+
".f1nkeedh{grid-auto-flow:unset;}",
|
88
|
+
".f1oiokrs{justify-items:center;}",
|
89
|
+
".f1emgwh2{grid-template-columns:unset;}",
|
90
|
+
".f1hek2iy{grid-row-start:span 5;}",
|
91
|
+
".fa4dipu{grid-row-start:span 6;}",
|
92
|
+
".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}",
|
93
|
+
".f7nlbp4{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}",
|
94
|
+
".f1rnkkuc{grid-row-start:unset;}",
|
95
|
+
".f1warjpf{grid-column-end:middle;}",
|
96
|
+
".fwu52yu{grid-column-start:middle;}",
|
97
|
+
".f1ryq6si{margin-top:-2px;}",
|
98
|
+
".f1q3ipgb{grid-row-start:primary;}",
|
99
|
+
".f3drtdk{grid-row-start:secondary;}",
|
100
|
+
".fa1o6s1{grid-row-start:tertiary;}",
|
101
|
+
".f1tuwaia{grid-row-start:quaternary;}"
|
102
|
+
]
|
107
103
|
});
|
108
|
-
const
|
109
|
-
|
110
|
-
|
111
|
-
|
104
|
+
const useAvatarSpacingStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
105
|
+
"extra-small": {
|
106
|
+
Bs1gm4r: "f1e48tse"
|
107
|
+
},
|
108
|
+
small: {
|
109
|
+
Bs1gm4r: "f18q9vkd"
|
110
|
+
},
|
111
|
+
medium: {
|
112
|
+
Bs1gm4r: "f18q9vkd"
|
113
|
+
},
|
114
|
+
large: {
|
115
|
+
Bs1gm4r: "fx34bi6"
|
116
|
+
},
|
117
|
+
"extra-large": {
|
118
|
+
Bs1gm4r: "fx34bi6"
|
119
|
+
},
|
120
|
+
huge: {
|
121
|
+
Bs1gm4r: "f1o96qtm"
|
122
|
+
},
|
123
|
+
after: {
|
124
|
+
t21cq0: [
|
125
|
+
"f103ycu4",
|
126
|
+
"f1tao51"
|
127
|
+
]
|
128
|
+
},
|
129
|
+
below: {
|
130
|
+
jrapky: "fbo7acy"
|
131
|
+
},
|
132
|
+
before: {
|
133
|
+
Frg6f3: [
|
134
|
+
"f1tao51",
|
135
|
+
"f103ycu4"
|
136
|
+
]
|
137
|
+
}
|
112
138
|
}, {
|
113
|
-
|
139
|
+
d: [
|
140
|
+
".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}",
|
141
|
+
".f18q9vkd{--fui-Persona__avatar--spacing:var(--spacingHorizontalS);}",
|
142
|
+
".fx34bi6{--fui-Persona__avatar--spacing:var(--spacingHorizontalMNudge);}",
|
143
|
+
".f1o96qtm{--fui-Persona__avatar--spacing:var(--spacingHorizontalM);}",
|
144
|
+
".f103ycu4{margin-right:var(--fui-Persona__avatar--spacing);}",
|
145
|
+
".f1tao51{margin-left:var(--fui-Persona__avatar--spacing);}",
|
146
|
+
".fbo7acy{margin-bottom:var(--fui-Persona__avatar--spacing);}"
|
147
|
+
]
|
114
148
|
});
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
const {
|
120
|
-
presenceOnly,
|
121
|
-
size,
|
122
|
-
textAlignment,
|
123
|
-
textPosition
|
124
|
-
} = state;
|
125
|
-
const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';
|
126
|
-
const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';
|
127
|
-
const {
|
128
|
-
primaryTextClassName,
|
129
|
-
optionalTextClassName
|
130
|
-
} = useTextClassNames(state, alignToPrimary);
|
131
|
-
const rootClassName = useRootClassName();
|
132
|
-
const styles = useStyles();
|
133
|
-
const avatarSpacingStyles = useAvatarSpacingStyles();
|
134
|
-
const presenceSpacingStyles = {
|
135
|
-
...avatarSpacingStyles,
|
136
|
-
...usePresenceSpacingStyles()
|
137
|
-
};
|
138
|
-
state.root.className = react_1.mergeClasses(exports.personaClassNames.root, rootClassName, alignBeforeAfterCenter && styles.beforeAfterCenter, styles[textPosition], state.root.className);
|
139
|
-
if (state.avatar) {
|
140
|
-
state.avatar.className = react_1.mergeClasses(exports.personaClassNames.avatar, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);
|
141
|
-
}
|
142
|
-
if (state.presence) {
|
143
|
-
state.presence.className = react_1.mergeClasses(exports.personaClassNames.presence, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], presenceSpacingStyles[size], presenceSpacingStyles[textPosition], textPosition === 'after' && alignToPrimary && styles.afterAlignToPrimary, textPosition === 'before' && alignToPrimary && styles.beforeAlignToPrimary, state.presence.className);
|
144
|
-
}
|
145
|
-
if (state.primaryText) {
|
146
|
-
state.primaryText.className = react_1.mergeClasses(exports.personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);
|
147
|
-
}
|
148
|
-
if (state.secondaryText) {
|
149
|
-
state.secondaryText.className = react_1.mergeClasses(exports.personaClassNames.secondaryText, alignBeforeAfterCenter && styles.secondary, optionalTextClassName, styles.secondLineSpacing, state.secondaryText.className);
|
150
|
-
}
|
151
|
-
if (state.tertiaryText) {
|
152
|
-
state.tertiaryText.className = react_1.mergeClasses(exports.personaClassNames.tertiaryText, alignBeforeAfterCenter && styles.tertiary, optionalTextClassName, state.tertiaryText.className);
|
153
|
-
}
|
154
|
-
if (state.quaternaryText) {
|
155
|
-
state.quaternaryText.className = react_1.mergeClasses(exports.personaClassNames.quaternaryText, alignBeforeAfterCenter && styles.quaternary, optionalTextClassName, state.quaternaryText.className);
|
156
|
-
}
|
157
|
-
return state;
|
158
|
-
};
|
159
|
-
exports.usePersonaStyles_unstable = usePersonaStyles_unstable;
|
160
|
-
const usePrimaryTextBaseClassName = /*#__PURE__*/react_1.__resetStyles("rvj41k9", null, [".rvj41k9{display:block;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"]);
|
161
|
-
const useOptionalTextBaseClassName = /*#__PURE__*/react_1.__resetStyles("rp1pf9e", null, [".rp1pf9e{display:block;color:var(--colorNeutralForeground2);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
|
162
|
-
const useTextStyles = /*#__PURE__*/react_1.__styles({
|
163
|
-
beforeAlignToPrimary: {
|
164
|
-
Bw0ie65: "f1warjpf"
|
165
|
-
},
|
166
|
-
afterAlignToPrimary: {
|
167
|
-
Br312pm: "fwu52yu"
|
168
|
-
},
|
169
|
-
body1: {
|
170
|
-
Bahqtrf: "fk6fouc",
|
171
|
-
Be2twd7: "fkhj508",
|
172
|
-
Bhrd7zp: "figsok6",
|
173
|
-
Bg96gwp: "f1i3iumi"
|
174
|
-
},
|
175
|
-
caption1: {
|
176
|
-
Bahqtrf: "fk6fouc",
|
177
|
-
Be2twd7: "fy9rknc",
|
178
|
-
Bhrd7zp: "figsok6",
|
179
|
-
Bg96gwp: "fwrc4pm"
|
180
|
-
},
|
181
|
-
subtitle2: {
|
182
|
-
Bahqtrf: "fk6fouc",
|
183
|
-
Be2twd7: "fod5ikn",
|
184
|
-
Bhrd7zp: "fl43uef",
|
185
|
-
Bg96gwp: "faaz57k"
|
186
|
-
}
|
149
|
+
const usePresenceSpacingStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
150
|
+
small: {
|
151
|
+
Bs1gm4r: "f1e48tse"
|
152
|
+
}
|
187
153
|
}, {
|
188
|
-
|
154
|
+
d: [
|
155
|
+
".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}"
|
156
|
+
]
|
189
157
|
});
|
190
|
-
const
|
191
|
-
|
192
|
-
presenceOnly
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
primaryTextSize = textStyles.subtitle2;
|
158
|
+
const usePersonaStyles_unstable = (state)=>{
|
159
|
+
const { presenceOnly , size , textAlignment , textPosition } = state;
|
160
|
+
const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';
|
161
|
+
const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';
|
162
|
+
const { primaryTextClassName , optionalTextClassName } = useTextClassNames(state, alignToPrimary);
|
163
|
+
const rootClassName = useRootClassName();
|
164
|
+
const styles = useStyles();
|
165
|
+
const avatarSpacingStyles = useAvatarSpacingStyles();
|
166
|
+
const presenceSpacingStyles = {
|
167
|
+
...avatarSpacingStyles,
|
168
|
+
...usePresenceSpacingStyles()
|
169
|
+
};
|
170
|
+
state.root.className = (0, _react.mergeClasses)(personaClassNames.root, rootClassName, alignBeforeAfterCenter && styles.beforeAfterCenter, styles[textPosition], state.root.className);
|
171
|
+
if (state.avatar) {
|
172
|
+
state.avatar.className = (0, _react.mergeClasses)(personaClassNames.avatar, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);
|
206
173
|
}
|
207
|
-
if (
|
208
|
-
|
209
|
-
alignToPrimaryClassName = textStyles.beforeAlignToPrimary;
|
210
|
-
} else if (textPosition === 'after') {
|
211
|
-
alignToPrimaryClassName = textStyles.afterAlignToPrimary;
|
212
|
-
}
|
174
|
+
if (state.presence) {
|
175
|
+
state.presence.className = (0, _react.mergeClasses)(personaClassNames.presence, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], presenceSpacingStyles[size], presenceSpacingStyles[textPosition], textPosition === 'after' && alignToPrimary && styles.afterAlignToPrimary, textPosition === 'before' && alignToPrimary && styles.beforeAlignToPrimary, state.presence.className);
|
213
176
|
}
|
214
|
-
|
215
|
-
|
216
|
-
primaryTextSize = textStyles.subtitle2;
|
217
|
-
} else if (size === 'extra-large') {
|
218
|
-
primaryTextSize = textStyles.subtitle2;
|
177
|
+
if (state.primaryText) {
|
178
|
+
state.primaryText.className = (0, _react.mergeClasses)(personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);
|
219
179
|
}
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
180
|
+
if (state.secondaryText) {
|
181
|
+
state.secondaryText.className = (0, _react.mergeClasses)(personaClassNames.secondaryText, alignBeforeAfterCenter && styles.secondary, optionalTextClassName, styles.secondLineSpacing, state.secondaryText.className);
|
182
|
+
}
|
183
|
+
if (state.tertiaryText) {
|
184
|
+
state.tertiaryText.className = (0, _react.mergeClasses)(personaClassNames.tertiaryText, alignBeforeAfterCenter && styles.tertiary, optionalTextClassName, state.tertiaryText.className);
|
185
|
+
}
|
186
|
+
if (state.quaternaryText) {
|
187
|
+
state.quaternaryText.className = (0, _react.mergeClasses)(personaClassNames.quaternaryText, alignBeforeAfterCenter && styles.quaternary, optionalTextClassName, state.quaternaryText.className);
|
188
|
+
}
|
189
|
+
return state;
|
225
190
|
};
|
191
|
+
const usePrimaryTextBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rvj41k9", null, [
|
192
|
+
".rvj41k9{display:block;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"
|
193
|
+
]);
|
194
|
+
const useOptionalTextBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rp1pf9e", null, [
|
195
|
+
".rp1pf9e{display:block;color:var(--colorNeutralForeground2);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
|
196
|
+
]);
|
197
|
+
const useTextStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
198
|
+
beforeAlignToPrimary: {
|
199
|
+
Bw0ie65: "f1warjpf"
|
200
|
+
},
|
201
|
+
afterAlignToPrimary: {
|
202
|
+
Br312pm: "fwu52yu"
|
203
|
+
},
|
204
|
+
body1: {
|
205
|
+
Bahqtrf: "fk6fouc",
|
206
|
+
Be2twd7: "fkhj508",
|
207
|
+
Bhrd7zp: "figsok6",
|
208
|
+
Bg96gwp: "f1i3iumi"
|
209
|
+
},
|
210
|
+
caption1: {
|
211
|
+
Bahqtrf: "fk6fouc",
|
212
|
+
Be2twd7: "fy9rknc",
|
213
|
+
Bhrd7zp: "figsok6",
|
214
|
+
Bg96gwp: "fwrc4pm"
|
215
|
+
},
|
216
|
+
subtitle2: {
|
217
|
+
Bahqtrf: "fk6fouc",
|
218
|
+
Be2twd7: "fod5ikn",
|
219
|
+
Bhrd7zp: "fl43uef",
|
220
|
+
Bg96gwp: "faaz57k"
|
221
|
+
}
|
222
|
+
}, {
|
223
|
+
d: [
|
224
|
+
".f1warjpf{grid-column-end:middle;}",
|
225
|
+
".fwu52yu{grid-column-start:middle;}",
|
226
|
+
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
227
|
+
".fkhj508{font-size:var(--fontSizeBase300);}",
|
228
|
+
".figsok6{font-weight:var(--fontWeightRegular);}",
|
229
|
+
".f1i3iumi{line-height:var(--lineHeightBase300);}",
|
230
|
+
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
231
|
+
".fwrc4pm{line-height:var(--lineHeightBase200);}",
|
232
|
+
".fod5ikn{font-size:var(--fontSizeBase400);}",
|
233
|
+
".fl43uef{font-weight:var(--fontWeightSemibold);}",
|
234
|
+
".faaz57k{line-height:var(--lineHeightBase400);}"
|
235
|
+
]
|
236
|
+
});
|
237
|
+
const useTextClassNames = (state, alignToPrimary)=>{
|
238
|
+
const { presenceOnly , size , textPosition } = state;
|
239
|
+
const primaryTextBaseClassName = usePrimaryTextBaseClassName();
|
240
|
+
const optionalTextBaseClassName = useOptionalTextBaseClassName();
|
241
|
+
const textStyles = useTextStyles();
|
242
|
+
let primaryTextSize;
|
243
|
+
let alignToPrimaryClassName;
|
244
|
+
if (presenceOnly) {
|
245
|
+
if (size === 'extra-small') {
|
246
|
+
primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;
|
247
|
+
} else if (size === 'extra-large' || size === 'huge') {
|
248
|
+
primaryTextSize = textStyles.subtitle2;
|
249
|
+
}
|
250
|
+
if (alignToPrimary) {
|
251
|
+
if (textPosition === 'before') {
|
252
|
+
alignToPrimaryClassName = textStyles.beforeAlignToPrimary;
|
253
|
+
} else if (textPosition === 'after') {
|
254
|
+
alignToPrimaryClassName = textStyles.afterAlignToPrimary;
|
255
|
+
}
|
256
|
+
}
|
257
|
+
} else {
|
258
|
+
if (size === 'huge') {
|
259
|
+
primaryTextSize = textStyles.subtitle2;
|
260
|
+
} else if (size === 'extra-large') {
|
261
|
+
primaryTextSize = textStyles.subtitle2;
|
262
|
+
}
|
263
|
+
}
|
264
|
+
return {
|
265
|
+
primaryTextClassName: (0, _react.mergeClasses)(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),
|
266
|
+
optionalTextClassName: (0, _react.mergeClasses)(optionalTextBaseClassName, !presenceOnly && size === 'huge' && textStyles.body1, alignToPrimaryClassName)
|
267
|
+
};
|
268
|
+
}; //# sourceMappingURL=usePersonaStyles.js.map
|
269
|
+
|
226
270
|
//# sourceMappingURL=usePersonaStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["react_1","require","react_theme_1","exports","personaClassNames","root","avatar","presence","primaryText","secondaryText","tertiaryText","quaternaryText","avatarSpacing","useRootClassName","__resetStyles","useStyles","__styles","beforeAfterCenter","wkccdc","after","before","B7hvi0a","Budl1dq","below","Bxotwcr","media","Ijaq50","mediaBeforeAfterCenter","start","qb2dma","center","afterAlignToPrimary","Bw0ie65","beforeAlignToPrimary","Br312pm","secondLineSpacing","B6of3ja","primary","secondary","tertiary","quaternary","d","useAvatarSpacingStyles","Bs1gm4r","small","medium","large","huge","t21cq0","jrapky","Frg6f3","usePresenceSpacingStyles","usePersonaStyles_unstable","state","presenceOnly","size","textAlignment","textPosition","alignToPrimary","alignBeforeAfterCenter","primaryTextClassName","optionalTextClassName","useTextClassNames","rootClassName","styles","avatarSpacingStyles","presenceSpacingStyles","className","mergeClasses","usePrimaryTextBaseClassName","useOptionalTextBaseClassName","useTextStyles","body1","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","caption1","subtitle2","primaryTextBaseClassName","optionalTextBaseClassName","textStyles","primaryTextSize","alignToPrimaryClassName","numTextLines"],"sources":["../src/packages/react-components/react-persona/src/components/Persona/usePersonaStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { PersonaSlots, PersonaState } from './Persona.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const personaClassNames: SlotClassNames<PersonaSlots> = {\n root: 'fui-Persona',\n avatar: 'fui-Persona__avatar',\n presence: 'fui-Persona__presence',\n primaryText: 'fui-Persona__primaryText',\n secondaryText: 'fui-Persona__secondaryText',\n tertiaryText: 'fui-Persona__tertiaryText',\n quaternaryText: 'fui-Persona__quaternaryText',\n};\n\nconst avatarSpacing = `--fui-Persona__avatar--spacing`;\n\nconst useRootClassName = makeResetStyles({\n display: 'inline-grid',\n gridAutoRows: 'max-content',\n gridAutoFlow: 'column',\n justifyItems: 'start',\n gridTemplateColumns: 'max-content [middle] auto',\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n beforeAfterCenter: {\n // This template is needed to make sure the Avatar is centered when it takes up more space than the text lines\n gridTemplateRows:\n '1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr',\n },\n\n after: {\n // Intentionally empty\n },\n before: {\n justifyItems: 'end',\n gridTemplateColumns: 'auto [middle] max-content',\n },\n below: {\n gridAutoFlow: 'unset',\n justifyItems: 'center',\n gridTemplateColumns: 'unset',\n },\n\n media: {\n gridRowStart: 'span 5',\n },\n\n mediaBeforeAfterCenter: {\n gridRowStart: 'span 6',\n },\n\n start: {\n alignSelf: 'start',\n },\n center: {\n alignSelf: 'center',\n },\n\n afterAlignToPrimary: {\n alignSelf: 'center',\n gridRowStart: 'unset',\n gridColumnEnd: 'middle',\n },\n beforeAlignToPrimary: {\n alignSelf: 'center',\n gridRowStart: 'unset',\n gridColumnStart: 'middle',\n },\n\n secondLineSpacing: {\n marginTop: '-2px',\n },\n\n primary: { gridRowStart: 'primary' },\n secondary: { gridRowStart: 'secondary' },\n tertiary: { gridRowStart: 'tertiary' },\n quaternary: { gridRowStart: 'quaternary' },\n});\n\nconst useAvatarSpacingStyles = makeStyles({\n 'extra-small': {\n [avatarSpacing]: tokens.spacingHorizontalSNudge,\n },\n small: {\n [avatarSpacing]: tokens.spacingHorizontalS,\n },\n medium: {\n [avatarSpacing]: tokens.spacingHorizontalS,\n },\n large: {\n [avatarSpacing]: tokens.spacingHorizontalMNudge,\n },\n 'extra-large': {\n [avatarSpacing]: tokens.spacingHorizontalMNudge,\n },\n huge: {\n [avatarSpacing]: tokens.spacingHorizontalM,\n },\n after: {\n marginRight: `var(${avatarSpacing})`,\n },\n below: {\n marginBottom: `var(${avatarSpacing})`,\n },\n before: {\n marginLeft: `var(${avatarSpacing})`,\n },\n});\n\nconst usePresenceSpacingStyles = makeStyles({\n small: {\n [avatarSpacing]: tokens.spacingHorizontalSNudge,\n },\n});\n\n/**\n * Apply styling to the Persona slots based on the state\n */\nexport const usePersonaStyles_unstable = (state: PersonaState): PersonaState => {\n const { presenceOnly, size, textAlignment, textPosition } = state;\n\n const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';\n const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';\n const { primaryTextClassName, optionalTextClassName } = useTextClassNames(state, alignToPrimary);\n\n const rootClassName = useRootClassName();\n const styles = useStyles();\n const avatarSpacingStyles = useAvatarSpacingStyles();\n const presenceSpacingStyles = { ...avatarSpacingStyles, ...usePresenceSpacingStyles() };\n\n state.root.className = mergeClasses(\n personaClassNames.root,\n rootClassName,\n alignBeforeAfterCenter && styles.beforeAfterCenter,\n styles[textPosition],\n state.root.className,\n );\n\n if (state.avatar) {\n state.avatar.className = mergeClasses(\n personaClassNames.avatar,\n textPosition !== 'below' && styles.media,\n alignBeforeAfterCenter && styles.mediaBeforeAfterCenter,\n styles[textAlignment],\n avatarSpacingStyles[size],\n avatarSpacingStyles[textPosition],\n state.avatar.className,\n );\n }\n\n if (state.presence) {\n state.presence.className = mergeClasses(\n personaClassNames.presence,\n textPosition !== 'below' && styles.media,\n alignBeforeAfterCenter && styles.mediaBeforeAfterCenter,\n styles[textAlignment],\n presenceSpacingStyles[size],\n presenceSpacingStyles[textPosition],\n textPosition === 'after' && alignToPrimary && styles.afterAlignToPrimary,\n textPosition === 'before' && alignToPrimary && styles.beforeAlignToPrimary,\n state.presence.className,\n );\n }\n\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(\n personaClassNames.primaryText,\n alignBeforeAfterCenter && styles.primary,\n primaryTextClassName,\n state.primaryText.className,\n );\n }\n\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(\n personaClassNames.secondaryText,\n alignBeforeAfterCenter && styles.secondary,\n optionalTextClassName,\n styles.secondLineSpacing,\n state.secondaryText.className,\n );\n }\n\n if (state.tertiaryText) {\n state.tertiaryText.className = mergeClasses(\n personaClassNames.tertiaryText,\n alignBeforeAfterCenter && styles.tertiary,\n optionalTextClassName,\n state.tertiaryText.className,\n );\n }\n\n if (state.quaternaryText) {\n state.quaternaryText.className = mergeClasses(\n personaClassNames.quaternaryText,\n alignBeforeAfterCenter && styles.quaternary,\n optionalTextClassName,\n state.quaternaryText.className,\n );\n }\n\n return state;\n};\n\nconst usePrimaryTextBaseClassName = makeResetStyles({\n display: 'block',\n color: tokens.colorNeutralForeground1,\n ...typographyStyles.body1,\n});\n\nconst useOptionalTextBaseClassName = makeResetStyles({\n display: 'block',\n color: tokens.colorNeutralForeground2,\n ...typographyStyles.caption1,\n});\n\nconst useTextStyles = makeStyles({\n beforeAlignToPrimary: {\n gridColumnEnd: 'middle',\n },\n afterAlignToPrimary: {\n gridColumnStart: 'middle',\n },\n\n body1: typographyStyles.body1,\n caption1: typographyStyles.caption1,\n subtitle2: typographyStyles.subtitle2,\n});\n\nconst useTextClassNames = (\n state: PersonaState,\n alignToPrimary: boolean,\n): {\n primaryTextClassName: string;\n optionalTextClassName: string;\n} => {\n const { presenceOnly, size, textPosition } = state;\n const primaryTextBaseClassName = usePrimaryTextBaseClassName();\n const optionalTextBaseClassName = useOptionalTextBaseClassName();\n const textStyles = useTextStyles();\n\n let primaryTextSize;\n let alignToPrimaryClassName;\n\n if (presenceOnly) {\n if (size === 'extra-small') {\n primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;\n } else if (size === 'extra-large' || size === 'huge') {\n primaryTextSize = textStyles.subtitle2;\n }\n\n if (alignToPrimary) {\n if (textPosition === 'before') {\n alignToPrimaryClassName = textStyles.beforeAlignToPrimary;\n } else if (textPosition === 'after') {\n alignToPrimaryClassName = textStyles.afterAlignToPrimary;\n }\n }\n } else {\n if (size === 'huge') {\n primaryTextSize = textStyles.subtitle2;\n } else if (size === 'extra-large') {\n primaryTextSize = textStyles.subtitle2;\n }\n }\n\n return {\n primaryTextClassName: mergeClasses(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),\n optionalTextClassName: mergeClasses(\n optionalTextBaseClassName,\n !presenceOnly && size === 'huge' && textStyles.body1,\n alignToPrimaryClassName,\n ),\n };\n};\n"],"mappings":"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"}
|
1
|
+
{"version":3,"sources":["../../../lib/components/Persona/usePersonaStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const personaClassNames = {\n root: 'fui-Persona',\n avatar: 'fui-Persona__avatar',\n presence: 'fui-Persona__presence',\n primaryText: 'fui-Persona__primaryText',\n secondaryText: 'fui-Persona__secondaryText',\n tertiaryText: 'fui-Persona__tertiaryText',\n quaternaryText: 'fui-Persona__quaternaryText'\n};\nconst avatarSpacing = `--fui-Persona__avatar--spacing`;\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rlroi9i\", null, [\".rlroi9i{display:inline-grid;grid-auto-rows:max-content;grid-auto-flow:column;justify-items:start;grid-template-columns:max-content [middle] auto;}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n beforeAfterCenter: {\n wkccdc: \"f1iantul\"\n },\n after: {},\n before: {\n B7hvi0a: \"f1tll2w5\",\n Budl1dq: \"ffvkwdr\"\n },\n below: {\n Bxotwcr: \"f1nkeedh\",\n B7hvi0a: \"f1oiokrs\",\n Budl1dq: \"f1emgwh2\"\n },\n media: {\n Ijaq50: \"f1hek2iy\"\n },\n mediaBeforeAfterCenter: {\n Ijaq50: \"fa4dipu\"\n },\n start: {\n qb2dma: \"f9h729m\"\n },\n center: {\n qb2dma: \"f7nlbp4\"\n },\n afterAlignToPrimary: {\n qb2dma: \"f7nlbp4\",\n Ijaq50: \"f1rnkkuc\",\n Bw0ie65: \"f1warjpf\"\n },\n beforeAlignToPrimary: {\n qb2dma: \"f7nlbp4\",\n Ijaq50: \"f1rnkkuc\",\n Br312pm: \"fwu52yu\"\n },\n secondLineSpacing: {\n B6of3ja: \"f1ryq6si\"\n },\n primary: {\n Ijaq50: \"f1q3ipgb\"\n },\n secondary: {\n Ijaq50: \"f3drtdk\"\n },\n tertiary: {\n Ijaq50: \"fa1o6s1\"\n },\n quaternary: {\n Ijaq50: \"f1tuwaia\"\n }\n}, {\n d: [\".f1iantul{grid-template-rows:1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr;}\", \".f1tll2w5{justify-items:end;}\", \".ffvkwdr{grid-template-columns:auto [middle] max-content;}\", \".f1nkeedh{grid-auto-flow:unset;}\", \".f1oiokrs{justify-items:center;}\", \".f1emgwh2{grid-template-columns:unset;}\", \".f1hek2iy{grid-row-start:span 5;}\", \".fa4dipu{grid-row-start:span 6;}\", \".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}\", \".f7nlbp4{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}\", \".f1rnkkuc{grid-row-start:unset;}\", \".f1warjpf{grid-column-end:middle;}\", \".fwu52yu{grid-column-start:middle;}\", \".f1ryq6si{margin-top:-2px;}\", \".f1q3ipgb{grid-row-start:primary;}\", \".f3drtdk{grid-row-start:secondary;}\", \".fa1o6s1{grid-row-start:tertiary;}\", \".f1tuwaia{grid-row-start:quaternary;}\"]\n});\nconst useAvatarSpacingStyles = /*#__PURE__*/__styles({\n \"extra-small\": {\n Bs1gm4r: \"f1e48tse\"\n },\n small: {\n Bs1gm4r: \"f18q9vkd\"\n },\n medium: {\n Bs1gm4r: \"f18q9vkd\"\n },\n large: {\n Bs1gm4r: \"fx34bi6\"\n },\n \"extra-large\": {\n Bs1gm4r: \"fx34bi6\"\n },\n huge: {\n Bs1gm4r: \"f1o96qtm\"\n },\n after: {\n t21cq0: [\"f103ycu4\", \"f1tao51\"]\n },\n below: {\n jrapky: \"fbo7acy\"\n },\n before: {\n Frg6f3: [\"f1tao51\", \"f103ycu4\"]\n }\n}, {\n d: [\".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}\", \".f18q9vkd{--fui-Persona__avatar--spacing:var(--spacingHorizontalS);}\", \".fx34bi6{--fui-Persona__avatar--spacing:var(--spacingHorizontalMNudge);}\", \".f1o96qtm{--fui-Persona__avatar--spacing:var(--spacingHorizontalM);}\", \".f103ycu4{margin-right:var(--fui-Persona__avatar--spacing);}\", \".f1tao51{margin-left:var(--fui-Persona__avatar--spacing);}\", \".fbo7acy{margin-bottom:var(--fui-Persona__avatar--spacing);}\"]\n});\nconst usePresenceSpacingStyles = /*#__PURE__*/__styles({\n small: {\n Bs1gm4r: \"f1e48tse\"\n }\n}, {\n d: [\".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}\"]\n});\n/**\n * Apply styling to the Persona slots based on the state\n */\nexport const usePersonaStyles_unstable = state => {\n const {\n presenceOnly,\n size,\n textAlignment,\n textPosition\n } = state;\n const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';\n const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';\n const {\n primaryTextClassName,\n optionalTextClassName\n } = useTextClassNames(state, alignToPrimary);\n const rootClassName = useRootClassName();\n const styles = useStyles();\n const avatarSpacingStyles = useAvatarSpacingStyles();\n const presenceSpacingStyles = {\n ...avatarSpacingStyles,\n ...usePresenceSpacingStyles()\n };\n state.root.className = mergeClasses(personaClassNames.root, rootClassName, alignBeforeAfterCenter && styles.beforeAfterCenter, styles[textPosition], state.root.className);\n if (state.avatar) {\n state.avatar.className = mergeClasses(personaClassNames.avatar, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);\n }\n if (state.presence) {\n state.presence.className = mergeClasses(personaClassNames.presence, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], presenceSpacingStyles[size], presenceSpacingStyles[textPosition], textPosition === 'after' && alignToPrimary && styles.afterAlignToPrimary, textPosition === 'before' && alignToPrimary && styles.beforeAlignToPrimary, state.presence.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(personaClassNames.secondaryText, alignBeforeAfterCenter && styles.secondary, optionalTextClassName, styles.secondLineSpacing, state.secondaryText.className);\n }\n if (state.tertiaryText) {\n state.tertiaryText.className = mergeClasses(personaClassNames.tertiaryText, alignBeforeAfterCenter && styles.tertiary, optionalTextClassName, state.tertiaryText.className);\n }\n if (state.quaternaryText) {\n state.quaternaryText.className = mergeClasses(personaClassNames.quaternaryText, alignBeforeAfterCenter && styles.quaternary, optionalTextClassName, state.quaternaryText.className);\n }\n return state;\n};\nconst usePrimaryTextBaseClassName = /*#__PURE__*/__resetStyles(\"rvj41k9\", null, [\".rvj41k9{display:block;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}\"]);\nconst useOptionalTextBaseClassName = /*#__PURE__*/__resetStyles(\"rp1pf9e\", null, [\".rp1pf9e{display:block;color:var(--colorNeutralForeground2);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\nconst useTextStyles = /*#__PURE__*/__styles({\n beforeAlignToPrimary: {\n Bw0ie65: \"f1warjpf\"\n },\n afterAlignToPrimary: {\n Br312pm: \"fwu52yu\"\n },\n body1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n caption1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n subtitle2: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n }\n}, {\n d: [\".f1warjpf{grid-column-end:middle;}\", \".fwu52yu{grid-column-start:middle;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\"]\n});\nconst useTextClassNames = (state, alignToPrimary) => {\n const {\n presenceOnly,\n size,\n textPosition\n } = state;\n const primaryTextBaseClassName = usePrimaryTextBaseClassName();\n const optionalTextBaseClassName = useOptionalTextBaseClassName();\n const textStyles = useTextStyles();\n let primaryTextSize;\n let alignToPrimaryClassName;\n if (presenceOnly) {\n if (size === 'extra-small') {\n primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;\n } else if (size === 'extra-large' || size === 'huge') {\n primaryTextSize = textStyles.subtitle2;\n }\n if (alignToPrimary) {\n if (textPosition === 'before') {\n alignToPrimaryClassName = textStyles.beforeAlignToPrimary;\n } else if (textPosition === 'after') {\n alignToPrimaryClassName = textStyles.afterAlignToPrimary;\n }\n }\n } else {\n if (size === 'huge') {\n primaryTextSize = textStyles.subtitle2;\n } else if (size === 'extra-large') {\n primaryTextSize = textStyles.subtitle2;\n }\n }\n return {\n primaryTextClassName: mergeClasses(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),\n optionalTextClassName: mergeClasses(optionalTextBaseClassName, !presenceOnly && size === 'huge' && textStyles.body1, alignToPrimaryClassName)\n };\n};\n//# sourceMappingURL=usePersonaStyles.js.map"],"names":["personaClassNames","usePersonaStyles_unstable","root","avatar","presence","primaryText","secondaryText","tertiaryText","quaternaryText","avatarSpacing","useRootClassName","__resetStyles","useStyles","__styles","beforeAfterCenter","wkccdc","after","before","B7hvi0a","Budl1dq","below","Bxotwcr","media","Ijaq50","mediaBeforeAfterCenter","start","qb2dma","center","afterAlignToPrimary","Bw0ie65","beforeAlignToPrimary","Br312pm","secondLineSpacing","B6of3ja","primary","secondary","tertiary","quaternary","d","useAvatarSpacingStyles","Bs1gm4r","small","medium","large","huge","t21cq0","jrapky","Frg6f3","usePresenceSpacingStyles","state","presenceOnly","size","textAlignment","textPosition","alignToPrimary","alignBeforeAfterCenter","primaryTextClassName","optionalTextClassName","useTextClassNames","rootClassName","styles","avatarSpacingStyles","presenceSpacingStyles","className","mergeClasses","usePrimaryTextBaseClassName","useOptionalTextBaseClassName","useTextStyles","body1","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","caption1","subtitle2","primaryTextBaseClassName","optionalTextBaseClassName","textStyles","primaryTextSize","alignToPrimaryClassName","numTextLines"],"mappings":"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"}
|
package/lib-commonjs/index.js
CHANGED
@@ -1,38 +1,21 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
5
|
-
});
|
6
|
-
exports.usePersona_unstable = exports.usePersonaStyles_unstable = exports.renderPersona_unstable = exports.personaClassNames = exports.Persona = void 0;
|
7
|
-
var Persona_1 = /*#__PURE__*/require("./Persona");
|
8
|
-
Object.defineProperty(exports, "Persona", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function () {
|
11
|
-
return Persona_1.Persona;
|
12
|
-
}
|
13
|
-
});
|
14
|
-
Object.defineProperty(exports, "personaClassNames", {
|
15
|
-
enumerable: true,
|
16
|
-
get: function () {
|
17
|
-
return Persona_1.personaClassNames;
|
18
|
-
}
|
3
|
+
value: true
|
19
4
|
});
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
}
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
Object.defineProperty(exports, "usePersona_unstable", {
|
33
|
-
enumerable: true,
|
34
|
-
get: function () {
|
35
|
-
return Persona_1.usePersona_unstable;
|
36
|
-
}
|
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
|
+
Persona: ()=>_persona.Persona,
|
13
|
+
personaClassNames: ()=>_persona.personaClassNames,
|
14
|
+
renderPersona_unstable: ()=>_persona.renderPersona_unstable,
|
15
|
+
usePersonaStyles_unstable: ()=>_persona.usePersonaStyles_unstable,
|
16
|
+
usePersona_unstable: ()=>_persona.usePersona_unstable
|
37
17
|
});
|
18
|
+
const _persona = require("./Persona");
|
19
|
+
//# sourceMappingURL=index.js.map
|
20
|
+
|
38
21
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Persona, personaClassNames, renderPersona_unstable, usePersonaStyles_unstable, usePersona_unstable } from './Persona';\n//# sourceMappingURL=index.js.map"],"names":["Persona","personaClassNames","renderPersona_unstable","usePersonaStyles_unstable","usePersona_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CACnH,iCAAiC"}
|