@carbon/react 1.44.0 → 1.45.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/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +820 -902
- package/es/components/Checkbox/Checkbox.d.ts +1 -1
- package/es/components/Checkbox/Checkbox.js +1 -1
- package/es/components/CheckboxGroup/CheckboxGroup.js +2 -2
- package/es/components/ComboBox/ComboBox.d.ts +1 -1
- package/es/components/ComboBox/ComboBox.js +2 -2
- package/es/components/ComboButton/index.js +1 -1
- package/es/components/ComposedModal/ModalFooter.d.ts +2 -1
- package/es/components/ContentSwitcher/ContentSwitcher.js +1 -1
- package/es/components/DataTable/DataTable.d.ts +2 -0
- package/es/components/DataTable/DataTable.js +3 -0
- package/es/components/DataTable/TableExpandRow.js +20 -3
- package/es/components/DataTable/TableHeader.d.ts +5 -0
- package/es/components/DataTable/TableHeader.js +30 -6
- package/es/components/DataTable/TableSlugRow.d.ts +31 -0
- package/es/components/DataTable/TableSlugRow.js +49 -0
- package/es/components/DataTable/index.d.ts +2 -1
- package/es/components/DataTable/index.js +3 -0
- package/es/components/DatePickerInput/DatePickerInput.d.ts +1 -1
- package/es/components/DatePickerInput/DatePickerInput.js +2 -2
- package/es/components/Dropdown/Dropdown.d.ts +1 -1
- package/es/components/Dropdown/Dropdown.js +2 -2
- package/es/components/InlineLoading/InlineLoading.d.ts +68 -0
- package/es/components/InlineLoading/InlineLoading.js +4 -4
- package/es/components/InlineLoading/index.d.ts +9 -0
- package/es/components/Layer/LayerContext.d.ts +8 -0
- package/es/components/Layer/LayerLevel.d.ts +5 -0
- package/es/components/Layer/LayerLevel.js +12 -0
- package/es/components/Layer/index.d.ts +38 -0
- package/es/components/Layer/index.js +9 -8
- package/es/components/Menu/MenuItem.js +2 -1
- package/es/components/MenuButton/index.js +1 -1
- package/es/components/Modal/Modal.d.ts +3 -2
- package/es/components/MultiSelect/FilterableMultiSelect.js +2 -2
- package/es/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/es/components/MultiSelect/MultiSelect.js +5 -2
- package/es/components/Notification/Notification.js +1 -0
- package/es/components/NumberInput/NumberInput.d.ts +1 -1
- package/es/components/NumberInput/NumberInput.js +3 -3
- package/es/components/ProgressIndicator/ProgressIndicator.js +4 -0
- package/es/components/RadioButton/RadioButton.d.ts +1 -1
- package/es/components/RadioButton/RadioButton.js +1 -1
- package/es/components/RadioButtonGroup/RadioButtonGroup.d.ts +1 -1
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +2 -2
- package/es/components/Select/Select.d.ts +1 -1
- package/es/components/Select/Select.js +2 -2
- package/es/components/Slider/Slider.Skeleton.js +17 -3
- package/es/components/Slider/Slider.js +132 -93
- package/es/components/Slider/SliderHandles.d.ts +4 -0
- package/es/components/Slider/SliderHandles.js +65 -0
- package/es/components/Slug/index.js +1 -0
- package/es/components/Tabs/Tabs.js +1 -1
- package/es/components/Tag/Tag.d.ts +18 -10
- package/es/components/Tag/Tag.js +23 -7
- package/es/components/TextArea/TextArea.d.ts +7 -3
- package/es/components/TextArea/TextArea.js +85 -18
- package/es/components/TextInput/TextInput.d.ts +1 -1
- package/es/components/TextInput/TextInput.js +2 -2
- package/es/components/Tile/Tile.d.ts +8 -8
- package/es/components/Tile/Tile.js +11 -7
- package/es/components/Tooltip/Tooltip.js +48 -2
- package/es/components/UIShell/HeaderPanel.d.ts +36 -0
- package/es/components/UIShell/HeaderPanel.js +6 -6
- package/es/components/UIShell/Switcher.js +1 -1
- package/es/index.js +2 -1
- package/es/internal/useAnnouncer.js +2 -1
- package/es/internal/useNoInteractiveChildren.js +2 -6
- package/lib/components/Checkbox/Checkbox.d.ts +1 -1
- package/lib/components/Checkbox/Checkbox.js +1 -1
- package/lib/components/CheckboxGroup/CheckboxGroup.js +2 -2
- package/lib/components/ComboBox/ComboBox.d.ts +1 -1
- package/lib/components/ComboBox/ComboBox.js +2 -2
- package/lib/components/ComboButton/index.js +1 -1
- package/lib/components/ComposedModal/ModalFooter.d.ts +2 -1
- package/lib/components/ContentSwitcher/ContentSwitcher.js +1 -1
- package/lib/components/DataTable/DataTable.d.ts +2 -0
- package/lib/components/DataTable/DataTable.js +3 -0
- package/lib/components/DataTable/TableExpandRow.js +20 -3
- package/lib/components/DataTable/TableHeader.d.ts +5 -0
- package/lib/components/DataTable/TableHeader.js +29 -5
- package/lib/components/DataTable/TableSlugRow.d.ts +31 -0
- package/lib/components/DataTable/TableSlugRow.js +59 -0
- package/lib/components/DataTable/index.d.ts +2 -1
- package/lib/components/DataTable/index.js +3 -0
- package/lib/components/DatePickerInput/DatePickerInput.d.ts +1 -1
- package/lib/components/DatePickerInput/DatePickerInput.js +2 -2
- package/lib/components/Dropdown/Dropdown.d.ts +1 -1
- package/lib/components/Dropdown/Dropdown.js +2 -2
- package/lib/components/InlineLoading/InlineLoading.d.ts +68 -0
- package/lib/components/InlineLoading/InlineLoading.js +4 -4
- package/lib/components/InlineLoading/index.d.ts +9 -0
- package/lib/components/Layer/LayerContext.d.ts +8 -0
- package/lib/components/Layer/LayerLevel.d.ts +5 -0
- package/lib/components/Layer/LayerLevel.js +18 -0
- package/lib/components/Layer/index.d.ts +38 -0
- package/lib/components/Layer/index.js +10 -9
- package/lib/components/Menu/MenuItem.js +2 -1
- package/lib/components/MenuButton/index.js +1 -1
- package/lib/components/Modal/Modal.d.ts +3 -2
- package/lib/components/MultiSelect/FilterableMultiSelect.js +2 -2
- package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelect.js +5 -2
- package/lib/components/Notification/Notification.js +1 -0
- package/lib/components/NumberInput/NumberInput.d.ts +1 -1
- package/lib/components/NumberInput/NumberInput.js +3 -3
- package/lib/components/ProgressIndicator/ProgressIndicator.js +4 -0
- package/lib/components/RadioButton/RadioButton.d.ts +1 -1
- package/lib/components/RadioButton/RadioButton.js +1 -1
- package/lib/components/RadioButtonGroup/RadioButtonGroup.d.ts +1 -1
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +2 -2
- package/lib/components/Select/Select.d.ts +1 -1
- package/lib/components/Select/Select.js +2 -2
- package/lib/components/Slider/Slider.Skeleton.js +17 -3
- package/lib/components/Slider/Slider.js +132 -93
- package/lib/components/Slider/SliderHandles.d.ts +4 -0
- package/lib/components/Slider/SliderHandles.js +76 -0
- package/lib/components/Slug/index.js +1 -0
- package/lib/components/Tabs/Tabs.js +1 -1
- package/lib/components/Tag/Tag.d.ts +18 -10
- package/lib/components/Tag/Tag.js +23 -7
- package/lib/components/TextArea/TextArea.d.ts +7 -3
- package/lib/components/TextArea/TextArea.js +84 -17
- package/lib/components/TextInput/TextInput.d.ts +1 -1
- package/lib/components/TextInput/TextInput.js +2 -2
- package/lib/components/Tile/Tile.d.ts +8 -8
- package/lib/components/Tile/Tile.js +11 -7
- package/lib/components/Tooltip/Tooltip.js +47 -1
- package/lib/components/UIShell/HeaderPanel.d.ts +36 -0
- package/lib/components/UIShell/HeaderPanel.js +7 -7
- package/lib/components/UIShell/Switcher.js +1 -1
- package/lib/index.js +4 -2
- package/lib/internal/useAnnouncer.js +2 -1
- package/lib/internal/useNoInteractiveChildren.js +2 -6
- package/package.json +4 -7
package/lib/index.js
CHANGED
|
@@ -58,6 +58,7 @@ var ColumnHang = require('./components/Grid/ColumnHang.js');
|
|
|
58
58
|
var GridContext = require('./components/Grid/GridContext.js');
|
|
59
59
|
var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
|
|
60
60
|
var index$7 = require('./components/IdPrefix/index.js');
|
|
61
|
+
var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
|
|
61
62
|
var Link = require('./components/Link/Link.js');
|
|
62
63
|
var ListItem = require('./components/ListItem/ListItem.js');
|
|
63
64
|
var Loading = require('./components/Loading/Loading.js');
|
|
@@ -161,7 +162,6 @@ var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
|
|
|
161
162
|
var Copy = require('./components/Copy/Copy.js');
|
|
162
163
|
var CopyButton = require('./components/CopyButton/CopyButton.js');
|
|
163
164
|
var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
|
|
164
|
-
var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
|
|
165
165
|
var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
|
|
166
166
|
var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
|
|
167
167
|
var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
|
|
@@ -201,6 +201,7 @@ var TableHeader = require('./components/DataTable/TableHeader.js');
|
|
|
201
201
|
var TableRow = require('./components/DataTable/TableRow.js');
|
|
202
202
|
var TableSelectAll = require('./components/DataTable/TableSelectAll.js');
|
|
203
203
|
var TableSelectRow = require('./components/DataTable/TableSelectRow.js');
|
|
204
|
+
var TableSlugRow = require('./components/DataTable/TableSlugRow.js');
|
|
204
205
|
var TableToolbar = require('./components/DataTable/TableToolbar.js');
|
|
205
206
|
var TableToolbarAction = require('./components/DataTable/TableToolbarAction.js');
|
|
206
207
|
var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js');
|
|
@@ -280,6 +281,7 @@ exports.ColumnHang = ColumnHang.ColumnHang;
|
|
|
280
281
|
exports.GridSettings = GridContext.GridSettings;
|
|
281
282
|
exports.IconSkeleton = Icon_Skeleton["default"];
|
|
282
283
|
exports.IdPrefix = index$7.IdPrefix;
|
|
284
|
+
exports.InlineLoading = InlineLoading["default"];
|
|
283
285
|
exports.Link = Link["default"];
|
|
284
286
|
exports.ListItem = ListItem["default"];
|
|
285
287
|
exports.Loading = Loading["default"];
|
|
@@ -417,7 +419,6 @@ exports.useContextMenu = useContextMenu["default"];
|
|
|
417
419
|
exports.Copy = Copy["default"];
|
|
418
420
|
exports.CopyButton = CopyButton["default"];
|
|
419
421
|
exports.ErrorBoundary = ErrorBoundary["default"];
|
|
420
|
-
exports.InlineLoading = InlineLoading["default"];
|
|
421
422
|
exports.ModalWrapper = ModalWrapper["default"];
|
|
422
423
|
exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
|
|
423
424
|
exports.TextInputSkeleton = TextInput_Skeleton["default"];
|
|
@@ -457,6 +458,7 @@ exports.TableHeader = TableHeader["default"];
|
|
|
457
458
|
exports.TableRow = TableRow["default"];
|
|
458
459
|
exports.TableSelectAll = TableSelectAll["default"];
|
|
459
460
|
exports.TableSelectRow = TableSelectRow["default"];
|
|
461
|
+
exports.TableSlugRow = TableSlugRow["default"];
|
|
460
462
|
exports.TableToolbar = TableToolbar["default"];
|
|
461
463
|
exports.TableToolbarAction = TableToolbarAction["default"];
|
|
462
464
|
exports.TableToolbarContent = TableToolbarContent["default"];
|
|
@@ -10,9 +10,10 @@
|
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
11
|
|
|
12
12
|
function useAnnouncer(textCount, maxCount) {
|
|
13
|
+
let entityName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'characters';
|
|
13
14
|
const lastTen = maxCount - 10;
|
|
14
15
|
if (textCount >= lastTen) {
|
|
15
|
-
return `${maxCount - textCount}
|
|
16
|
+
return `${maxCount - textCount} ${entityName} left.`;
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
|
|
@@ -78,7 +78,7 @@ function getRoleContent(node) {
|
|
|
78
78
|
* @see https://github.com/w3c/aria-practices/blob/0553bb51588ffa517506e2a1b2ca1422ed438c5f/examples/js/utils.js#L68
|
|
79
79
|
*/
|
|
80
80
|
function isFocusable(element) {
|
|
81
|
-
if (element.tabIndex < 0) {
|
|
81
|
+
if (element.tabIndex === undefined || element.tabIndex < 0) {
|
|
82
82
|
return false;
|
|
83
83
|
}
|
|
84
84
|
if (element.disabled) {
|
|
@@ -89,12 +89,8 @@ function isFocusable(element) {
|
|
|
89
89
|
return !!element.href && element.rel !== 'ignore';
|
|
90
90
|
case 'INPUT':
|
|
91
91
|
return element.type !== 'hidden';
|
|
92
|
-
case 'BUTTON':
|
|
93
|
-
case 'SELECT':
|
|
94
|
-
case 'TEXTAREA':
|
|
95
|
-
return true;
|
|
96
92
|
default:
|
|
97
|
-
return
|
|
93
|
+
return true;
|
|
98
94
|
}
|
|
99
95
|
}
|
|
100
96
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/react",
|
|
3
3
|
"description": "React components for the Carbon Design System",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.45.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -48,9 +48,9 @@
|
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@babel/runtime": "^7.18.3",
|
|
50
50
|
"@carbon/feature-flags": "^0.16.0",
|
|
51
|
-
"@carbon/icons-react": "^11.
|
|
51
|
+
"@carbon/icons-react": "^11.32.0",
|
|
52
52
|
"@carbon/layout": "^11.20.0",
|
|
53
|
-
"@carbon/styles": "^1.
|
|
53
|
+
"@carbon/styles": "^1.45.0",
|
|
54
54
|
"@carbon/telemetry": "0.1.0",
|
|
55
55
|
"classnames": "2.3.2",
|
|
56
56
|
"copy-to-clipboard": "^3.3.1",
|
|
@@ -87,9 +87,7 @@
|
|
|
87
87
|
"@storybook/addon-actions": "^7.1.0",
|
|
88
88
|
"@storybook/addon-docs": "^7.1.0",
|
|
89
89
|
"@storybook/addon-essentials": "^7.1.0",
|
|
90
|
-
"@storybook/addon-knobs": "^7.0.2",
|
|
91
90
|
"@storybook/addon-links": "^7.4.5",
|
|
92
|
-
"@storybook/addon-notes": "^5.3.21",
|
|
93
91
|
"@storybook/addon-storysource": "^7.1.0",
|
|
94
92
|
"@storybook/react": "^7.1.0",
|
|
95
93
|
"@storybook/react-webpack5": "^7.1.0",
|
|
@@ -122,7 +120,6 @@
|
|
|
122
120
|
"sass": "^1.51.0",
|
|
123
121
|
"sass-loader": "^13.0.0",
|
|
124
122
|
"storybook": "^7.1.0",
|
|
125
|
-
"storybook-readme": "^5.0.9",
|
|
126
123
|
"stream-browserify": "^3.0.0",
|
|
127
124
|
"style-loader": "^3.3.1",
|
|
128
125
|
"typescript-config-carbon": "^0.2.0",
|
|
@@ -140,5 +137,5 @@
|
|
|
140
137
|
"**/*.scss",
|
|
141
138
|
"**/*.css"
|
|
142
139
|
],
|
|
143
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "670dffcae241d9bf9b3a64ea06e100e7e5a08c37"
|
|
144
141
|
}
|