@fluentui-react-native/persona-coin 0.16.3 → 0.16.4
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/.cache/tsconfig.tsbuildinfo +1 -0
- package/CHANGELOG.md +24 -0
- package/lib/PersonaCoin.helpers.js.map +1 -1
- package/lib/PersonaCoin.js.map +1 -1
- package/lib/PersonaCoin.tokens.icon.js.map +1 -1
- package/lib/PersonaCoin.tokens.initials.js.map +1 -1
- package/lib/PersonaCoin.tokens.initialsBackground.js.map +1 -1
- package/lib/PersonaCoin.tokens.photo.js.map +1 -1
- package/lib/PersonaCoin.tokens.ring.js.map +1 -1
- package/lib/PersonaCoin.tokens.root.js.map +1 -1
- package/package.json +18 -24
- package/tsconfig.json +38 -3
- package/babel.config.js +0 -1
- package/lib-commonjs/PersonaCoin.d.ts +0 -3
- package/lib-commonjs/PersonaCoin.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.helpers.d.ts +0 -22
- package/lib-commonjs/PersonaCoin.helpers.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.helpers.js +0 -140
- package/lib-commonjs/PersonaCoin.helpers.js.map +0 -1
- package/lib-commonjs/PersonaCoin.js +0 -97
- package/lib-commonjs/PersonaCoin.js.map +0 -1
- package/lib-commonjs/PersonaCoin.settings.d.ts +0 -4
- package/lib-commonjs/PersonaCoin.settings.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.settings.js +0 -18
- package/lib-commonjs/PersonaCoin.settings.js.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.icon.d.ts +0 -5
- package/lib-commonjs/PersonaCoin.tokens.icon.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.icon.js +0 -26
- package/lib-commonjs/PersonaCoin.tokens.icon.js.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.initials.d.ts +0 -5
- package/lib-commonjs/PersonaCoin.tokens.initials.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.initials.js +0 -16
- package/lib-commonjs/PersonaCoin.tokens.initials.js.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.d.ts +0 -5
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js +0 -31
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.photo.d.ts +0 -5
- package/lib-commonjs/PersonaCoin.tokens.photo.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.photo.js +0 -20
- package/lib-commonjs/PersonaCoin.tokens.photo.js.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.ring.d.ts +0 -6
- package/lib-commonjs/PersonaCoin.tokens.ring.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.ring.js +0 -55
- package/lib-commonjs/PersonaCoin.tokens.ring.js.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.root.d.ts +0 -5
- package/lib-commonjs/PersonaCoin.tokens.root.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.tokens.root.js +0 -25
- package/lib-commonjs/PersonaCoin.tokens.root.js.map +0 -1
- package/lib-commonjs/PersonaCoin.types.d.ts +0 -75
- package/lib-commonjs/PersonaCoin.types.d.ts.map +0 -1
- package/lib-commonjs/PersonaCoin.types.js +0 -5
- package/lib-commonjs/PersonaCoin.types.js.map +0 -1
- package/lib-commonjs/index.d.ts +0 -5
- package/lib-commonjs/index.d.ts.map +0 -1
- package/lib-commonjs/index.js +0 -10
- package/lib-commonjs/index.js.map +0 -1
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getPresenceIconSource = getPresenceIconSource;
|
|
4
|
-
exports.getSizeConfig = getSizeConfig;
|
|
5
|
-
exports.convertCoinColor = convertCoinColor;
|
|
6
|
-
exports.convertCoinColorFluent = convertCoinColorFluent;
|
|
7
|
-
exports.calculateEffectiveSizes = calculateEffectiveSizes;
|
|
8
|
-
exports.getRingThickness = getRingThickness;
|
|
9
|
-
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
10
|
-
const presenceIconCache = {
|
|
11
|
-
none: { uri: '' },
|
|
12
|
-
offline: {
|
|
13
|
-
uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAACoxM+oxM+oxM+oxM+oxM+oxM+oxM+oxM////+oxM/W5OmzzNX5+/z3+vvu9Pbt8/Xj7PAAKKEtAAAACXRSTlMA6bWcZQpiXgXWfJCWAAAAeElEQVQoz52RSQ7EIAwEx0AWymT7/2dHYpgoPvQldeySsGl/XjOVZGCpTDFfjIEtj3jN0Pzc99Mb5PUWGbwOHPI/n+GqNxfMY67h9YFjvw0KrQYapYuER+GkLowjigPrArYoNpBCPiWHy3XlB1UlqkRZuziUPO1bvszLC8V87ko/AAAAAElFTkSuQmCC',
|
|
14
|
-
},
|
|
15
|
-
online: {
|
|
16
|
-
uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAABusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAX////N4bi61517tivn8d3e7NL3+vTE3Kux0o6nzH6GvEWFZ26xAAAAEnRSTlMA8eNrEQj6syHTeXrKshzZ19JHa6QpAAAApUlEQVQoz4WS6w7CIAyFBwwGbE5th87b+7+mCDXcIp4/NN9J2tJ2+KdRTFyx0yTGAkvLgMRmmbg2kMnoL185FOIr5Vmg0hKzWWhkQz+sNdinN1Eg9wyP8MYh5xvewjt5gxcct9iYN1SIXvsj46C8EWvfEZ0jTsYxRJcrYuLAqTg5xKm4AHL2xEH8/GBvJIM819xIWkc9dt1ZFEnO+WrbY1CcjqGnN0xiGcyuKFtcAAAAAElFTkSuQmCC',
|
|
17
|
-
},
|
|
18
|
-
away: {
|
|
19
|
-
uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAD6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT////6zCP95pH95Yv++OL84Hn822T72FT71EUen9LHAAAAC3RSTlMA6rVlCuWgmGJeBd4LCPMAAAB8SURBVCjPnZFLDoAgDERtQUUH/97/rCYNJUITTXjLeYu2064Z75gAYufLfOqR6KdXPI94Mc5ZDCgYNA8piHGBENJcqgV5EQ61gBPBVrAIsoJEwArUYi0EIbFlQ+VwHGpY11XOGDdZVw/MXPstB2olFeGnRFv796Psa1t5ANwFDZEW8B8sAAAAAElFTkSuQmCC',
|
|
20
|
-
},
|
|
21
|
-
dnd: {
|
|
22
|
-
uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABv////wfYT86errJjiR9OLxAAAAEXRSTlMA4/CzeQj602seEhEk89jKakfnNfsAAACKSURBVCjPhZFbDoQgDEWBQkHBR2d0/1udEppR0cbzeU9SSq95I69gcZphzZc4eEeC8+HIh0gn4vDPLV2wYsJCHUub5umGr/no7sKNLBI9kFjAkwAWbaX9K+xtMRZIle0jbFRBFpMmZmWU8ri+rv5B/SQmxD6PUknpz16MUJSi9GqZnMAiWkjZvPADxcoYalVfnOMAAAAASUVORK5CYII=',
|
|
23
|
-
},
|
|
24
|
-
blocked: {
|
|
25
|
-
uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAe1BMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABv////pABv83uHqCiTsJz7rGjP7zNHvRVj/+vv+8vP6x83sIzv2mqXsKD/7zNL5v8b3oqz2maTuP1P82Nz819vtKUDrGjLrGTK2dyGvAAAAEXRSTlMA8dSzeQj64mseEhHkJMpq5T3coEAAAADSSURBVCjPhdHZFoIgFAVQGQRLGzhQiaLNw/9/YZRk4IvncZ+17uJys7mUGyYFoWxTJpxzghDC878vKFBftLX6UgN0MXqF/qRCTg5VaPI1ro36Re+MWQ/TOPrEXw7840uCNvb9oQVZ+qJAnbpSNQpfMHQTVx2YLyT0xJWG9IWAnbiyEL4gaCKPCopb7P9RDOeJqzNYeG7i3+eGBVMPC2Yczpn9cfTmAT58IoV5Rn4FDSdZbY1rxzk9qpXHofkcqtO2uXfhUHOn9SkLJoWQrCizmbwBa5IbuX8ugpIAAAAASUVORK5CYII=',
|
|
26
|
-
},
|
|
27
|
-
busy: {
|
|
28
|
-
uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvsgIdoAAAAEXRSTlMA8eLUEQj6s2sheXrlyrJqHBqb3nMAAAB/SURBVCjPhZFRDsQgCEQFEdS223L/yy7JummtGN/nvASUCSvoFGSIclIXpwragC3deYn6IJZ/fqF24NXmHPri+E2rOlCDQTAKIBNZHbKJjyfEBHoCTbAn2ATMRPRHzZfPn+t/cH4SIw3rY2p17H2+l0VRRtr8ag3KgswomcKCL1NmGBp9lqsZAAAAAElFTkSuQmCC',
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
// TODO: Need icons for the OOF statues
|
|
32
|
-
const presenceOOFIconCache = presenceIconCache;
|
|
33
|
-
function getPresenceIconSource(presence, isOutOfOffice) {
|
|
34
|
-
return isOutOfOffice ? presenceOOFIconCache[presence] : presenceIconCache[presence];
|
|
35
|
-
}
|
|
36
|
-
const sizeTable = {
|
|
37
|
-
size8: { physicalSize: 8, iconSize: 0, iconStrokeWidth: 0, initialsSize: 4 },
|
|
38
|
-
size24: { physicalSize: 24, iconSize: 8, iconStrokeWidth: 2, initialsSize: 10 },
|
|
39
|
-
size32: { physicalSize: 32, iconSize: 8, iconStrokeWidth: 2, initialsSize: 12 },
|
|
40
|
-
size40: { physicalSize: 40, iconSize: 12, iconStrokeWidth: 2, initialsSize: 14 },
|
|
41
|
-
size48: { physicalSize: 48, iconSize: 12, iconStrokeWidth: 2, initialsSize: 16 },
|
|
42
|
-
size56: { physicalSize: 56, iconSize: 16, iconStrokeWidth: 3, initialsSize: 18 },
|
|
43
|
-
size72: { physicalSize: 72, iconSize: 20, iconStrokeWidth: 3, initialsSize: 20 },
|
|
44
|
-
size100: { physicalSize: 100, iconSize: 28, iconStrokeWidth: 4, initialsSize: 36 },
|
|
45
|
-
size120: { physicalSize: 120, iconSize: 32, iconStrokeWidth: 4, initialsSize: 40 },
|
|
46
|
-
};
|
|
47
|
-
function getSizeConfig(size) {
|
|
48
|
-
return sizeTable[size];
|
|
49
|
-
}
|
|
50
|
-
const colorTable = {
|
|
51
|
-
lightBlue: theme_tokens_1.globalTokens.color.cornflower.primary,
|
|
52
|
-
blue: theme_tokens_1.globalTokens.color.blue.primary,
|
|
53
|
-
darkBlue: theme_tokens_1.globalTokens.color.royalBlue.primary,
|
|
54
|
-
teal: theme_tokens_1.globalTokens.color.teal.primary,
|
|
55
|
-
green: theme_tokens_1.globalTokens.color.forest.primary,
|
|
56
|
-
darkGreen: theme_tokens_1.globalTokens.color.darkGreen.primary,
|
|
57
|
-
lightPink: theme_tokens_1.globalTokens.color.berry.primary,
|
|
58
|
-
pink: theme_tokens_1.globalTokens.color.hotPink.primary,
|
|
59
|
-
magenta: theme_tokens_1.globalTokens.color.grape.primary,
|
|
60
|
-
purple: theme_tokens_1.globalTokens.color.purple.primary,
|
|
61
|
-
orange: theme_tokens_1.globalTokens.color.pumpkin.primary,
|
|
62
|
-
lightRed: theme_tokens_1.globalTokens.color.red.primary,
|
|
63
|
-
darkRed: theme_tokens_1.globalTokens.color.burgundy.primary,
|
|
64
|
-
violet: theme_tokens_1.globalTokens.color.orchid.primary,
|
|
65
|
-
gold: theme_tokens_1.globalTokens.color.brass.primary,
|
|
66
|
-
burgundy: theme_tokens_1.globalTokens.color.darkRed.primary,
|
|
67
|
-
warmGray: theme_tokens_1.globalTokens.color.beige.primary,
|
|
68
|
-
cyan: theme_tokens_1.globalTokens.color.steel.primary,
|
|
69
|
-
rust: theme_tokens_1.globalTokens.color.brown.primary,
|
|
70
|
-
coolGray: theme_tokens_1.globalTokens.color.platinum.primary,
|
|
71
|
-
};
|
|
72
|
-
/**
|
|
73
|
-
* Converts the PersonaCoinColor into a hex color value
|
|
74
|
-
* @deprecated Use convertCoinColorFluent instead.
|
|
75
|
-
*/
|
|
76
|
-
function convertCoinColor(coinColor) {
|
|
77
|
-
return colorTable[coinColor];
|
|
78
|
-
}
|
|
79
|
-
const colorTableFluent = {
|
|
80
|
-
cornflower: theme_tokens_1.globalTokens.color.cornflower.primary,
|
|
81
|
-
blue: theme_tokens_1.globalTokens.color.blue.primary,
|
|
82
|
-
royalBlue: theme_tokens_1.globalTokens.color.royalBlue.primary,
|
|
83
|
-
teal: theme_tokens_1.globalTokens.color.teal.primary,
|
|
84
|
-
forest: theme_tokens_1.globalTokens.color.forest.primary,
|
|
85
|
-
darkGreen: theme_tokens_1.globalTokens.color.darkGreen.primary,
|
|
86
|
-
berry: theme_tokens_1.globalTokens.color.berry.primary,
|
|
87
|
-
hotPink: theme_tokens_1.globalTokens.color.hotPink.primary,
|
|
88
|
-
grape: theme_tokens_1.globalTokens.color.grape.primary,
|
|
89
|
-
purple: theme_tokens_1.globalTokens.color.purple.primary,
|
|
90
|
-
pumpkin: theme_tokens_1.globalTokens.color.pumpkin.primary,
|
|
91
|
-
red: theme_tokens_1.globalTokens.color.red.primary,
|
|
92
|
-
burgundy: theme_tokens_1.globalTokens.color.burgundy.primary,
|
|
93
|
-
orchid: theme_tokens_1.globalTokens.color.orchid.primary,
|
|
94
|
-
brass: theme_tokens_1.globalTokens.color.brass.primary,
|
|
95
|
-
darkRed: theme_tokens_1.globalTokens.color.darkRed.primary,
|
|
96
|
-
beige: theme_tokens_1.globalTokens.color.beige.primary,
|
|
97
|
-
platinum: theme_tokens_1.globalTokens.color.platinum.primary,
|
|
98
|
-
steel: theme_tokens_1.globalTokens.color.steel.primary,
|
|
99
|
-
brown: theme_tokens_1.globalTokens.color.brown.primary,
|
|
100
|
-
};
|
|
101
|
-
/**
|
|
102
|
-
* Converts the PersonaCoinFluentColor into a hex color value
|
|
103
|
-
*/
|
|
104
|
-
function convertCoinColorFluent(coinColor) {
|
|
105
|
-
return colorTableFluent[coinColor];
|
|
106
|
-
}
|
|
107
|
-
function calculateEffectiveSizes(tokens) {
|
|
108
|
-
const { size, coinSize, iconSize, iconStrokeWidth, initialsSize } = tokens;
|
|
109
|
-
if (size) {
|
|
110
|
-
return sizeTable[size];
|
|
111
|
-
}
|
|
112
|
-
else {
|
|
113
|
-
const { physicalSize: defaultPhysicalSize, iconSize: defaultIconSize, iconStrokeWidth: defaultIconStrokeWidth, initialsSize: defaultInitialsSize, } = sizeTable['size40'];
|
|
114
|
-
return {
|
|
115
|
-
physicalSize: coinSize || defaultPhysicalSize,
|
|
116
|
-
iconSize: iconSize || defaultIconSize,
|
|
117
|
-
iconStrokeWidth: iconStrokeWidth || defaultIconStrokeWidth,
|
|
118
|
-
initialsSize: initialsSize || defaultInitialsSize,
|
|
119
|
-
};
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
function getRingThickness(thickness) {
|
|
123
|
-
switch (thickness) {
|
|
124
|
-
case 'xSmall':
|
|
125
|
-
return 1;
|
|
126
|
-
case 'small':
|
|
127
|
-
return 1;
|
|
128
|
-
case 'medium':
|
|
129
|
-
return 2;
|
|
130
|
-
case 'large':
|
|
131
|
-
return 2;
|
|
132
|
-
case 'xlarge':
|
|
133
|
-
return 2;
|
|
134
|
-
case 'xxlarge':
|
|
135
|
-
return 4;
|
|
136
|
-
default:
|
|
137
|
-
return thickness < 0 ? 4 : thickness;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
//# sourceMappingURL=PersonaCoin.helpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.helpers.js","sourceRoot":"","sources":["../src/PersonaCoin.helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PersonaCoin = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
|
|
5
|
-
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
6
|
-
const react_native_1 = require("react-native");
|
|
7
|
-
const adapters_1 = require("@fluentui-react-native/adapters");
|
|
8
|
-
const tokens_1 = require("@fluentui-react-native/tokens");
|
|
9
|
-
const foundation_compose_1 = require("@uifabricshared/foundation-compose");
|
|
10
|
-
const foundation_settings_1 = require("@uifabricshared/foundation-settings");
|
|
11
|
-
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
12
|
-
const PersonaCoin_settings_1 = require("./PersonaCoin.settings");
|
|
13
|
-
const PersonaCoin_tokens_icon_1 = require("./PersonaCoin.tokens.icon");
|
|
14
|
-
const PersonaCoin_tokens_initials_1 = require("./PersonaCoin.tokens.initials");
|
|
15
|
-
const PersonaCoin_tokens_initialsBackground_1 = require("./PersonaCoin.tokens.initialsBackground");
|
|
16
|
-
const PersonaCoin_tokens_photo_1 = require("./PersonaCoin.tokens.photo");
|
|
17
|
-
const PersonaCoin_tokens_ring_1 = require("./PersonaCoin.tokens.ring");
|
|
18
|
-
const PersonaCoin_tokens_root_1 = require("./PersonaCoin.tokens.root");
|
|
19
|
-
const PersonaCoin_types_1 = require("./PersonaCoin.types");
|
|
20
|
-
function usePrepareForProps(props, useStyling) {
|
|
21
|
-
const { imageUrl, imageDescription, initials, presence, isOutOfOffice, ring, ...rest } = props;
|
|
22
|
-
const personaPhotoSource = imageUrl === undefined
|
|
23
|
-
? undefined
|
|
24
|
-
: {
|
|
25
|
-
uri: imageUrl,
|
|
26
|
-
};
|
|
27
|
-
const iconSource = presence === undefined ? undefined : (0, PersonaCoin_helpers_1.getPresenceIconSource)(presence, isOutOfOffice || false);
|
|
28
|
-
const showRing = !!ring;
|
|
29
|
-
const transparentRing = !!ring?.transparent;
|
|
30
|
-
return {
|
|
31
|
-
slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(props), {
|
|
32
|
-
root: { ...rest },
|
|
33
|
-
initials: {
|
|
34
|
-
children: initials,
|
|
35
|
-
},
|
|
36
|
-
photo: {
|
|
37
|
-
accessibilityLabel: imageDescription,
|
|
38
|
-
},
|
|
39
|
-
}),
|
|
40
|
-
state: {
|
|
41
|
-
iconSource,
|
|
42
|
-
personaPhotoSource,
|
|
43
|
-
showRing,
|
|
44
|
-
transparentRing,
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
const render = (Slots, renderData) => {
|
|
49
|
-
if (!renderData.state) {
|
|
50
|
-
return null;
|
|
51
|
-
}
|
|
52
|
-
const { personaPhotoSource, iconSource, showRing, transparentRing } = renderData.state;
|
|
53
|
-
return (jsx_runtime_1.jsxs(Slots.root, { children: [personaPhotoSource ? (jsx_runtime_1.jsx(Slots.photo, { source: personaPhotoSource })) : (jsx_runtime_1.jsx(Slots.initialsBackground, { children: jsx_runtime_1.jsx(Slots.initials, {}) })), showRing && !transparentRing && jsx_runtime_1.jsx(Slots.ring, {}), showRing && jsx_runtime_1.jsx(Slots.glow, {}), !!iconSource && !!iconSource.uri && jsx_runtime_1.jsx(Slots.icon, { source: iconSource })] }));
|
|
54
|
-
};
|
|
55
|
-
exports.PersonaCoin = (0, foundation_compose_1.compose)({
|
|
56
|
-
displayName: PersonaCoin_types_1.personaCoinName,
|
|
57
|
-
usePrepareProps: usePrepareForProps,
|
|
58
|
-
settings: PersonaCoin_settings_1.settings,
|
|
59
|
-
slots: {
|
|
60
|
-
root: {
|
|
61
|
-
slotType: react_native_1.View,
|
|
62
|
-
filter: adapters_1.filterViewProps,
|
|
63
|
-
},
|
|
64
|
-
photo: {
|
|
65
|
-
slotType: react_native_1.Image,
|
|
66
|
-
filter: adapters_1.filterImageProps,
|
|
67
|
-
},
|
|
68
|
-
initials: react_native_1.Text,
|
|
69
|
-
initialsBackground: {
|
|
70
|
-
slotType: react_native_1.View,
|
|
71
|
-
filter: adapters_1.filterViewProps,
|
|
72
|
-
},
|
|
73
|
-
icon: {
|
|
74
|
-
slotType: react_native_1.Image,
|
|
75
|
-
filter: adapters_1.filterImageProps,
|
|
76
|
-
},
|
|
77
|
-
ring: {
|
|
78
|
-
slotType: react_native_1.View,
|
|
79
|
-
filter: adapters_1.filterViewProps,
|
|
80
|
-
},
|
|
81
|
-
glow: {
|
|
82
|
-
slotType: react_native_1.View,
|
|
83
|
-
filter: adapters_1.filterViewProps,
|
|
84
|
-
},
|
|
85
|
-
},
|
|
86
|
-
render: render,
|
|
87
|
-
styles: {
|
|
88
|
-
root: [PersonaCoin_tokens_root_1.buildRootStyles],
|
|
89
|
-
initials: [tokens_1.foregroundColorTokens, PersonaCoin_tokens_initials_1.buildInitialsStyles],
|
|
90
|
-
initialsBackground: [PersonaCoin_tokens_initialsBackground_1.buildInitialsBackgroundStyles],
|
|
91
|
-
photo: [PersonaCoin_tokens_photo_1.buildPhotoStyles],
|
|
92
|
-
icon: [PersonaCoin_tokens_icon_1.buildIconStyles],
|
|
93
|
-
ring: [PersonaCoin_tokens_ring_1.buildRingStyles],
|
|
94
|
-
glow: [PersonaCoin_tokens_ring_1.buildGlowStyles],
|
|
95
|
-
},
|
|
96
|
-
});
|
|
97
|
-
//# sourceMappingURL=PersonaCoin.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.js","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.settings.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.settings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,QAAQ,EAAE,gBAAgB,CAAC,gBAAgB,CAWvD,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.settings = void 0;
|
|
4
|
-
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
5
|
-
const PersonaCoin_types_1 = require("./PersonaCoin.types");
|
|
6
|
-
exports.settings = [
|
|
7
|
-
{
|
|
8
|
-
tokens: {
|
|
9
|
-
horizontalIconAlignment: 'end',
|
|
10
|
-
verticalIconAlignment: 'end',
|
|
11
|
-
color: 'white', // initials is always 'white', unless overriden by token
|
|
12
|
-
iconStrokeColor: 'white', // icon stroke color is always 'white', unless overriden by token
|
|
13
|
-
backgroundColor: (0, PersonaCoin_helpers_1.convertCoinColorFluent)('cornflower'),
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
PersonaCoin_types_1.personaCoinName,
|
|
17
|
-
];
|
|
18
|
-
//# sourceMappingURL=PersonaCoin.settings.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.settings.js","sourceRoot":"","sources":["../src/PersonaCoin.settings.ts"],"names":[],"mappings":";;;AAEA,+DAA+D;AAE/D,2DAAsD;AAEzC,QAAA,QAAQ,GAAuC;IAC1D;QACE,MAAM,EAAE;YACN,uBAAuB,EAAE,KAAK;YAC9B,qBAAqB,EAAE,KAAK;YAC5B,KAAK,EAAE,OAAO,EAAE,wDAAwD;YACxE,eAAe,EAAE,OAAO,EAAE,iEAAiE;YAC3F,eAAe,EAAE,IAAA,4CAAsB,EAAC,YAAY,CAAC;SACtD;KACF;IACD,mCAAe;CAChB,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { ImageProps } from 'react-native';
|
|
2
|
-
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
|
-
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildIconStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.tokens.icon.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.icon.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAwB9D,eAAO,MAAM,eAAe,qGAAwF,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.buildIconStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
-
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
-
const _iconKeyProps = ['iconSize', 'size', 'coinSize'];
|
|
7
|
-
function _buildIconStyles(tokenProps, theme) {
|
|
8
|
-
const { iconSize, iconStrokeWidth } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
-
const iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
|
|
10
|
-
const iconStrokeColor = tokenProps.iconStrokeColor || theme.colors.background;
|
|
11
|
-
return {
|
|
12
|
-
source: {},
|
|
13
|
-
style: {
|
|
14
|
-
position: 'absolute',
|
|
15
|
-
width: iconSizeAdjusted,
|
|
16
|
-
height: iconSizeAdjusted,
|
|
17
|
-
bottom: -iconStrokeWidth,
|
|
18
|
-
end: -iconStrokeWidth,
|
|
19
|
-
borderRadius: iconSizeAdjusted / 2,
|
|
20
|
-
borderWidth: iconStrokeWidth,
|
|
21
|
-
borderColor: iconStrokeColor,
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
exports.buildIconStyles = (0, foundation_tokens_1.styleFunction)(_buildIconStyles, _iconKeyProps);
|
|
26
|
-
//# sourceMappingURL=PersonaCoin.tokens.icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.icon.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.icon.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAErF,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY,EAAc;IAClF,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,QAAQ,GAAG,eAAe,GAAG,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IAE9E,OAAO;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,gBAAgB;YACvB,MAAM,EAAE,gBAAgB;YACxB,MAAM,EAAE,CAAC,eAAe;YACxB,GAAG,EAAE,CAAC,eAAe;YACrB,YAAY,EAAE,gBAAgB,GAAG,CAAC;YAClC,WAAW,EAAE,eAAe;YAC5B,WAAW,EAAE,eAAe;SAC7B;KACF,CAAC;AAAA,CACH;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { TextProps } from 'react-native';
|
|
2
|
-
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
|
-
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildInitialsStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<TextProps, IPersonaCoinTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.tokens.initials.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.initials.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initials.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAc9D,eAAO,MAAM,mBAAmB,oGAA+F,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.buildInitialsStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
-
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
-
const _initialsKeyProps = ['coinSize', 'initialsSize', 'size'];
|
|
7
|
-
function _buildInitialsStyles(tokenProps /*, theme: ITheme */) {
|
|
8
|
-
const { initialsSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
-
return {
|
|
10
|
-
style: {
|
|
11
|
-
fontSize: initialsSize,
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
exports.buildInitialsStyles = (0, foundation_tokens_1.styleFunction)(_buildInitialsStyles, _initialsKeyProps);
|
|
16
|
-
//# sourceMappingURL=PersonaCoin.tokens.initials.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.initials.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initials.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,iBAAiB,GAAiC,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE7F,SAAS,oBAAoB,CAAC,UAA8B,CAAC,oBAAoB,EAAa;IAC5F,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AAAA,CACH;AAEY,QAAA,mBAAmB,GAAG,IAAA,iCAAa,EAAuC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { ViewProps } from 'react-native';
|
|
2
|
-
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
|
-
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildInitialsBackgroundStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.initialsBackground.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initialsBackground.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AA6B9D,eAAO,MAAM,6BAA6B,oGAGzC,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.buildInitialsBackgroundStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
-
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
-
const _initialsBackgroundKeyProps = ['coinSize', 'size', 'coinColor', 'coinColorFluent', 'backgroundColor'];
|
|
7
|
-
function _buildInitialsBackgroundStyles(tokenProps /*, theme: ITheme*/) {
|
|
8
|
-
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
-
const { backgroundColor, coinColor, coinColorFluent } = tokenProps;
|
|
10
|
-
let effectiveBackgroundColor = backgroundColor;
|
|
11
|
-
if (coinColorFluent) {
|
|
12
|
-
effectiveBackgroundColor = (0, PersonaCoin_helpers_1.convertCoinColorFluent)(coinColorFluent);
|
|
13
|
-
}
|
|
14
|
-
else if (coinColor) {
|
|
15
|
-
effectiveBackgroundColor = (0, PersonaCoin_helpers_1.convertCoinColor)(coinColor);
|
|
16
|
-
}
|
|
17
|
-
return {
|
|
18
|
-
style: {
|
|
19
|
-
borderRadius: physicalSize / 2,
|
|
20
|
-
width: physicalSize,
|
|
21
|
-
height: physicalSize,
|
|
22
|
-
flexGrow: 1,
|
|
23
|
-
alignSelf: 'stretch',
|
|
24
|
-
justifyContent: 'center',
|
|
25
|
-
alignItems: 'center',
|
|
26
|
-
backgroundColor: effectiveBackgroundColor,
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
exports.buildInitialsBackgroundStyles = (0, foundation_tokens_1.styleFunction)(_buildInitialsBackgroundStyles, _initialsBackgroundKeyProps);
|
|
31
|
-
//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.initialsBackground.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initialsBackground.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAA0G;AAG1G,MAAM,2BAA2B,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;AAE1I,SAAS,8BAA8B,CAAC,UAA8B,CAAC,mBAAmB,EAAa;IACrG,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC;IACnE,IAAI,wBAAwB,GAAG,eAAe,CAAC;IAC/C,IAAI,eAAe,EAAE,CAAC;QACpB,wBAAwB,GAAG,IAAA,4CAAsB,EAAC,eAAe,CAAC,CAAC;IACrE,CAAC;SAAM,IAAI,SAAS,EAAE,CAAC;QACrB,wBAAwB,GAAG,IAAA,sCAAgB,EAAC,SAAS,CAAC,CAAC;IACzD,CAAC;IAED,OAAO;QACL,KAAK,EAAE;YACL,YAAY,EAAE,YAAY,GAAG,CAAC;YAC9B,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,SAAS;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,wBAAwB;SAC1C;KACF,CAAC;AAAA,CACH;AAEY,QAAA,6BAA6B,GAAG,IAAA,iCAAa,EACxD,8BAA8B,EAC9B,2BAA2B,CAC5B,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { ImageProps } from 'react-native';
|
|
2
|
-
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
|
-
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildPhotoStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.tokens.photo.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.photo.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.photo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAkB9D,eAAO,MAAM,gBAAgB,qGAA0F,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.buildPhotoStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
-
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
-
const _photoKeyProps = ['coinSize', 'size'];
|
|
7
|
-
function _buildPhotoStyles(tokenProps /*, theme: ITheme */) {
|
|
8
|
-
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
-
return {
|
|
10
|
-
source: {},
|
|
11
|
-
style: {
|
|
12
|
-
borderRadius: physicalSize / 2,
|
|
13
|
-
width: physicalSize,
|
|
14
|
-
height: physicalSize,
|
|
15
|
-
},
|
|
16
|
-
resizeMode: 'cover',
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
exports.buildPhotoStyles = (0, foundation_tokens_1.styleFunction)(_buildPhotoStyles, _photoKeyProps);
|
|
20
|
-
//# sourceMappingURL=PersonaCoin.tokens.photo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.photo.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.photo.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,cAAc,GAAiC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE1E,SAAS,iBAAiB,CAAC,UAA8B,CAAC,oBAAoB,EAAc;IAC1F,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,YAAY,EAAE,YAAY,GAAG,CAAC;YAC9B,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;SACrB;QACD,UAAU,EAAE,OAAO;KACpB,CAAC;AAAA,CACH;AAEY,QAAA,gBAAgB,GAAG,IAAA,iCAAa,EAAwC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ViewProps } from 'react-native';
|
|
2
|
-
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
|
-
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildRingStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
|
|
5
|
-
export declare const buildGlowStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
|
|
6
|
-
//# sourceMappingURL=PersonaCoin.tokens.ring.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.ring.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.ring.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AA0D9D,eAAO,MAAM,eAAe,oGAAoF,CAAC;AACjH,eAAO,MAAM,eAAe,oGAAoF,CAAC"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.buildGlowStyles = exports.buildRingStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
-
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
-
const _ringProps = ['coinSize', 'size', 'ring'];
|
|
7
|
-
function _buildRingStyles(tokenProps, theme) {
|
|
8
|
-
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
-
const { ring } = tokenProps;
|
|
10
|
-
if (!ring)
|
|
11
|
-
return {};
|
|
12
|
-
const innerGap = ring.innerGap != undefined ? (0, PersonaCoin_helpers_1.getRingThickness)(ring.innerGap) : (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge');
|
|
13
|
-
const effectiveRingThickness = 2 * (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge') + innerGap;
|
|
14
|
-
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
15
|
-
const ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
|
|
16
|
-
return {
|
|
17
|
-
style: {
|
|
18
|
-
borderStyle: 'solid',
|
|
19
|
-
borderColor: ringColor,
|
|
20
|
-
borderWidth: effectiveRingThickness,
|
|
21
|
-
borderRadius: effectiveSize / 2,
|
|
22
|
-
width: effectiveSize,
|
|
23
|
-
height: effectiveSize,
|
|
24
|
-
position: 'absolute',
|
|
25
|
-
top: -effectiveRingThickness,
|
|
26
|
-
left: -effectiveRingThickness,
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
function _buildGlowStyles(tokenProps, theme) {
|
|
31
|
-
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
32
|
-
const { ring } = tokenProps;
|
|
33
|
-
if (!ring)
|
|
34
|
-
return {};
|
|
35
|
-
const innerGap = ring.innerGap != undefined ? (0, PersonaCoin_helpers_1.getRingThickness)(ring.innerGap) : (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge');
|
|
36
|
-
const effectiveRingThickness = (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge') + innerGap;
|
|
37
|
-
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
38
|
-
const glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
|
|
39
|
-
return {
|
|
40
|
-
style: {
|
|
41
|
-
borderStyle: 'solid',
|
|
42
|
-
borderColor: glowColor,
|
|
43
|
-
borderWidth: effectiveRingThickness - innerGap,
|
|
44
|
-
borderRadius: effectiveSize / 2,
|
|
45
|
-
width: effectiveSize,
|
|
46
|
-
height: effectiveSize,
|
|
47
|
-
position: 'absolute',
|
|
48
|
-
top: -effectiveRingThickness,
|
|
49
|
-
left: -effectiveRingThickness,
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
}
|
|
53
|
-
exports.buildRingStyles = (0, foundation_tokens_1.styleFunction)(_buildRingStyles, _ringProps);
|
|
54
|
-
exports.buildGlowStyles = (0, foundation_tokens_1.styleFunction)(_buildGlowStyles, _ringProps);
|
|
55
|
-
//# sourceMappingURL=PersonaCoin.tokens.ring.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.ring.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.ring.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAkF;AAGlF,MAAM,UAAU,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9E,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY,EAAa;IACjF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,MAAM,sBAAsB,GAAG,CAAC,GAAG,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAChG,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,MAAM,SAAS,GAAG,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;IAE/E,OAAO;QACL,KAAK,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,SAAS;YACtB,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,aAAa,GAAG,CAAC;YAC/B,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,sBAAsB;YAC5B,IAAI,EAAE,CAAC,sBAAsB;SAC9B;KACF,CAAC;AAAA,CACH;AAED,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY,EAAa;IACjF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,MAAM,sBAAsB,GAAG,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAC5F,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;IAEzH,OAAO;QACL,KAAK,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,SAAS;YACtB,WAAW,EAAE,sBAAsB,GAAG,QAAQ;YAC9C,YAAY,EAAE,aAAa,GAAG,CAAC;YAC/B,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,sBAAsB;YAC5B,IAAI,EAAE,CAAC,sBAAsB;SAC9B;KACF,CAAC;AAAA,CACH;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC;AACpG,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { IViewProps } from '@fluentui-react-native/adapters';
|
|
2
|
-
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
|
-
import type { IPersonaCoinTokens } from './PersonaCoin.types';
|
|
4
|
-
export declare const buildRootStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<IViewProps, IPersonaCoinTokens, Theme>;
|
|
5
|
-
//# sourceMappingURL=PersonaCoin.tokens.root.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.root.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.root.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AA0B9D,eAAO,MAAM,eAAe,qGAAwF,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.buildRootStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
-
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
-
const nameMap = {
|
|
7
|
-
start: 'flex-start',
|
|
8
|
-
center: 'center',
|
|
9
|
-
end: 'flex-end',
|
|
10
|
-
};
|
|
11
|
-
const _rootKeyProps = ['coinSize', 'size', 'horizontalIconAlignment', 'verticalIconAlignment'];
|
|
12
|
-
function _buildRootStyles(tokenProps /*, theme: ITheme */) {
|
|
13
|
-
const rootStyle = {
|
|
14
|
-
flexDirection: 'row',
|
|
15
|
-
};
|
|
16
|
-
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
17
|
-
rootStyle.width = physicalSize;
|
|
18
|
-
rootStyle.height = physicalSize;
|
|
19
|
-
const { horizontalIconAlignment, verticalIconAlignment } = tokenProps;
|
|
20
|
-
rootStyle.justifyContent = nameMap[horizontalIconAlignment || 'end'];
|
|
21
|
-
rootStyle.alignItems = nameMap[verticalIconAlignment || 'end'];
|
|
22
|
-
return { style: rootStyle };
|
|
23
|
-
}
|
|
24
|
-
exports.buildRootStyles = (0, foundation_tokens_1.styleFunction)(_buildRootStyles, _rootKeyProps);
|
|
25
|
-
//# sourceMappingURL=PersonaCoin.tokens.root.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.root.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.root.ts"],"names":[],"mappings":";;;AAIA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC;AAE7H,SAAS,gBAAgB,CAAC,UAA8B,CAAC,oBAAoB,EAAc;IACzF,MAAM,SAAS,GAAc;QAC3B,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,SAAS,CAAC,KAAK,GAAG,YAAY,CAAC;IAC/B,SAAS,CAAC,MAAM,GAAG,YAAY,CAAC;IAEhC,MAAM,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,GAAG,UAAU,CAAC;IACtE,SAAS,CAAC,cAAc,GAAG,OAAO,CAAC,uBAAuB,IAAI,KAAK,CAAgC,CAAC;IACpG,SAAS,CAAC,UAAU,GAAG,OAAO,CAAC,qBAAqB,IAAI,KAAK,CAA4B,CAAC;IAE1F,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAAA,CAC7B;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
|