@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.
- package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +960 -960
- package/es/components/Button/Button.d.ts +2 -2
- package/es/components/Button/ButtonBase.js +5 -5
- package/es/components/ChatButton/ChatButton.d.ts +1 -1
- package/es/components/ChatButton/ChatButton.js +1 -1
- package/es/components/ComposedModal/ComposedModal.js +10 -5
- package/es/components/ComposedModal/ModalFooter.d.ts +5 -0
- package/es/components/ComposedModal/ModalFooter.js +3 -1
- package/es/components/Dialog/Dialog.d.ts +5 -0
- package/es/components/Dialog/Dialog.js +3 -1
- package/es/components/ErrorBoundary/ErrorBoundaryContext.d.ts +1 -1
- package/es/components/ErrorBoundary/ErrorBoundaryContext.js +1 -1
- package/es/components/FileUploader/FileUploader.d.ts +5 -0
- package/es/components/FileUploader/FileUploader.js +14 -6
- package/es/components/FileUploader/FileUploaderItem.d.ts +5 -1
- package/es/components/FileUploader/FileUploaderItem.js +4 -2
- package/es/components/FileUploader/Filename.d.ts +5 -1
- package/es/components/FileUploader/Filename.js +2 -1
- package/es/components/Menu/MenuItem.js +16 -7
- package/es/components/Modal/Modal.d.ts +5 -0
- package/es/components/Modal/Modal.js +26 -13
- package/es/components/Modal/isTopmostVisibleModal.d.ts +7 -0
- package/es/components/Modal/isTopmostVisibleModal.js +21 -0
- package/es/components/MultiSelect/FilterableMultiSelect.js +9 -8
- package/es/components/MultiSelect/MultiSelect.js +9 -8
- package/es/components/MultiSelect/tools/isSelectAllItem.d.ts +9 -0
- package/es/components/MultiSelect/tools/isSelectAllItem.js +17 -0
- package/es/components/MultiSelect/tools/sorting.js +1 -1
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +3 -2
- package/es/components/PageHeader/PageHeader.d.ts +4 -0
- package/es/components/PageHeader/PageHeader.js +18 -0
- package/es/components/PageHeader/index.d.ts +4 -0
- package/es/components/Tabs/Tabs.d.ts +5 -1
- package/es/components/Tabs/Tabs.js +2 -1
- package/es/components/UIShell/SwitcherDivider.d.ts +2 -2
- package/es/components/UIShell/SwitcherDivider.js +2 -2
- package/es/internal/warning.d.ts +1 -1
- package/lib/components/Button/Button.d.ts +2 -2
- package/lib/components/Button/ButtonBase.js +5 -5
- package/lib/components/ChatButton/ChatButton.d.ts +1 -1
- package/lib/components/ChatButton/ChatButton.js +1 -1
- package/lib/components/ComposedModal/ComposedModal.js +10 -5
- package/lib/components/ComposedModal/ModalFooter.d.ts +5 -0
- package/lib/components/ComposedModal/ModalFooter.js +3 -1
- package/lib/components/Dialog/Dialog.d.ts +5 -0
- package/lib/components/Dialog/Dialog.js +3 -1
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.d.ts +1 -1
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +1 -1
- package/lib/components/FileUploader/FileUploader.d.ts +5 -0
- package/lib/components/FileUploader/FileUploader.js +14 -6
- package/lib/components/FileUploader/FileUploaderItem.d.ts +5 -1
- package/lib/components/FileUploader/FileUploaderItem.js +4 -2
- package/lib/components/FileUploader/Filename.d.ts +5 -1
- package/lib/components/FileUploader/Filename.js +2 -1
- package/lib/components/Menu/MenuItem.js +15 -6
- package/lib/components/Modal/Modal.d.ts +5 -0
- package/lib/components/Modal/Modal.js +26 -13
- package/lib/components/Modal/isTopmostVisibleModal.d.ts +7 -0
- package/lib/components/Modal/isTopmostVisibleModal.js +21 -0
- package/lib/components/MultiSelect/FilterableMultiSelect.js +9 -8
- package/lib/components/MultiSelect/MultiSelect.js +9 -8
- package/lib/components/MultiSelect/tools/isSelectAllItem.d.ts +9 -0
- package/lib/components/MultiSelect/tools/isSelectAllItem.js +17 -0
- package/lib/components/MultiSelect/tools/sorting.js +3 -3
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +3 -2
- package/lib/components/PageHeader/PageHeader.d.ts +4 -0
- package/lib/components/PageHeader/PageHeader.js +18 -0
- package/lib/components/PageHeader/index.d.ts +4 -0
- package/lib/components/Tabs/Tabs.d.ts +5 -1
- package/lib/components/Tabs/Tabs.js +2 -1
- package/lib/components/UIShell/SwitcherDivider.d.ts +2 -2
- package/lib/components/UIShell/SwitcherDivider.js +2 -2
- package/lib/internal/warning.d.ts +1 -1
- package/lib/internal/warning.js +1 -1
- 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 `<
|
|
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 `<
|
|
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
|
package/lib/internal/warning.js
CHANGED
|
@@ -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,
|
|
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.
|
|
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.
|
|
57
|
-
"@carbon/layout": "^11.
|
|
58
|
-
"@carbon/styles": "^1.
|
|
59
|
-
"@carbon/utilities": "^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.
|
|
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.
|
|
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.
|
|
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": "
|
|
128
|
+
"gitHead": "2d98f4ee9914fa44acba58f62599c3f5382acad0"
|
|
129
129
|
}
|