@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.
Files changed (134) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +820 -902
  2. package/es/components/Checkbox/Checkbox.d.ts +1 -1
  3. package/es/components/Checkbox/Checkbox.js +1 -1
  4. package/es/components/CheckboxGroup/CheckboxGroup.js +2 -2
  5. package/es/components/ComboBox/ComboBox.d.ts +1 -1
  6. package/es/components/ComboBox/ComboBox.js +2 -2
  7. package/es/components/ComboButton/index.js +1 -1
  8. package/es/components/ComposedModal/ModalFooter.d.ts +2 -1
  9. package/es/components/ContentSwitcher/ContentSwitcher.js +1 -1
  10. package/es/components/DataTable/DataTable.d.ts +2 -0
  11. package/es/components/DataTable/DataTable.js +3 -0
  12. package/es/components/DataTable/TableExpandRow.js +20 -3
  13. package/es/components/DataTable/TableHeader.d.ts +5 -0
  14. package/es/components/DataTable/TableHeader.js +30 -6
  15. package/es/components/DataTable/TableSlugRow.d.ts +31 -0
  16. package/es/components/DataTable/TableSlugRow.js +49 -0
  17. package/es/components/DataTable/index.d.ts +2 -1
  18. package/es/components/DataTable/index.js +3 -0
  19. package/es/components/DatePickerInput/DatePickerInput.d.ts +1 -1
  20. package/es/components/DatePickerInput/DatePickerInput.js +2 -2
  21. package/es/components/Dropdown/Dropdown.d.ts +1 -1
  22. package/es/components/Dropdown/Dropdown.js +2 -2
  23. package/es/components/InlineLoading/InlineLoading.d.ts +68 -0
  24. package/es/components/InlineLoading/InlineLoading.js +4 -4
  25. package/es/components/InlineLoading/index.d.ts +9 -0
  26. package/es/components/Layer/LayerContext.d.ts +8 -0
  27. package/es/components/Layer/LayerLevel.d.ts +5 -0
  28. package/es/components/Layer/LayerLevel.js +12 -0
  29. package/es/components/Layer/index.d.ts +38 -0
  30. package/es/components/Layer/index.js +9 -8
  31. package/es/components/Menu/MenuItem.js +2 -1
  32. package/es/components/MenuButton/index.js +1 -1
  33. package/es/components/Modal/Modal.d.ts +3 -2
  34. package/es/components/MultiSelect/FilterableMultiSelect.js +2 -2
  35. package/es/components/MultiSelect/MultiSelect.d.ts +1 -1
  36. package/es/components/MultiSelect/MultiSelect.js +5 -2
  37. package/es/components/Notification/Notification.js +1 -0
  38. package/es/components/NumberInput/NumberInput.d.ts +1 -1
  39. package/es/components/NumberInput/NumberInput.js +3 -3
  40. package/es/components/ProgressIndicator/ProgressIndicator.js +4 -0
  41. package/es/components/RadioButton/RadioButton.d.ts +1 -1
  42. package/es/components/RadioButton/RadioButton.js +1 -1
  43. package/es/components/RadioButtonGroup/RadioButtonGroup.d.ts +1 -1
  44. package/es/components/RadioButtonGroup/RadioButtonGroup.js +2 -2
  45. package/es/components/Select/Select.d.ts +1 -1
  46. package/es/components/Select/Select.js +2 -2
  47. package/es/components/Slider/Slider.Skeleton.js +17 -3
  48. package/es/components/Slider/Slider.js +132 -93
  49. package/es/components/Slider/SliderHandles.d.ts +4 -0
  50. package/es/components/Slider/SliderHandles.js +65 -0
  51. package/es/components/Slug/index.js +1 -0
  52. package/es/components/Tabs/Tabs.js +1 -1
  53. package/es/components/Tag/Tag.d.ts +18 -10
  54. package/es/components/Tag/Tag.js +23 -7
  55. package/es/components/TextArea/TextArea.d.ts +7 -3
  56. package/es/components/TextArea/TextArea.js +85 -18
  57. package/es/components/TextInput/TextInput.d.ts +1 -1
  58. package/es/components/TextInput/TextInput.js +2 -2
  59. package/es/components/Tile/Tile.d.ts +8 -8
  60. package/es/components/Tile/Tile.js +11 -7
  61. package/es/components/Tooltip/Tooltip.js +48 -2
  62. package/es/components/UIShell/HeaderPanel.d.ts +36 -0
  63. package/es/components/UIShell/HeaderPanel.js +6 -6
  64. package/es/components/UIShell/Switcher.js +1 -1
  65. package/es/index.js +2 -1
  66. package/es/internal/useAnnouncer.js +2 -1
  67. package/es/internal/useNoInteractiveChildren.js +2 -6
  68. package/lib/components/Checkbox/Checkbox.d.ts +1 -1
  69. package/lib/components/Checkbox/Checkbox.js +1 -1
  70. package/lib/components/CheckboxGroup/CheckboxGroup.js +2 -2
  71. package/lib/components/ComboBox/ComboBox.d.ts +1 -1
  72. package/lib/components/ComboBox/ComboBox.js +2 -2
  73. package/lib/components/ComboButton/index.js +1 -1
  74. package/lib/components/ComposedModal/ModalFooter.d.ts +2 -1
  75. package/lib/components/ContentSwitcher/ContentSwitcher.js +1 -1
  76. package/lib/components/DataTable/DataTable.d.ts +2 -0
  77. package/lib/components/DataTable/DataTable.js +3 -0
  78. package/lib/components/DataTable/TableExpandRow.js +20 -3
  79. package/lib/components/DataTable/TableHeader.d.ts +5 -0
  80. package/lib/components/DataTable/TableHeader.js +29 -5
  81. package/lib/components/DataTable/TableSlugRow.d.ts +31 -0
  82. package/lib/components/DataTable/TableSlugRow.js +59 -0
  83. package/lib/components/DataTable/index.d.ts +2 -1
  84. package/lib/components/DataTable/index.js +3 -0
  85. package/lib/components/DatePickerInput/DatePickerInput.d.ts +1 -1
  86. package/lib/components/DatePickerInput/DatePickerInput.js +2 -2
  87. package/lib/components/Dropdown/Dropdown.d.ts +1 -1
  88. package/lib/components/Dropdown/Dropdown.js +2 -2
  89. package/lib/components/InlineLoading/InlineLoading.d.ts +68 -0
  90. package/lib/components/InlineLoading/InlineLoading.js +4 -4
  91. package/lib/components/InlineLoading/index.d.ts +9 -0
  92. package/lib/components/Layer/LayerContext.d.ts +8 -0
  93. package/lib/components/Layer/LayerLevel.d.ts +5 -0
  94. package/lib/components/Layer/LayerLevel.js +18 -0
  95. package/lib/components/Layer/index.d.ts +38 -0
  96. package/lib/components/Layer/index.js +10 -9
  97. package/lib/components/Menu/MenuItem.js +2 -1
  98. package/lib/components/MenuButton/index.js +1 -1
  99. package/lib/components/Modal/Modal.d.ts +3 -2
  100. package/lib/components/MultiSelect/FilterableMultiSelect.js +2 -2
  101. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  102. package/lib/components/MultiSelect/MultiSelect.js +5 -2
  103. package/lib/components/Notification/Notification.js +1 -0
  104. package/lib/components/NumberInput/NumberInput.d.ts +1 -1
  105. package/lib/components/NumberInput/NumberInput.js +3 -3
  106. package/lib/components/ProgressIndicator/ProgressIndicator.js +4 -0
  107. package/lib/components/RadioButton/RadioButton.d.ts +1 -1
  108. package/lib/components/RadioButton/RadioButton.js +1 -1
  109. package/lib/components/RadioButtonGroup/RadioButtonGroup.d.ts +1 -1
  110. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +2 -2
  111. package/lib/components/Select/Select.d.ts +1 -1
  112. package/lib/components/Select/Select.js +2 -2
  113. package/lib/components/Slider/Slider.Skeleton.js +17 -3
  114. package/lib/components/Slider/Slider.js +132 -93
  115. package/lib/components/Slider/SliderHandles.d.ts +4 -0
  116. package/lib/components/Slider/SliderHandles.js +76 -0
  117. package/lib/components/Slug/index.js +1 -0
  118. package/lib/components/Tabs/Tabs.js +1 -1
  119. package/lib/components/Tag/Tag.d.ts +18 -10
  120. package/lib/components/Tag/Tag.js +23 -7
  121. package/lib/components/TextArea/TextArea.d.ts +7 -3
  122. package/lib/components/TextArea/TextArea.js +84 -17
  123. package/lib/components/TextInput/TextInput.d.ts +1 -1
  124. package/lib/components/TextInput/TextInput.js +2 -2
  125. package/lib/components/Tile/Tile.d.ts +8 -8
  126. package/lib/components/Tile/Tile.js +11 -7
  127. package/lib/components/Tooltip/Tooltip.js +47 -1
  128. package/lib/components/UIShell/HeaderPanel.d.ts +36 -0
  129. package/lib/components/UIShell/HeaderPanel.js +7 -7
  130. package/lib/components/UIShell/Switcher.js +1 -1
  131. package/lib/index.js +4 -2
  132. package/lib/internal/useAnnouncer.js +2 -1
  133. package/lib/internal/useNoInteractiveChildren.js +2 -6
  134. 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} characters left.`;
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 false;
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.44.0",
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.31.0",
51
+ "@carbon/icons-react": "^11.32.0",
52
52
  "@carbon/layout": "^11.20.0",
53
- "@carbon/styles": "^1.44.0",
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": "d9121f17b1dd935a5734c6eae10af275f72f6dc7"
140
+ "gitHead": "670dffcae241d9bf9b3a64ea06e100e7e5a08c37"
144
141
  }