@carbon/react 1.107.1 → 1.108.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 (75) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +960 -960
  2. package/es/components/Button/Button.d.ts +2 -2
  3. package/es/components/Button/ButtonBase.js +5 -5
  4. package/es/components/ChatButton/ChatButton.d.ts +1 -1
  5. package/es/components/ChatButton/ChatButton.js +1 -1
  6. package/es/components/ComposedModal/ComposedModal.js +10 -5
  7. package/es/components/ComposedModal/ModalFooter.d.ts +5 -0
  8. package/es/components/ComposedModal/ModalFooter.js +3 -1
  9. package/es/components/Dialog/Dialog.d.ts +5 -0
  10. package/es/components/Dialog/Dialog.js +3 -1
  11. package/es/components/ErrorBoundary/ErrorBoundaryContext.d.ts +1 -1
  12. package/es/components/ErrorBoundary/ErrorBoundaryContext.js +1 -1
  13. package/es/components/FileUploader/FileUploader.d.ts +5 -0
  14. package/es/components/FileUploader/FileUploader.js +14 -6
  15. package/es/components/FileUploader/FileUploaderItem.d.ts +5 -1
  16. package/es/components/FileUploader/FileUploaderItem.js +4 -2
  17. package/es/components/FileUploader/Filename.d.ts +5 -1
  18. package/es/components/FileUploader/Filename.js +2 -1
  19. package/es/components/Menu/MenuItem.js +16 -7
  20. package/es/components/Modal/Modal.d.ts +5 -0
  21. package/es/components/Modal/Modal.js +26 -13
  22. package/es/components/Modal/isTopmostVisibleModal.d.ts +7 -0
  23. package/es/components/Modal/isTopmostVisibleModal.js +21 -0
  24. package/es/components/MultiSelect/FilterableMultiSelect.js +9 -8
  25. package/es/components/MultiSelect/MultiSelect.js +9 -8
  26. package/es/components/MultiSelect/tools/isSelectAllItem.d.ts +9 -0
  27. package/es/components/MultiSelect/tools/isSelectAllItem.js +17 -0
  28. package/es/components/MultiSelect/tools/sorting.js +1 -1
  29. package/es/components/OverflowMenuItem/OverflowMenuItem.js +3 -2
  30. package/es/components/PageHeader/PageHeader.d.ts +4 -0
  31. package/es/components/PageHeader/PageHeader.js +18 -0
  32. package/es/components/PageHeader/index.d.ts +4 -0
  33. package/es/components/Tabs/Tabs.d.ts +5 -1
  34. package/es/components/Tabs/Tabs.js +2 -1
  35. package/es/components/UIShell/SwitcherDivider.d.ts +2 -2
  36. package/es/components/UIShell/SwitcherDivider.js +2 -2
  37. package/es/internal/warning.d.ts +1 -1
  38. package/lib/components/Button/Button.d.ts +2 -2
  39. package/lib/components/Button/ButtonBase.js +5 -5
  40. package/lib/components/ChatButton/ChatButton.d.ts +1 -1
  41. package/lib/components/ChatButton/ChatButton.js +1 -1
  42. package/lib/components/ComposedModal/ComposedModal.js +10 -5
  43. package/lib/components/ComposedModal/ModalFooter.d.ts +5 -0
  44. package/lib/components/ComposedModal/ModalFooter.js +3 -1
  45. package/lib/components/Dialog/Dialog.d.ts +5 -0
  46. package/lib/components/Dialog/Dialog.js +3 -1
  47. package/lib/components/ErrorBoundary/ErrorBoundaryContext.d.ts +1 -1
  48. package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +1 -1
  49. package/lib/components/FileUploader/FileUploader.d.ts +5 -0
  50. package/lib/components/FileUploader/FileUploader.js +14 -6
  51. package/lib/components/FileUploader/FileUploaderItem.d.ts +5 -1
  52. package/lib/components/FileUploader/FileUploaderItem.js +4 -2
  53. package/lib/components/FileUploader/Filename.d.ts +5 -1
  54. package/lib/components/FileUploader/Filename.js +2 -1
  55. package/lib/components/Menu/MenuItem.js +15 -6
  56. package/lib/components/Modal/Modal.d.ts +5 -0
  57. package/lib/components/Modal/Modal.js +26 -13
  58. package/lib/components/Modal/isTopmostVisibleModal.d.ts +7 -0
  59. package/lib/components/Modal/isTopmostVisibleModal.js +21 -0
  60. package/lib/components/MultiSelect/FilterableMultiSelect.js +9 -8
  61. package/lib/components/MultiSelect/MultiSelect.js +9 -8
  62. package/lib/components/MultiSelect/tools/isSelectAllItem.d.ts +9 -0
  63. package/lib/components/MultiSelect/tools/isSelectAllItem.js +17 -0
  64. package/lib/components/MultiSelect/tools/sorting.js +3 -3
  65. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +3 -2
  66. package/lib/components/PageHeader/PageHeader.d.ts +4 -0
  67. package/lib/components/PageHeader/PageHeader.js +18 -0
  68. package/lib/components/PageHeader/index.d.ts +4 -0
  69. package/lib/components/Tabs/Tabs.d.ts +5 -1
  70. package/lib/components/Tabs/Tabs.js +2 -1
  71. package/lib/components/UIShell/SwitcherDivider.d.ts +2 -2
  72. package/lib/components/UIShell/SwitcherDivider.js +2 -2
  73. package/lib/internal/warning.d.ts +1 -1
  74. package/lib/internal/warning.js +1 -1
  75. package/package.json +10 -10
