@carbon/ibm-products 2.31.0 → 2.31.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +802 -517
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +48 -75
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +802 -517
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +731 -458
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Decorator/Decorator.d.ts +1 -1
- package/es/components/Decorator/Decorator.js +16 -253
- package/es/components/DecoratorBase/DecoratorBase.d.ts +7 -0
- package/es/components/DecoratorBase/DecoratorBase.js +233 -0
- package/es/components/DecoratorBase/index.d.ts +1 -0
- package/{lib/components/Decorator → es/components/DecoratorBase}/utils.d.ts +1 -1
- package/es/components/{Decorator → DecoratorBase}/utils.js +19 -19
- package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
- package/es/components/DecoratorDualButton/DecoratorDualButton.js +135 -0
- package/es/components/DecoratorDualButton/index.d.ts +1 -0
- package/es/components/DecoratorLink/DecoratorLink.d.ts +5 -0
- package/es/components/DecoratorLink/DecoratorLink.js +125 -0
- package/es/components/DecoratorLink/index.d.ts +1 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +125 -0
- package/es/components/DecoratorSingleButton/index.d.ts +1 -0
- package/es/components/index.d.ts +3 -0
- package/es/global/js/hooks/useFocus.js +2 -1
- package/es/global/js/package-settings.d.ts +3 -0
- package/es/global/js/package-settings.js +3 -0
- package/es/index.js +3 -0
- package/es/settings.d.ts +3 -0
- package/lib/components/Decorator/Decorator.d.ts +1 -1
- package/lib/components/Decorator/Decorator.js +15 -253
- package/lib/components/DecoratorBase/DecoratorBase.d.ts +7 -0
- package/lib/components/DecoratorBase/DecoratorBase.js +242 -0
- package/lib/components/DecoratorBase/index.d.ts +1 -0
- package/{es/components/Decorator → lib/components/DecoratorBase}/utils.d.ts +1 -1
- package/lib/components/{Decorator → DecoratorBase}/utils.js +19 -19
- package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +141 -0
- package/lib/components/DecoratorDualButton/index.d.ts +1 -0
- package/lib/components/DecoratorLink/DecoratorLink.d.ts +5 -0
- package/lib/components/DecoratorLink/DecoratorLink.js +131 -0
- package/lib/components/DecoratorLink/index.d.ts +1 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +131 -0
- package/lib/components/DecoratorSingleButton/index.d.ts +1 -0
- package/lib/components/index.d.ts +3 -0
- package/lib/global/js/hooks/useFocus.js +2 -1
- package/lib/global/js/package-settings.d.ts +3 -0
- package/lib/global/js/package-settings.js +3 -0
- package/lib/index.js +15 -0
- package/lib/settings.d.ts +3 -0
- package/package.json +9 -9
- package/scss/components/Card/_card.scss +2 -2
- package/scss/components/Decorator/_decorator.scss +3 -380
- package/scss/components/DecoratorBase/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorBase/_decorator-base-mixins.scss +41 -0
- package/scss/components/DecoratorBase/_decorator-base.scss +146 -0
- package/scss/components/DecoratorBase/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorBase/_index.scss +8 -0
- package/scss/components/DecoratorDualButton/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorDualButton/_decorator-dual-button.scss +112 -0
- package/scss/components/DecoratorDualButton/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorDualButton/_index.scss +8 -0
- package/scss/components/DecoratorLink/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorLink/_decorator-link.scss +53 -0
- package/scss/components/DecoratorLink/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorLink/_index.scss +8 -0
- package/scss/components/DecoratorSingleButton/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorSingleButton/_decorator-single-button.scss +117 -0
- package/scss/components/DecoratorSingleButton/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorSingleButton/_index.scss +8 -0
- package/scss/components/SidePanel/_side-panel.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +1 -1
- package/scss/components/_index-with-carbon.scss +3 -0
- package/scss/components/_index.scss +3 -0
- /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
- /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
- /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
- /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
@@ -0,0 +1,141 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
'use strict';
|
9
|
+
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
+
|
12
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
|
+
var React = require('react');
|
14
|
+
var index = require('../../node_modules/prop-types/index.js');
|
15
|
+
var devtools = require('../../global/js/utils/devtools.js');
|
16
|
+
var propsHelper = require('../../global/js/utils/props-helper.js');
|
17
|
+
var settings = require('../../settings.js');
|
18
|
+
var DecoratorBase = require('../DecoratorBase/DecoratorBase.js');
|
19
|
+
|
20
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
|
+
|
22
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
+
|
24
|
+
var componentName = 'DecoratorDualButton';
|
25
|
+
|
26
|
+
/**
|
27
|
+
* The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
|
28
|
+
*/
|
29
|
+
exports.DecoratorDualButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
30
|
+
var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
|
31
|
+
return /*#__PURE__*/React__default["default"].createElement(DecoratorBase.DecoratorBase, _rollupPluginBabelHelpers["extends"]({
|
32
|
+
ref: ref
|
33
|
+
}, validProps, {
|
34
|
+
kind: "dual-button"
|
35
|
+
}, devtools.getDevtoolsProps(componentName)));
|
36
|
+
});
|
37
|
+
|
38
|
+
// Return a placeholder if not released and not enabled by feature flag
|
39
|
+
exports.DecoratorDualButton = settings.pkg.checkComponentEnabled(exports.DecoratorDualButton, componentName);
|
40
|
+
|
41
|
+
// The display name of the component, used by React. Note that displayName
|
42
|
+
// is used in preference to relying on function.name.
|
43
|
+
exports.DecoratorDualButton.displayName = componentName;
|
44
|
+
|
45
|
+
// The types and DocGen commentary for the component props,
|
46
|
+
// in alphabetical order (for consistency).
|
47
|
+
// See https://www.npmjs.com/package/prop-types#usage.
|
48
|
+
exports.DecoratorDualButton.propTypes = {
|
49
|
+
/**
|
50
|
+
* Provide an optional class to be applied to the containing node.
|
51
|
+
*/
|
52
|
+
className: index["default"].string,
|
53
|
+
/**
|
54
|
+
* `disabled` only applies if `kind` is "single-button" or "dual-button".
|
55
|
+
*/
|
56
|
+
disabled: index["default"].bool,
|
57
|
+
/**
|
58
|
+
* Do not show the icon, regardless of score.
|
59
|
+
*/
|
60
|
+
hideIcon: index["default"].bool,
|
61
|
+
/**
|
62
|
+
* The label for the data.
|
63
|
+
*/
|
64
|
+
label: index["default"].string,
|
65
|
+
/**
|
66
|
+
* Optional callback function.
|
67
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
68
|
+
*/
|
69
|
+
onClickLabel: index["default"].func,
|
70
|
+
/**
|
71
|
+
* Optional callback function.
|
72
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
73
|
+
*/
|
74
|
+
onClickValue: index["default"].func,
|
75
|
+
/**
|
76
|
+
* Optional callback function.
|
77
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
78
|
+
*/
|
79
|
+
onContextMenuLabel: index["default"].func,
|
80
|
+
/**
|
81
|
+
* Optional callback function.
|
82
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
83
|
+
*/
|
84
|
+
onContextMenuValue: index["default"].func,
|
85
|
+
/**
|
86
|
+
* Used in conjunction with `scoreThresholds`, determines the color, shape, and type of magnitude of the icon.
|
87
|
+
*
|
88
|
+
* If you don't want to show the icon at all, set `hideIcon={true}`.
|
89
|
+
*/
|
90
|
+
score: index["default"].number,
|
91
|
+
/**
|
92
|
+
* Used in conjunction with `score`, determines the color, shape, and type of magnitude of the icon.
|
93
|
+
*
|
94
|
+
* An array of 4 numbers determines the range of thresholds.
|
95
|
+
*
|
96
|
+
* Example using `[0, 4, 7, 10]`:
|
97
|
+
* <br/>- `<= 0` "Benign"
|
98
|
+
* <br/>- `1-3` "Low"
|
99
|
+
* <br/>- `4-6` "Medium"
|
100
|
+
* <br/>- `7-9` "High"
|
101
|
+
* <br/>- `>= 10` "Critical"
|
102
|
+
* <br/>- `NaN` "Unknown"
|
103
|
+
*/
|
104
|
+
scoreThresholds: index["default"].arrayOf(index["default"].number),
|
105
|
+
/**
|
106
|
+
* Optional callback function for building a more detailed descriptive text.
|
107
|
+
* Returns `score`, `scoreThresholds`, `magnitude`.
|
108
|
+
*
|
109
|
+
* Typical description is in the form of
|
110
|
+
* '"(magnitude)" magnitude: score (score) out of (last element of scoreThresholds array)'.
|
111
|
+
*
|
112
|
+
* E.g. `"Medium" magnitude: score 5 out of 10`.
|
113
|
+
*
|
114
|
+
* If not defined, the title will default to the `label` prop.
|
115
|
+
*/
|
116
|
+
setLabelTitle: index["default"].func,
|
117
|
+
/**
|
118
|
+
* Styled smaller to better fit inline with text.
|
119
|
+
*/
|
120
|
+
small: index["default"].bool,
|
121
|
+
/**
|
122
|
+
* Determines the theme of the component.
|
123
|
+
*/
|
124
|
+
theme: index["default"].oneOf(['light', 'dark']),
|
125
|
+
/**
|
126
|
+
* If not defined, it will behave as `display:inline-block`.
|
127
|
+
*/
|
128
|
+
truncateValue: index["default"].oneOfType([index["default"].oneOf(['end', 'start']), index["default"].shape({
|
129
|
+
maxLength: index["default"].number,
|
130
|
+
front: index["default"].number,
|
131
|
+
back: index["default"].number
|
132
|
+
})]),
|
133
|
+
/**
|
134
|
+
* The value of the data.
|
135
|
+
*/
|
136
|
+
value: index["default"].string.isRequired,
|
137
|
+
/**
|
138
|
+
* Overrides the default title for the Decorator's value.
|
139
|
+
*/
|
140
|
+
valueTitle: index["default"].string
|
141
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { DecoratorDualButton } from "./DecoratorDualButton";
|
@@ -0,0 +1,131 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
'use strict';
|
9
|
+
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
+
|
12
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
|
+
var React = require('react');
|
14
|
+
var index = require('../../node_modules/prop-types/index.js');
|
15
|
+
var devtools = require('../../global/js/utils/devtools.js');
|
16
|
+
var propsHelper = require('../../global/js/utils/props-helper.js');
|
17
|
+
var settings = require('../../settings.js');
|
18
|
+
var DecoratorBase = require('../DecoratorBase/DecoratorBase.js');
|
19
|
+
|
20
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
|
+
|
22
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
+
|
24
|
+
var componentName = 'DecoratorLink';
|
25
|
+
|
26
|
+
/**
|
27
|
+
* The DecoratorLink groups a key/value pair to behave like a link.
|
28
|
+
*/
|
29
|
+
exports.DecoratorLink = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
30
|
+
var validProps = propsHelper.prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
|
31
|
+
return /*#__PURE__*/React__default["default"].createElement(DecoratorBase.DecoratorBase, _rollupPluginBabelHelpers["extends"]({
|
32
|
+
ref: ref
|
33
|
+
}, validProps, {
|
34
|
+
kind: "link"
|
35
|
+
}, devtools.getDevtoolsProps(componentName)));
|
36
|
+
});
|
37
|
+
|
38
|
+
// Return a placeholder if not released and not enabled by feature flag
|
39
|
+
exports.DecoratorLink = settings.pkg.checkComponentEnabled(exports.DecoratorLink, componentName);
|
40
|
+
|
41
|
+
// The display name of the component, used by React. Note that displayName
|
42
|
+
// is used in preference to relying on function.name.
|
43
|
+
exports.DecoratorLink.displayName = componentName;
|
44
|
+
|
45
|
+
// The types and DocGen commentary for the component props,
|
46
|
+
// in alphabetical order (for consistency).
|
47
|
+
// See https://www.npmjs.com/package/prop-types#usage.
|
48
|
+
exports.DecoratorLink.propTypes = {
|
49
|
+
/**
|
50
|
+
* Provide an optional class to be applied to the containing node.
|
51
|
+
*/
|
52
|
+
className: index["default"].string,
|
53
|
+
/**
|
54
|
+
* Do not show the icon, regardless of score.
|
55
|
+
*/
|
56
|
+
hideIcon: index["default"].bool,
|
57
|
+
/**
|
58
|
+
* The component's URL.
|
59
|
+
*/
|
60
|
+
href: index["default"].string.isRequired,
|
61
|
+
/**
|
62
|
+
* The label for the data.
|
63
|
+
*/
|
64
|
+
label: index["default"].string,
|
65
|
+
/**
|
66
|
+
* Optional callback function.
|
67
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
68
|
+
*/
|
69
|
+
onClick: index["default"].func,
|
70
|
+
/**
|
71
|
+
* Optional callback function.
|
72
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
73
|
+
*/
|
74
|
+
onContextMenu: index["default"].func,
|
75
|
+
/**
|
76
|
+
* Used in conjunction with `scoreThresholds`, determines the color, shape, and type of magnitude of the icon.
|
77
|
+
*
|
78
|
+
* If you don't want to show the icon at all, set `hideIcon={true}`.
|
79
|
+
*/
|
80
|
+
score: index["default"].number,
|
81
|
+
/**
|
82
|
+
* Used in conjunction with `score`, determines the color, shape, and type of magnitude of the icon.
|
83
|
+
*
|
84
|
+
* An array of 4 numbers determines the range of thresholds.
|
85
|
+
*
|
86
|
+
* Example using `[0, 4, 7, 10]`:
|
87
|
+
* <br/>- `<= 0` "Benign"
|
88
|
+
* <br/>- `1-3` "Low"
|
89
|
+
* <br/>- `4-6` "Medium"
|
90
|
+
* <br/>- `7-9` "High"
|
91
|
+
* <br/>- `>= 10` "Critical"
|
92
|
+
* <br/>- `NaN` "Unknown"
|
93
|
+
*/
|
94
|
+
scoreThresholds: index["default"].arrayOf(index["default"].number),
|
95
|
+
/**
|
96
|
+
* Optional callback function for building a more detailed descriptive text.
|
97
|
+
* Returns `score`, `scoreThresholds`, `magnitude`.
|
98
|
+
*
|
99
|
+
* Typical description is in the form of
|
100
|
+
* '"(magnitude)" magnitude: score (score) out of (last element of scoreThresholds array)'.
|
101
|
+
*
|
102
|
+
* E.g. `"Medium" magnitude: score 5 out of 10`.
|
103
|
+
*
|
104
|
+
* If not defined, the title will default to the `label` prop.
|
105
|
+
*/
|
106
|
+
setLabelTitle: index["default"].func,
|
107
|
+
/**
|
108
|
+
* Styled smaller to better fit inline with text.
|
109
|
+
*/
|
110
|
+
small: index["default"].bool,
|
111
|
+
/**
|
112
|
+
* Determines the theme of the component.
|
113
|
+
*/
|
114
|
+
theme: index["default"].oneOf(['light', 'dark']),
|
115
|
+
/**
|
116
|
+
* If not defined, it will behave as `display:inline-block`.
|
117
|
+
*/
|
118
|
+
truncateValue: index["default"].oneOfType([index["default"].oneOf(['end', 'start']), index["default"].shape({
|
119
|
+
maxLength: index["default"].number,
|
120
|
+
front: index["default"].number,
|
121
|
+
back: index["default"].number
|
122
|
+
})]),
|
123
|
+
/**
|
124
|
+
* The value of the data.
|
125
|
+
*/
|
126
|
+
value: index["default"].string.isRequired,
|
127
|
+
/**
|
128
|
+
* Overrides the default title for the Decorator's value.
|
129
|
+
*/
|
130
|
+
valueTitle: index["default"].string
|
131
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { DecoratorLink } from "./DecoratorLink";
|
@@ -0,0 +1,131 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
'use strict';
|
9
|
+
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
+
|
12
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
|
+
var React = require('react');
|
14
|
+
var index = require('../../node_modules/prop-types/index.js');
|
15
|
+
var devtools = require('../../global/js/utils/devtools.js');
|
16
|
+
var propsHelper = require('../../global/js/utils/props-helper.js');
|
17
|
+
var settings = require('../../settings.js');
|
18
|
+
var DecoratorBase = require('../DecoratorBase/DecoratorBase.js');
|
19
|
+
|
20
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
|
+
|
22
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
+
|
24
|
+
var componentName = 'DecoratorSingleButton';
|
25
|
+
|
26
|
+
/**
|
27
|
+
* The DecoratorSingleButton groups a key/value pair to behave like a button.
|
28
|
+
*/
|
29
|
+
exports.DecoratorSingleButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
30
|
+
var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
|
31
|
+
return /*#__PURE__*/React__default["default"].createElement(DecoratorBase.DecoratorBase, _rollupPluginBabelHelpers["extends"]({
|
32
|
+
ref: ref
|
33
|
+
}, validProps, {
|
34
|
+
kind: "single-button"
|
35
|
+
}, devtools.getDevtoolsProps(componentName)));
|
36
|
+
});
|
37
|
+
|
38
|
+
// Return a placeholder if not released and not enabled by feature flag
|
39
|
+
exports.DecoratorSingleButton = settings.pkg.checkComponentEnabled(exports.DecoratorSingleButton, componentName);
|
40
|
+
|
41
|
+
// The display name of the component, used by React. Note that displayName
|
42
|
+
// is used in preference to relying on function.name.
|
43
|
+
exports.DecoratorSingleButton.displayName = componentName;
|
44
|
+
|
45
|
+
// The types and DocGen commentary for the component props,
|
46
|
+
// in alphabetical order (for consistency).
|
47
|
+
// See https://www.npmjs.com/package/prop-types#usage.
|
48
|
+
exports.DecoratorSingleButton.propTypes = {
|
49
|
+
/**
|
50
|
+
* Provide an optional class to be applied to the containing node.
|
51
|
+
*/
|
52
|
+
className: index["default"].string,
|
53
|
+
/**
|
54
|
+
* `disabled` only applies if `kind` is "single-button" or "dual-button".
|
55
|
+
*/
|
56
|
+
disabled: index["default"].bool,
|
57
|
+
/**
|
58
|
+
* Do not show the icon, regardless of score.
|
59
|
+
*/
|
60
|
+
hideIcon: index["default"].bool,
|
61
|
+
/**
|
62
|
+
* The label for the data.
|
63
|
+
*/
|
64
|
+
label: index["default"].string,
|
65
|
+
/**
|
66
|
+
* Optional callback function.
|
67
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
68
|
+
*/
|
69
|
+
onClick: index["default"].func,
|
70
|
+
/**
|
71
|
+
* Optional callback function.
|
72
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
73
|
+
*/
|
74
|
+
onContextMenu: index["default"].func,
|
75
|
+
/**
|
76
|
+
* Used in conjunction with `scoreThresholds`, determines the color, shape, and type of magnitude of the icon.
|
77
|
+
*
|
78
|
+
* If you don't want to show the icon at all, set `hideIcon={true}`.
|
79
|
+
*/
|
80
|
+
score: index["default"].number,
|
81
|
+
/**
|
82
|
+
* Used in conjunction with `score`, determines the color, shape, and type of magnitude of the icon.
|
83
|
+
*
|
84
|
+
* An array of 4 numbers determines the range of thresholds.
|
85
|
+
*
|
86
|
+
* Example using `[0, 4, 7, 10]`:
|
87
|
+
* <br/>- `<= 0` "Benign"
|
88
|
+
* <br/>- `1-3` "Low"
|
89
|
+
* <br/>- `4-6` "Medium"
|
90
|
+
* <br/>- `7-9` "High"
|
91
|
+
* <br/>- `>= 10` "Critical"
|
92
|
+
* <br/>- `NaN` "Unknown"
|
93
|
+
*/
|
94
|
+
scoreThresholds: index["default"].arrayOf(index["default"].number),
|
95
|
+
/**
|
96
|
+
* Optional callback function for building a more detailed descriptive text.
|
97
|
+
* Returns `score`, `scoreThresholds`, `magnitude`.
|
98
|
+
*
|
99
|
+
* Typical description is in the form of
|
100
|
+
* '"(magnitude)" magnitude: score (score) out of (last element of scoreThresholds array)'.
|
101
|
+
*
|
102
|
+
* E.g. `"Medium" magnitude: score 5 out of 10`.
|
103
|
+
*
|
104
|
+
* If not defined, the title will default to the `label` prop.
|
105
|
+
*/
|
106
|
+
setLabelTitle: index["default"].func,
|
107
|
+
/**
|
108
|
+
* Styled smaller to better fit inline with text.
|
109
|
+
*/
|
110
|
+
small: index["default"].bool,
|
111
|
+
/**
|
112
|
+
* Determines the theme of the component.
|
113
|
+
*/
|
114
|
+
theme: index["default"].oneOf(['light', 'dark']),
|
115
|
+
/**
|
116
|
+
* If not defined, it will behave as `display:inline-block`.
|
117
|
+
*/
|
118
|
+
truncateValue: index["default"].oneOfType([index["default"].oneOf(['end', 'start']), index["default"].shape({
|
119
|
+
maxLength: index["default"].number,
|
120
|
+
front: index["default"].number,
|
121
|
+
back: index["default"].number
|
122
|
+
})]),
|
123
|
+
/**
|
124
|
+
* The value of the data.
|
125
|
+
*/
|
126
|
+
value: index["default"].string.isRequired,
|
127
|
+
/**
|
128
|
+
* Overrides the default title for the Decorator's value.
|
129
|
+
*/
|
130
|
+
valueTitle: index["default"].string
|
131
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { DecoratorSingleButton } from "./DecoratorSingleButton";
|
@@ -41,6 +41,9 @@ export { InterstitialScreenView } from "./InterstitialScreenView";
|
|
41
41
|
export { InterstitialScreenViewModule } from "./InterstitialScreenViewModule";
|
42
42
|
export { DelimitedList } from "./DelimitedList";
|
43
43
|
export { Decorator } from "./Decorator";
|
44
|
+
export { DecoratorLink } from "./DecoratorLink";
|
45
|
+
export { DecoratorSingleButton } from "./DecoratorSingleButton";
|
46
|
+
export { DecoratorDualButton } from "./DecoratorDualButton";
|
44
47
|
export { DescriptionList } from "./DescriptionList";
|
45
48
|
export { FullPageError } from "./FullPageError";
|
46
49
|
export { SearchBar } from "./SearchBar";
|
@@ -26,8 +26,9 @@ var useFocus = function useFocus(modalRef) {
|
|
26
26
|
var querySelect = "select".concat(notQuery);
|
27
27
|
var queryTextarea = "textarea".concat(notQuery);
|
28
28
|
var queryLink = "[href]".concat(notQuery);
|
29
|
+
var queryTabIndex = "[tabindex=\"0\"]".concat(notQuery);
|
29
30
|
// Final query
|
30
|
-
var query = "".concat(queryButton, ",").concat(queryLink, ",").concat(queryInput, ",").concat(querySelect, ",").concat(queryTextarea);
|
31
|
+
var query = "".concat(queryButton, ",").concat(queryLink, ",").concat(queryInput, ",").concat(querySelect, ",").concat(queryTextarea, ", ").concat(queryTabIndex);
|
31
32
|
var modalEl = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current;
|
32
33
|
var getFocusable = React.useCallback(function () {
|
33
34
|
// Selecting all focusable elements based on the above conditions
|
@@ -91,6 +91,9 @@ declare namespace defaults {
|
|
91
91
|
let CoachmarkOverlayElements: boolean;
|
92
92
|
let CoachmarkStack: boolean;
|
93
93
|
let Decorator: boolean;
|
94
|
+
let DecoratorLink: boolean;
|
95
|
+
let DecoratorSingleButton: boolean;
|
96
|
+
let DecoratorDualButton: boolean;
|
94
97
|
let DescriptionList: boolean;
|
95
98
|
let SearchBar: boolean;
|
96
99
|
let UserAvatar: boolean;
|
@@ -97,6 +97,9 @@ var defaults = {
|
|
97
97
|
CoachmarkOverlayElements: false,
|
98
98
|
CoachmarkStack: false,
|
99
99
|
Decorator: false,
|
100
|
+
DecoratorLink: false,
|
101
|
+
DecoratorSingleButton: false,
|
102
|
+
DecoratorDualButton: false,
|
100
103
|
DescriptionList: false,
|
101
104
|
SearchBar: false,
|
102
105
|
UserAvatar: false,
|
package/lib/index.js
CHANGED
@@ -110,6 +110,9 @@ var InterstitialScreenView = require('./components/InterstitialScreenView/Inters
|
|
110
110
|
var InterstitialScreenViewModule = require('./components/InterstitialScreenViewModule/InterstitialScreenViewModule.js');
|
111
111
|
var DelimitedList = require('./components/DelimitedList/DelimitedList.js');
|
112
112
|
var Decorator = require('./components/Decorator/Decorator.js');
|
113
|
+
var DecoratorLink = require('./components/DecoratorLink/DecoratorLink.js');
|
114
|
+
var DecoratorSingleButton = require('./components/DecoratorSingleButton/DecoratorSingleButton.js');
|
115
|
+
var DecoratorDualButton = require('./components/DecoratorDualButton/DecoratorDualButton.js');
|
113
116
|
var DescriptionList = require('./components/DescriptionList/DescriptionList.js');
|
114
117
|
var FullPageError = require('./components/FullPageError/FullPageError.js');
|
115
118
|
var SearchBar = require('./components/SearchBar/SearchBar.js');
|
@@ -456,6 +459,18 @@ Object.defineProperty(exports, 'Decorator', {
|
|
456
459
|
enumerable: true,
|
457
460
|
get: function () { return Decorator.Decorator; }
|
458
461
|
});
|
462
|
+
Object.defineProperty(exports, 'DecoratorLink', {
|
463
|
+
enumerable: true,
|
464
|
+
get: function () { return DecoratorLink.DecoratorLink; }
|
465
|
+
});
|
466
|
+
Object.defineProperty(exports, 'DecoratorSingleButton', {
|
467
|
+
enumerable: true,
|
468
|
+
get: function () { return DecoratorSingleButton.DecoratorSingleButton; }
|
469
|
+
});
|
470
|
+
Object.defineProperty(exports, 'DecoratorDualButton', {
|
471
|
+
enumerable: true,
|
472
|
+
get: function () { return DecoratorDualButton.DecoratorDualButton; }
|
473
|
+
});
|
459
474
|
Object.defineProperty(exports, 'DescriptionList', {
|
460
475
|
enumerable: true,
|
461
476
|
get: function () { return DescriptionList.DescriptionList; }
|
package/lib/settings.d.ts
CHANGED
@@ -77,6 +77,9 @@ export const pkg: {
|
|
77
77
|
CoachmarkOverlayElements: boolean;
|
78
78
|
CoachmarkStack: boolean;
|
79
79
|
Decorator: boolean;
|
80
|
+
DecoratorLink: boolean;
|
81
|
+
DecoratorSingleButton: boolean;
|
82
|
+
DecoratorDualButton: boolean;
|
80
83
|
DescriptionList: boolean;
|
81
84
|
SearchBar: boolean;
|
82
85
|
UserAvatar: boolean;
|
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.31.
|
4
|
+
"version": "2.31.1",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -90,7 +90,7 @@
|
|
90
90
|
},
|
91
91
|
"dependencies": {
|
92
92
|
"@babel/runtime": "^7.23.9",
|
93
|
-
"@carbon/ibm-products-styles": "^2.30.
|
93
|
+
"@carbon/ibm-products-styles": "^2.30.1",
|
94
94
|
"@carbon/telemetry": "^0.1.0",
|
95
95
|
"@dnd-kit/core": "^6.0.8",
|
96
96
|
"@dnd-kit/modifiers": "^7.0.0",
|
@@ -105,14 +105,14 @@
|
|
105
105
|
"react-window": "^1.8.10"
|
106
106
|
},
|
107
107
|
"peerDependencies": {
|
108
|
-
"@carbon/grid": "^11.
|
109
|
-
"@carbon/layout": "^11.
|
110
|
-
"@carbon/motion": "^11.
|
111
|
-
"@carbon/react": "^1.
|
112
|
-
"@carbon/themes": "^11.
|
113
|
-
"@carbon/type": "^11.
|
108
|
+
"@carbon/grid": "^11.22.0",
|
109
|
+
"@carbon/layout": "^11.21.0",
|
110
|
+
"@carbon/motion": "^11.17.0",
|
111
|
+
"@carbon/react": "^1.53.0",
|
112
|
+
"@carbon/themes": "^11.33.0",
|
113
|
+
"@carbon/type": "^11.26.0",
|
114
114
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
115
115
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
116
116
|
},
|
117
|
-
"gitHead": "
|
117
|
+
"gitHead": "425999374c9f747a5d799a3c5da55fe3a2189e46"
|
118
118
|
}
|
@@ -171,7 +171,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
|
|
171
171
|
}
|
172
172
|
|
173
173
|
.#{$block-class}--has-slug {
|
174
|
-
@include utilities.
|
174
|
+
@include utilities.ai-popover-gradient('default', 0, 'layer');
|
175
175
|
|
176
176
|
border: 1px solid transparent;
|
177
177
|
box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
|
@@ -179,7 +179,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
|
|
179
179
|
}
|
180
180
|
|
181
181
|
.#{$block-class}__clickable.#{$block-class}--has-slug::before {
|
182
|
-
@include utilities.
|
182
|
+
@include utilities.ai-popover-gradient('hover', 0, 'layer');
|
183
183
|
|
184
184
|
position: absolute;
|
185
185
|
display: block;
|