@flipdish/ui-library 0.12.2 → 0.12.3
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/dist/components/atoms/Avatar/Avatar.styles.cjs +13 -0
- package/dist/components/atoms/Avatar/Avatar.styles.cjs.map +1 -0
- package/dist/components/atoms/Avatar/Avatar.styles.d.ts +39 -0
- package/dist/components/atoms/Avatar/Avatar.styles.d.ts.map +1 -0
- package/dist/components/atoms/Avatar/Avatar.styles.js +11 -0
- package/dist/components/atoms/Avatar/Avatar.styles.js.map +1 -0
- package/dist/components/atoms/Avatar/index.cjs +5 -12
- package/dist/components/atoms/Avatar/index.cjs.map +1 -1
- package/dist/components/atoms/Avatar/index.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/index.js +1 -8
- package/dist/components/atoms/Avatar/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const styles = {
|
|
4
|
+
xs: { root: 'size-6', rootWithBorder: 'p-px', initials: 'text-xs font-semibold', icon: 'size-4' },
|
|
5
|
+
sm: { root: 'size-8', rootWithBorder: 'p-px', initials: 'text-sm font-semibold', icon: 'size-5' },
|
|
6
|
+
md: { root: 'size-10', rootWithBorder: 'p-px', initials: 'text-md font-semibold', icon: 'size-6' },
|
|
7
|
+
lg: { root: 'size-12', rootWithBorder: 'p-[1.5px]', initials: 'text-lg font-semibold', icon: 'size-7' },
|
|
8
|
+
xl: { root: 'size-14', rootWithBorder: 'p-0.5', initials: 'text-xl font-semibold', icon: 'size-8' },
|
|
9
|
+
'2xl': { root: 'size-16', rootWithBorder: 'p-0.5', initials: 'text-display-xs font-semibold', icon: 'size-8' },
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
exports.styles = styles;
|
|
13
|
+
//# sourceMappingURL=Avatar.styles.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.styles.cjs","sources":["../../../../src/components/atoms/Avatar/Avatar.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AAClG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACvG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACnG,IAAA,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,+BAA+B,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export declare const styles: {
|
|
2
|
+
xs: {
|
|
3
|
+
root: string;
|
|
4
|
+
rootWithBorder: string;
|
|
5
|
+
initials: string;
|
|
6
|
+
icon: string;
|
|
7
|
+
};
|
|
8
|
+
sm: {
|
|
9
|
+
root: string;
|
|
10
|
+
rootWithBorder: string;
|
|
11
|
+
initials: string;
|
|
12
|
+
icon: string;
|
|
13
|
+
};
|
|
14
|
+
md: {
|
|
15
|
+
root: string;
|
|
16
|
+
rootWithBorder: string;
|
|
17
|
+
initials: string;
|
|
18
|
+
icon: string;
|
|
19
|
+
};
|
|
20
|
+
lg: {
|
|
21
|
+
root: string;
|
|
22
|
+
rootWithBorder: string;
|
|
23
|
+
initials: string;
|
|
24
|
+
icon: string;
|
|
25
|
+
};
|
|
26
|
+
xl: {
|
|
27
|
+
root: string;
|
|
28
|
+
rootWithBorder: string;
|
|
29
|
+
initials: string;
|
|
30
|
+
icon: string;
|
|
31
|
+
};
|
|
32
|
+
'2xl': {
|
|
33
|
+
root: string;
|
|
34
|
+
rootWithBorder: string;
|
|
35
|
+
initials: string;
|
|
36
|
+
icon: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=Avatar.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOlB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const styles = {
|
|
2
|
+
xs: { root: 'size-6', rootWithBorder: 'p-px', initials: 'text-xs font-semibold', icon: 'size-4' },
|
|
3
|
+
sm: { root: 'size-8', rootWithBorder: 'p-px', initials: 'text-sm font-semibold', icon: 'size-5' },
|
|
4
|
+
md: { root: 'size-10', rootWithBorder: 'p-px', initials: 'text-md font-semibold', icon: 'size-6' },
|
|
5
|
+
lg: { root: 'size-12', rootWithBorder: 'p-[1.5px]', initials: 'text-lg font-semibold', icon: 'size-7' },
|
|
6
|
+
xl: { root: 'size-14', rootWithBorder: 'p-0.5', initials: 'text-xl font-semibold', icon: 'size-8' },
|
|
7
|
+
'2xl': { root: 'size-16', rootWithBorder: 'p-0.5', initials: 'text-display-xs font-semibold', icon: 'size-8' },
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { styles };
|
|
11
|
+
//# sourceMappingURL=Avatar.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.styles.js","sources":["../../../../src/components/atoms/Avatar/Avatar.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AAClG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACvG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACnG,IAAA,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,+BAA+B,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;;"}
|
|
@@ -5,20 +5,13 @@ var uiIcons = require('@flipdish/ui-icons');
|
|
|
5
5
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
6
6
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
7
7
|
var React = require('react');
|
|
8
|
+
var Avatar_styles = require('./Avatar.styles.cjs');
|
|
8
9
|
var avatarCount = require('./components/avatar-count.cjs');
|
|
9
10
|
var avatarOnlineIndicator = require('./components/avatar-online-indicator.cjs');
|
|
10
11
|
var verifiedTick = require('./components/verified-tick.cjs');
|
|
11
12
|
var avatarAddButton = require('./components/avatar-add-button.cjs');
|
|
12
13
|
var avatarLabelGroup = require('./components/avatar-label-group.cjs');
|
|
13
14
|
|
|
14
|
-
const styles = {
|
|
15
|
-
xs: { root: 'size-6', rootWithBorder: 'p-px', initials: 'text-xs font-semibold', icon: 'size-4' },
|
|
16
|
-
sm: { root: 'size-8', rootWithBorder: 'p-px', initials: 'text-sm font-semibold', icon: 'size-5' },
|
|
17
|
-
md: { root: 'size-10', rootWithBorder: 'p-px', initials: 'text-md font-semibold', icon: 'size-6' },
|
|
18
|
-
lg: { root: 'size-12', rootWithBorder: 'p-[1.5px]', initials: 'text-lg font-semibold', icon: 'size-7' },
|
|
19
|
-
xl: { root: 'size-14', rootWithBorder: 'p-0.5', initials: 'text-xl font-semibold', icon: 'size-8' },
|
|
20
|
-
'2xl': { root: 'size-16', rootWithBorder: 'p-0.5', initials: 'text-display-xs font-semibold', icon: 'size-8' },
|
|
21
|
-
};
|
|
22
15
|
/**
|
|
23
16
|
* Represents a user or entity visually using a photo, initials, or fallback
|
|
24
17
|
* icon. Supports size variants, status indicators, verified badges, and count
|
|
@@ -39,12 +32,12 @@ const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon:
|
|
|
39
32
|
alt: alt ?? '', onError: () => setIsFailed(true) }));
|
|
40
33
|
}
|
|
41
34
|
if (initials) {
|
|
42
|
-
return jsxRuntime.jsx("span", { className: cx.cx('text-quaternary', styles[size].initials), children: initials });
|
|
35
|
+
return jsxRuntime.jsx("span", { className: cx.cx('text-quaternary', Avatar_styles.styles[size].initials), children: initials });
|
|
43
36
|
}
|
|
44
37
|
if (PlaceholderIcon) {
|
|
45
|
-
return jsxRuntime.jsx(PlaceholderIcon, { className: cx.cx('text-fg-quaternary', styles[size].icon) });
|
|
38
|
+
return jsxRuntime.jsx(PlaceholderIcon, { className: cx.cx('text-fg-quaternary', Avatar_styles.styles[size].icon) });
|
|
46
39
|
}
|
|
47
|
-
return placeholder || jsxRuntime.jsx(uiIcons.User01, { className: cx.cx('text-fg-quaternary', styles[size].icon) });
|
|
40
|
+
return placeholder || jsxRuntime.jsx(uiIcons.User01, { className: cx.cx('text-fg-quaternary', Avatar_styles.styles[size].icon) });
|
|
48
41
|
};
|
|
49
42
|
const renderBadgeContent = () => {
|
|
50
43
|
if (status) {
|
|
@@ -60,7 +53,7 @@ const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon:
|
|
|
60
53
|
};
|
|
61
54
|
return (jsxRuntime.jsxs("div", { "data-avatar": true, "data-testid": avatarTestId, className: cx.cx('relative inline-flex shrink-0 rounded-[7px]', rounded && 'rounded-full',
|
|
62
55
|
// Focus styles
|
|
63
|
-
focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && styles[size].rootWithBorder, styles[size].root, className), children: [jsxRuntime.jsx("div", { className: cx.cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
|
|
56
|
+
focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && Avatar_styles.styles[size].rootWithBorder, Avatar_styles.styles[size].root, className), children: [jsxRuntime.jsx("div", { className: cx.cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
|
|
64
57
|
size !== 'xs' &&
|
|
65
58
|
'before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', contentClassName), children: renderMainContent() }), renderBadgeContent()] }));
|
|
66
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["useState","useResolvedTestId","_jsx","joinTestId","cx","User01","AvatarOnlineIndicator","VerifiedTick","AvatarCount","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["useState","useResolvedTestId","_jsx","joinTestId","cx","styles","User01","AvatarOnlineIndicator","VerifiedTick","AvatarCount","_jsxs"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAM1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,kMAiBpB,WAAW,gCAsFb,CAAC"}
|
|
@@ -3,20 +3,13 @@ import { User01 } from '@flipdish/ui-icons';
|
|
|
3
3
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
4
4
|
import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
5
5
|
import { useState } from 'react';
|
|
6
|
+
import { styles } from './Avatar.styles.js';
|
|
6
7
|
import { AvatarCount } from './components/avatar-count.js';
|
|
7
8
|
import { AvatarOnlineIndicator } from './components/avatar-online-indicator.js';
|
|
8
9
|
import { VerifiedTick } from './components/verified-tick.js';
|
|
9
10
|
export { AvatarAddButton } from './components/avatar-add-button.js';
|
|
10
11
|
export { AvatarLabelGroup } from './components/avatar-label-group.js';
|
|
11
12
|
|
|
12
|
-
const styles = {
|
|
13
|
-
xs: { root: 'size-6', rootWithBorder: 'p-px', initials: 'text-xs font-semibold', icon: 'size-4' },
|
|
14
|
-
sm: { root: 'size-8', rootWithBorder: 'p-px', initials: 'text-sm font-semibold', icon: 'size-5' },
|
|
15
|
-
md: { root: 'size-10', rootWithBorder: 'p-px', initials: 'text-md font-semibold', icon: 'size-6' },
|
|
16
|
-
lg: { root: 'size-12', rootWithBorder: 'p-[1.5px]', initials: 'text-lg font-semibold', icon: 'size-7' },
|
|
17
|
-
xl: { root: 'size-14', rootWithBorder: 'p-0.5', initials: 'text-xl font-semibold', icon: 'size-8' },
|
|
18
|
-
'2xl': { root: 'size-16', rootWithBorder: 'p-0.5', initials: 'text-display-xs font-semibold', icon: 'size-8' },
|
|
19
|
-
};
|
|
20
13
|
/**
|
|
21
14
|
* Represents a user or entity visually using a photo, initials, or fallback
|
|
22
15
|
* icon. Supports size variants, status indicators, verified badges, and count
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|