@@ -4,5 +4,9 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+ /**
8
+ * @deprecated PageHeader has moved to Carbon for IBM Products.
9
+ * See https://github.com/carbon-design-system/carbon/issues/21926
10
+ */
7
11
  export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderTabBar, PageHeaderHeroImage, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, TabBar, HeroImage, } from './PageHeader';
8
12
  export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderTabBarProps, PageHeaderHeroImageProps, } from './PageHeader';
@@ -192,8 +192,12 @@ export interface TabListProps extends DivAttributes {
192
192
  * on component rerender
193
193
  */
194
194
  scrollIntoView?: boolean;
195
+ /**
196
+ * Specify the size of the tabs.
197
+ */
198
+ size?: 'sm' | 'md' | 'lg';
195
199
  }
196
- declare function TabList({ activation, 'aria-label': label, children, className: customClassName, contained, fullWidth, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, ...rest }: TabListProps): import("react/jsx-runtime").JSX.Element;
200
+ declare function TabList({ activation, 'aria-label': label, children, className: customClassName, contained, fullWidth, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, size, ...rest }: TabListProps): import("react/jsx-runtime").JSX.Element;
197
201
  declare namespace TabList {
198
202
  var propTypes: {
199
203
  /**
@@ -148,7 +148,7 @@ function getNextIndexVertical(event, total, index) {
148
148
  default: return index;
149
149
  }
150
150
  }
151
- function TabList({ activation = "automatic", "aria-label": label, children, className: customClassName, contained = false, fullWidth = false, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait = 200, scrollIntoView, ...rest }) {
151
+ function TabList({ activation = "automatic", "aria-label": label, children, className: customClassName, contained = false, fullWidth = false, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait = 200, scrollIntoView, size, ...rest }) {
152
152
  const { activeIndex, selectedIndex, setSelectedIndex, setActiveIndex, dismissable } = react.default.useContext(TabsContext);
153
153
  const prefix = require_usePrefix.usePrefix();
154
154
  const ref = (0, react.useRef)(null);
@@ -165,6 +165,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
165
165
  [`${prefix}--tabs__icon--default`]: iconSize === "default",
166
166
  [`${prefix}--tabs__icon--lg`]: iconSize === "lg",
167
167
  [`${prefix}--layout--size-lg`]: iconSize === "lg",
168
+ [`${prefix}--layout--size-${size}`]: size && contained && !hasSecondaryLabelTabs,
168
169
  [`${prefix}--tabs--tall`]: hasSecondaryLabelTabs,
169
170
  [`${prefix}--tabs--full-width`]: distributeWidth,
170
171
  [`${prefix}--tabs--dismissable`]: dismissable
@@ -7,7 +7,7 @@
7
7
  import PropTypes from 'prop-types';
8
8
  export interface SwitcherDividerProps {
9
9
  /**
10
- * Optionally provide a custom class to apply to the underlying `<li>` node
10
+ * Optionally provide a custom class to apply to the underlying `<hr>` node
11
11
  */
12
12
  className?: string;
13
13
  }
@@ -15,7 +15,7 @@ declare const SwitcherDivider: {
15
15
  ({ className: customClassName, ...other }: SwitcherDividerProps): import("react/jsx-runtime").JSX.Element;
16
16
  propTypes: {
17
17
  /**
18
- * Optionally provide a custom class to apply to the underlying `<li>` node
18
+ * Optionally provide a custom class to apply to the underlying `<hr>` node
19
19
  */
20
20
  className: PropTypes.Requireable<string>;
21
21
  };
@@ -23,10 +23,10 @@ let react_jsx_runtime = require("react/jsx-runtime");
23
23
  */
24
24
  const SwitcherDivider = ({ className: customClassName, ...other }) => {
25
25
  const classNames = (0, classnames.default)(`${require_usePrefix.usePrefix()}--switcher__item--divider`, { [customClassName || ""]: !!customClassName });
26
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
26
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
27
27
  ...other,
28
28
  className: classNames
29
- });
29
+ }) });
30
30
  };
