@carbon/ibm-products 2.43.2-canary.122 → 2.43.2-canary.123
Sign up to get free protection for your applications and to get access to all the features.
- package/es/components/Card/Card.d.ts +1 -0
- package/es/components/Card/Card.js +5 -2
- package/es/components/ProductiveCard/ProductiveCard.d.ts +4 -0
- package/es/components/ProductiveCard/ProductiveCard.js +7 -1
- package/lib/components/Card/Card.d.ts +1 -0
- package/lib/components/Card/Card.js +5 -2
- package/lib/components/ProductiveCard/ProductiveCard.d.ts +4 -0
- package/lib/components/ProductiveCard/ProductiveCard.js +7 -1
- package/package.json +2 -2
@@ -55,6 +55,7 @@ interface CardProp extends PropsWithChildren {
|
|
55
55
|
secondaryButtonPlacement?: 'top' | 'bottom';
|
56
56
|
secondaryButtonText?: string;
|
57
57
|
sequence?: number;
|
58
|
+
iconDescription?: string;
|
58
59
|
/**
|
59
60
|
* **Experimental?** For all cases a `Slug` component can be provided.
|
60
61
|
* Clickable tiles only accept a boolean value of true and display a hollow slug.
|
@@ -16,7 +16,7 @@ import { CardFooter } from './CardFooter.js';
|
|
16
16
|
import { pkg } from '../../settings.js';
|
17
17
|
|
18
18
|
var _Incomplete, _CheckmarkOutline;
|
19
|
-
var _excluded = ["actionIcons", "actionsPlacement", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize"],
|
19
|
+
var _excluded = ["actionIcons", "actionsPlacement", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
|
20
20
|
_excluded2 = ["id"],
|
21
21
|
_excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
|
22
22
|
var componentName = 'Card';
|
@@ -71,6 +71,8 @@ var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
71
71
|
title = _ref.title,
|
72
72
|
_ref$titleSize = _ref.titleSize,
|
73
73
|
titleSize = _ref$titleSize === void 0 ? 'default' : _ref$titleSize,
|
74
|
+
_ref$iconDescription = _ref.iconDescription,
|
75
|
+
iconDescription = _ref$iconDescription === void 0 ? 'Options' : _ref$iconDescription,
|
74
76
|
rest = _objectWithoutProperties(_ref, _excluded);
|
75
77
|
var getIcons = function getIcons() {
|
76
78
|
return getStarted ? metadata : actionIcons;
|
@@ -100,7 +102,8 @@ var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
100
102
|
size: size,
|
101
103
|
direction: pos,
|
102
104
|
flipped: true,
|
103
|
-
"aria-label": overflowAriaLabel
|
105
|
+
"aria-label": overflowAriaLabel,
|
106
|
+
iconDescription: iconDescription
|
104
107
|
}, overflowActions.map(function (_ref2) {
|
105
108
|
var id = _ref2.id,
|
106
109
|
rest = _objectWithoutProperties(_ref2, _excluded2);
|
@@ -110,6 +110,10 @@ interface ProductiveCardProps extends PropsWithChildren {
|
|
110
110
|
* Determines title size
|
111
111
|
*/
|
112
112
|
titleSize?: 'default' | 'large';
|
113
|
+
/**
|
114
|
+
* Tooltip icon description
|
115
|
+
*/
|
116
|
+
iconDescription?: string;
|
113
117
|
}
|
114
118
|
export declare let ProductiveCard: React.ForwardRefExoticComponent<ProductiveCardProps & React.RefAttributes<HTMLDivElement>>;
|
115
119
|
export {};
|
@@ -13,14 +13,16 @@ import { prepareProps } from '../../global/js/utils/props-helper.js';
|
|
13
13
|
import { pkg } from '../../settings.js';
|
14
14
|
import { Card } from '../Card/Card.js';
|
15
15
|
|
16
|
-
var _excluded = ["actionsPlacement"];
|
16
|
+
var _excluded = ["actionsPlacement", "iconDescription"];
|
17
17
|
var componentName = 'ProductiveCard';
|
18
18
|
var ProductiveCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
19
19
|
var _ref$actionsPlacement = _ref.actionsPlacement,
|
20
20
|
actionsPlacement = _ref$actionsPlacement === void 0 ? 'top' : _ref$actionsPlacement,
|
21
|
+
iconDescription = _ref.iconDescription,
|
21
22
|
rest = _objectWithoutProperties(_ref, _excluded);
|
22
23
|
var validProps = prepareProps(rest, ['media', 'mediaPosition', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind']);
|
23
24
|
return /*#__PURE__*/React__default.createElement(Card, _extends({}, _objectSpread2(_objectSpread2({}, validProps), {}, {
|
25
|
+
iconDescription: iconDescription,
|
24
26
|
actionsPlacement: actionsPlacement,
|
25
27
|
ref: ref,
|
26
28
|
productive: true
|
@@ -62,6 +64,10 @@ ProductiveCard.propTypes = {
|
|
62
64
|
* Optional header description
|
63
65
|
*/
|
64
66
|
description: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
|
67
|
+
/**
|
68
|
+
* Tooltip icon description
|
69
|
+
*/
|
70
|
+
iconDescription: PropTypes.string,
|
65
71
|
/**
|
66
72
|
* Optional label for the top of the card
|
67
73
|
*/
|
@@ -55,6 +55,7 @@ interface CardProp extends PropsWithChildren {
|
|
55
55
|
secondaryButtonPlacement?: 'top' | 'bottom';
|
56
56
|
secondaryButtonText?: string;
|
57
57
|
sequence?: number;
|
58
|
+
iconDescription?: string;
|
58
59
|
/**
|
59
60
|
* **Experimental?** For all cases a `Slug` component can be provided.
|
60
61
|
* Clickable tiles only accept a boolean value of true and display a hollow slug.
|
@@ -25,7 +25,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
25
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
26
26
|
|
27
27
|
var _Incomplete, _CheckmarkOutline;
|
28
|
-
var _excluded = ["actionIcons", "actionsPlacement", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize"],
|
28
|
+
var _excluded = ["actionIcons", "actionsPlacement", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
|
29
29
|
_excluded2 = ["id"],
|
30
30
|
_excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
|
31
31
|
var componentName = 'Card';
|
@@ -80,6 +80,8 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
80
80
|
title = _ref.title,
|
81
81
|
_ref$titleSize = _ref.titleSize,
|
82
82
|
titleSize = _ref$titleSize === void 0 ? 'default' : _ref$titleSize,
|
83
|
+
_ref$iconDescription = _ref.iconDescription,
|
84
|
+
iconDescription = _ref$iconDescription === void 0 ? 'Options' : _ref$iconDescription,
|
83
85
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
84
86
|
var getIcons = function getIcons() {
|
85
87
|
return getStarted ? metadata : actionIcons;
|
@@ -109,7 +111,8 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
109
111
|
size: size,
|
110
112
|
direction: pos,
|
111
113
|
flipped: true,
|
112
|
-
"aria-label": overflowAriaLabel
|
114
|
+
"aria-label": overflowAriaLabel,
|
115
|
+
iconDescription: iconDescription
|
113
116
|
}, overflowActions.map(function (_ref2) {
|
114
117
|
var id = _ref2.id,
|
115
118
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
|
@@ -110,6 +110,10 @@ interface ProductiveCardProps extends PropsWithChildren {
|
|
110
110
|
* Determines title size
|
111
111
|
*/
|
112
112
|
titleSize?: 'default' | 'large';
|
113
|
+
/**
|
114
|
+
* Tooltip icon description
|
115
|
+
*/
|
116
|
+
iconDescription?: string;
|
113
117
|
}
|
114
118
|
export declare let ProductiveCard: React.ForwardRefExoticComponent<ProductiveCardProps & React.RefAttributes<HTMLDivElement>>;
|
115
119
|
export {};
|
@@ -21,14 +21,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
21
21
|
|
22
22
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
23
|
|
24
|
-
var _excluded = ["actionsPlacement"];
|
24
|
+
var _excluded = ["actionsPlacement", "iconDescription"];
|
25
25
|
var componentName = 'ProductiveCard';
|
26
26
|
exports.ProductiveCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
27
27
|
var _ref$actionsPlacement = _ref.actionsPlacement,
|
28
28
|
actionsPlacement = _ref$actionsPlacement === void 0 ? 'top' : _ref$actionsPlacement,
|
29
|
+
iconDescription = _ref.iconDescription,
|
29
30
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
30
31
|
var validProps = propsHelper.prepareProps(rest, ['media', 'mediaPosition', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind']);
|
31
32
|
return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, validProps), {}, {
|
33
|
+
iconDescription: iconDescription,
|
32
34
|
actionsPlacement: actionsPlacement,
|
33
35
|
ref: ref,
|
34
36
|
productive: true
|
@@ -70,6 +72,10 @@ exports.ProductiveCard.propTypes = {
|
|
70
72
|
* Optional header description
|
71
73
|
*/
|
72
74
|
description: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
|
75
|
+
/**
|
76
|
+
* Tooltip icon description
|
77
|
+
*/
|
78
|
+
iconDescription: index["default"].string,
|
73
79
|
/**
|
74
80
|
* Optional label for the top of the card
|
75
81
|
*/
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "2.43.2-canary.
|
4
|
+
"version": "2.43.2-canary.123+413b2107b",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -120,5 +120,5 @@
|
|
120
120
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
121
121
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
122
122
|
},
|
123
|
-
"gitHead": "
|
123
|
+
"gitHead": "413b2107b433d4c58916ba0863a8762372759684"
|
124
124
|
}
|