@instructure/ui-avatar 11.7.9-snapshot-0 → 11.7.9-snapshot-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/lib/Avatar/v1/index.js +3 -4
- package/lib/Avatar/v1/styles.js +2 -2
- package/lib/Avatar/v1/theme.js +2 -2
- package/lib/Avatar/v2/index.js +4 -4
- package/package.json +12 -12
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [11.7.9-snapshot-
|
|
6
|
+
## [11.7.9-snapshot-2](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-2) (2026-10-12)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-avatar
|
|
9
9
|
|
package/lib/Avatar/v1/index.js
CHANGED
|
@@ -8,8 +8,7 @@ exports.default = exports.Avatar = void 0;
|
|
|
8
8
|
var _emotion = require("@instructure/emotion");
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _v11_ = require("@instructure/ui-view/v11_6");
|
|
11
|
-
var
|
|
12
|
-
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
13
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
14
13
|
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
15
14
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
@@ -120,11 +119,11 @@ category: components
|
|
|
120
119
|
}
|
|
121
120
|
return (0, _jsxRuntime.jsx)("span", {
|
|
122
121
|
css: styles?.iconSVG,
|
|
123
|
-
children: (0,
|
|
122
|
+
children: (0, _uiReactUtils.callRenderProp)(renderIcon)
|
|
124
123
|
});
|
|
125
124
|
};
|
|
126
125
|
return (0, _jsxRuntime.jsxs)(_v11_.View, {
|
|
127
|
-
...(0,
|
|
126
|
+
...(0, _uiReactUtils.passthroughProps)({
|
|
128
127
|
size,
|
|
129
128
|
color,
|
|
130
129
|
hasInverseColor,
|
package/lib/Avatar/v1/styles.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _uiUtils = require("@instructure/ui-utils");
|
|
8
8
|
/*
|
|
9
9
|
* The MIT License (MIT)
|
|
10
10
|
*
|
|
@@ -50,7 +50,7 @@ const generateStyle = (componentTheme, params) => {
|
|
|
50
50
|
src,
|
|
51
51
|
showBorder
|
|
52
52
|
} = params;
|
|
53
|
-
const safeSrc = (0,
|
|
53
|
+
const safeSrc = (0, _uiUtils.safeHref)(src, 'img', 'src');
|
|
54
54
|
const backgroundImageValue = safeSrc ? `url('${escapeCssUrl(safeSrc)}')` : undefined;
|
|
55
55
|
|
|
56
56
|
// TODO: this is a temporary solution and should be revised on component update
|
package/lib/Avatar/v1/theme.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _uiColorUtils = require("@instructure/ui-color-utils");
|
|
8
8
|
/*
|
|
9
9
|
* The MIT License (MIT)
|
|
10
10
|
*
|
|
@@ -45,7 +45,7 @@ const generateComponentTheme = theme => {
|
|
|
45
45
|
borderWidthSmall: borders?.widthSmall,
|
|
46
46
|
borderWidthMedium: borders?.widthMedium,
|
|
47
47
|
borderColor: colors?.contrasts?.grey3045,
|
|
48
|
-
boxShadowColor: (0,
|
|
48
|
+
boxShadowColor: (0, _uiColorUtils.alpha)('#2d3b45', 12),
|
|
49
49
|
boxShadowBlur: '1rem',
|
|
50
50
|
fontFamily: typography?.fontFamily,
|
|
51
51
|
fontWeight: typography?.fontWeightBold,
|
package/lib/Avatar/v2/index.js
CHANGED
|
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.Avatar = void 0;
|
|
8
8
|
var _emotion = require("@instructure/emotion");
|
|
9
9
|
var _react = require("react");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
12
12
|
var _props = require("./props.js");
|
|
13
13
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
14
14
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
@@ -144,14 +144,14 @@ const Avatar = exports.Avatar = /*#__PURE__*/(0, _react.forwardRef)((props, ref)
|
|
|
144
144
|
if (renderIcon) {
|
|
145
145
|
const iconSize = _props.avatarSizeToIconSize[size];
|
|
146
146
|
const iconColor = hasInverseColor ? 'onColor' : ICON_COLOR_MAP[color];
|
|
147
|
-
return (0,
|
|
147
|
+
return (0, _uiIcons.renderIconWithProps)(renderIcon, iconSize, iconColor);
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
//initials in avatar
|
|
151
151
|
return renderInitials();
|
|
152
152
|
};
|
|
153
153
|
return (0, _jsxRuntime.jsx)("div", {
|
|
154
|
-
...(0,
|
|
154
|
+
...(0, _uiReactUtils.passthroughProps)({
|
|
155
155
|
...props
|
|
156
156
|
}),
|
|
157
157
|
ref: ref,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-avatar",
|
|
3
|
-
"version": "11.7.9-snapshot-
|
|
3
|
+
"version": "11.7.9-snapshot-2",
|
|
4
4
|
"description": "An image or letters that represents a user.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,19 +15,19 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
|
-
"@instructure/emotion": "11.7.9-snapshot-
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/ui-
|
|
21
|
-
"@instructure/ui-react-utils": "11.7.9-snapshot-
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/ui-
|
|
18
|
+
"@instructure/emotion": "11.7.9-snapshot-2",
|
|
19
|
+
"@instructure/shared-types": "11.7.9-snapshot-2",
|
|
20
|
+
"@instructure/ui-icons": "11.7.9-snapshot-2",
|
|
21
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-2",
|
|
22
|
+
"@instructure/ui-themes": "11.7.9-snapshot-2",
|
|
23
|
+
"@instructure/ui-utils": "11.7.9-snapshot-2",
|
|
24
|
+
"@instructure/ui-view": "11.7.9-snapshot-2"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/ui-
|
|
30
|
-
"
|
|
27
|
+
"@instructure/ui-axe-check": "11.7.9-snapshot-2",
|
|
28
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-2",
|
|
29
|
+
"@instructure/ui-color-utils": "11.7.9-snapshot-2",
|
|
30
|
+
"vitest": "^5.0.0"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"react": ">=18 <=19"
|