31
31
  SwitcherDivider.propTypes = { className: prop_types.default.string };
32
32
  //#endregion
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2025
2
+ * Copyright IBM Corp. 2016, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -8,7 +8,7 @@
8
8
  const require_noopFn = require("./noopFn.js");
9
9
  //#region src/internal/warning.ts
10
10
  /**
11
- * Copyright IBM Corp. 2016, 2025
11
+ * Copyright IBM Corp. 2016, 2026
12
12
  *
13
13
  * This source code is licensed under the Apache-2.0 license found in the
14
14
  * LICENSE file in the root directory of this source tree.
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.107.1",
4
+ "version": "1.108.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "types": "lib/index.d.ts",
@@ -53,10 +53,10 @@
53
53
  "dependencies": {
54
54
  "@babel/runtime": "^7.27.3",
55
55
  "@carbon/feature-flags": "^1.3.0",
56
- "@carbon/icons-react": "^11.80.0",
57
- "@carbon/layout": "^11.52.0",
58
- "@carbon/styles": "^1.106.0",
59
- "@carbon/utilities": "^0.19.0",
56
+ "@carbon/icons-react": "^11.81.0",
57
+ "@carbon/layout": "^11.53.0",
58
+ "@carbon/styles": "^1.107.0",
59
+ "@carbon/utilities": "^0.20.0",
60
60
  "@floating-ui/react": "^0.27.4",
61
61
  "@ibm/telemetry-js": "^1.5.0",
62
62
  "classnames": "2.5.1",
@@ -79,7 +79,7 @@
79
79
  "@babel/preset-react": "^7.27.1",
80
80
  "@babel/preset-typescript": "^7.27.1",
81
81
  "@carbon/test-utils": "^10.41.0",
82
- "@carbon/themes": "^11.73.0",
82
+ "@carbon/themes": "^11.74.0",
83
83
  "@figma/code-connect": "^1.4.2",
84
84
  "@stackblitz/sdk": "^1.11.0",
85
85
  "@storybook/addon-a11y": "^10.3.5",
@@ -94,7 +94,6 @@
94
94
  "babel-preset-carbon": "^0.8.0",
95
95
  "browserify-zlib": "^0.2.0",
96
96
  "browserslist-config-carbon": "^11.2.0",
97
- "clipboardy": "^4.0.0",
98
97
  "enquirer": "^2.3.6",
99
98
  "fast-glob": "^3.3.3",
100
99
  "fs-extra": "^11.0.0",
@@ -107,10 +106,11 @@
107
106
  "rimraf": "^6.0.1",
108
107
  "sass": "^1.93.2",
109
108
  "storybook": "^10.3.5",
110
- "storybook-addon-accessibility-checker": ">=9.2.0-rc.3",
109
+ "storybook-addon-accessibility-checker": ">=9.2.0-rc.4",
111
110
  "stream-browserify": "^3.0.0",
111
+ "tinyclip": "^0.1.12",
112
112
  "tsdown": "^0.21.0",
113
- "typescript-config-carbon": "^0.9.0",
113
+ "typescript-config-carbon": "^0.10.0",
114
114
  "use-sync-external-store": "^1.5.0",
115
115
  "vite": "^7.1.2"
116
116
  },
@@ -125,5 +125,5 @@
125
125
  "**/*.scss",
126
126
  "**/*.css"
127
127
  ],
128
- "gitHead": "80f5039e553e19f4b540f914c35b8c3eaa8e41d3"
128
+ "gitHead": "2d98f4ee9914fa44acba58f62599c3f5382acad0"
129
129
  }