@carbon-labs/react-ui-shell 0.70.0 → 0.72.0
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/es/node_modules/@carbon/ibm-products/es/components/UserAvatar/UserAvatar.js +5 -7
- package/es/node_modules/@carbon/ibm-products/es/global/js/package-settings.js +4 -3
- package/lib/node_modules/@carbon/ibm-products/es/components/UserAvatar/UserAvatar.js +5 -7
- package/lib/node_modules/@carbon/ibm-products/es/global/js/package-settings.js +4 -3
- package/package.json +3 -3
- package/scss/styles/_side-nav.scss +0 -3
|
@@ -29,9 +29,8 @@ const componentName = 'UserAvatar';
|
|
|
29
29
|
* TODO: A description of the component.
|
|
30
30
|
*/
|
|
31
31
|
|
|
32
|
-
let UserAvatar = /*#__PURE__*/React__default.forwardRef((
|
|
33
|
-
|
|
34
|
-
// The component props, in alphabetical order (for consistency).
|
|
32
|
+
let UserAvatar = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
33
|
+
const {
|
|
35
34
|
backgroundColor = 'order-1-cyan',
|
|
36
35
|
className,
|
|
37
36
|
image,
|
|
@@ -42,9 +41,8 @@ let UserAvatar = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
|
|
|
42
41
|
size = 'md',
|
|
43
42
|
tooltipText,
|
|
44
43
|
tooltipAlignment = 'bottom',
|
|
45
|
-
// Collect any other property values passed in.
|
|
46
44
|
...rest
|
|
47
|
-
} =
|
|
45
|
+
} = props;
|
|
48
46
|
const carbonPrefix = usePrefix();
|
|
49
47
|
const iconSize = {
|
|
50
48
|
sm: 16,
|
|
@@ -137,10 +135,10 @@ UserAvatar.propTypes = {
|
|
|
137
135
|
* When passing the image prop use the imageDescription prop to describe the image for screen reader.
|
|
138
136
|
*/
|
|
139
137
|
/**@ts-ignore */
|
|
140
|
-
imageDescription: PropTypes.string.isRequired.if(
|
|
138
|
+
imageDescription: PropTypes.string.isRequired.if(_ref => {
|
|
141
139
|
let {
|
|
142
140
|
image
|
|
143
|
-
} =
|
|
141
|
+
} = _ref;
|
|
144
142
|
return !!image;
|
|
145
143
|
}),
|
|
146
144
|
/**
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
// Copyright IBM Corp. 2020,
|
|
8
|
+
// Copyright IBM Corp. 2020, 2025
|
|
9
9
|
//
|
|
10
10
|
// This source code is licensed under the Apache-2.0 license found in the
|
|
11
11
|
// LICENSE file in the root directory of this source tree.
|
|
@@ -77,8 +77,9 @@ const defaults = {
|
|
|
77
77
|
Nav: false,
|
|
78
78
|
NavItem: false,
|
|
79
79
|
NavList: false,
|
|
80
|
-
|
|
80
|
+
BigNumber: false,
|
|
81
81
|
TruncatedList: false,
|
|
82
|
+
TruncatedText: false,
|
|
82
83
|
DelimitedList: false,
|
|
83
84
|
ScrollGradient: false,
|
|
84
85
|
StringFormatter: false,
|
|
@@ -126,7 +127,7 @@ const defaults = {
|
|
|
126
127
|
InlineTip: false,
|
|
127
128
|
InlineTipButton: false,
|
|
128
129
|
InlineTipLink: false,
|
|
129
|
-
InterstitialScreen:
|
|
130
|
+
InterstitialScreen: true,
|
|
130
131
|
NonLinearReading: false
|
|
131
132
|
},
|
|
132
133
|
// feature level flags
|
|
@@ -31,9 +31,8 @@ const componentName = 'UserAvatar';
|
|
|
31
31
|
* TODO: A description of the component.
|
|
32
32
|
*/
|
|
33
33
|
|
|
34
|
-
exports.UserAvatar = /*#__PURE__*/React__default.forwardRef((
|
|
35
|
-
|
|
36
|
-
// The component props, in alphabetical order (for consistency).
|
|
34
|
+
exports.UserAvatar = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
35
|
+
const {
|
|
37
36
|
backgroundColor = 'order-1-cyan',
|
|
38
37
|
className,
|
|
39
38
|
image,
|
|
@@ -44,9 +43,8 @@ exports.UserAvatar = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
|
|
|
44
43
|
size = 'md',
|
|
45
44
|
tooltipText,
|
|
46
45
|
tooltipAlignment = 'bottom',
|
|
47
|
-
// Collect any other property values passed in.
|
|
48
46
|
...rest
|
|
49
|
-
} =
|
|
47
|
+
} = props;
|
|
50
48
|
const carbonPrefix = react.usePrefix();
|
|
51
49
|
const iconSize = {
|
|
52
50
|
sm: 16,
|
|
@@ -139,10 +137,10 @@ exports.UserAvatar.propTypes = {
|
|
|
139
137
|
* When passing the image prop use the imageDescription prop to describe the image for screen reader.
|
|
140
138
|
*/
|
|
141
139
|
/**@ts-ignore */
|
|
142
|
-
imageDescription: index.default.string.isRequired.if(
|
|
140
|
+
imageDescription: index.default.string.isRequired.if(_ref => {
|
|
143
141
|
let {
|
|
144
142
|
image
|
|
145
|
-
} =
|
|
143
|
+
} = _ref;
|
|
146
144
|
return !!image;
|
|
147
145
|
}),
|
|
148
146
|
/**
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
|
-
// Copyright IBM Corp. 2020,
|
|
12
|
+
// Copyright IBM Corp. 2020, 2025
|
|
13
13
|
//
|
|
14
14
|
// This source code is licensed under the Apache-2.0 license found in the
|
|
15
15
|
// LICENSE file in the root directory of this source tree.
|
|
@@ -81,8 +81,9 @@ const defaults = {
|
|
|
81
81
|
Nav: false,
|
|
82
82
|
NavItem: false,
|
|
83
83
|
NavList: false,
|
|
84
|
-
|
|
84
|
+
BigNumber: false,
|
|
85
85
|
TruncatedList: false,
|
|
86
|
+
TruncatedText: false,
|
|
86
87
|
DelimitedList: false,
|
|
87
88
|
ScrollGradient: false,
|
|
88
89
|
StringFormatter: false,
|
|
@@ -130,7 +131,7 @@ const defaults = {
|
|
|
130
131
|
InlineTip: false,
|
|
131
132
|
InlineTipButton: false,
|
|
132
133
|
InlineTipLink: false,
|
|
133
|
-
InterstitialScreen:
|
|
134
|
+
InterstitialScreen: true,
|
|
134
135
|
NonLinearReading: false
|
|
135
136
|
},
|
|
136
137
|
// feature level flags
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon-labs/react-ui-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.72.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public",
|
|
6
6
|
"provenance": true
|
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@carbon-labs/utilities": "canary",
|
|
40
|
-
"@carbon/ibm-products": "^2.
|
|
40
|
+
"@carbon/ibm-products": "^2.72.1"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@ibm/telemetry-js": "^1.9.1"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "97cdff827945118076e8326b994e16ca6d036501"
|
|
46
46
|
}
|
|
@@ -327,7 +327,6 @@ div:has(.#{$prefix}--header)
|
|
|
327
327
|
inset-block-start: 0;
|
|
328
328
|
inset-inline-start: 100%;
|
|
329
329
|
transform: translateX(-100%);
|
|
330
|
-
transition: $fast-02 motion(exit, productive);
|
|
331
330
|
will-change: inline-size;
|
|
332
331
|
}
|
|
333
332
|
|
|
@@ -337,8 +336,6 @@ div:has(.#{$prefix}--header)
|
|
|
337
336
|
inline-size: 16rem;
|
|
338
337
|
overflow-y: auto;
|
|
339
338
|
transform: translateX(0);
|
|
340
|
-
transition: $moderate-01 motion(standard, productive);
|
|
341
|
-
transition-delay: 40ms;
|
|
342
339
|
}
|
|
343
340
|
|
|
344
341
|
//----------------------------------------------------------------------------
|