@carbon/react 1.113.0-rc.0 → 1.114.0-rc.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 +926 -926
- package/es/components/DatePicker/DatePicker.d.ts +10 -0
- package/es/components/DatePicker/DatePicker.js +6 -5
- package/es/components/DatePicker/next/components/Calendar.d.ts +40 -0
- package/es/components/DatePicker/next/components/Calendar.js +181 -0
- package/es/components/DatePicker/next/components/DatePicker.d.ts +86 -0
- package/es/components/DatePicker/next/components/DatePicker.js +147 -0
- package/es/components/DatePicker/next/components/DatePickerInput.d.ts +143 -0
- package/es/components/DatePicker/next/components/DatePickerInput.js +124 -0
- package/es/components/DatePicker/next/components/DatePickerSkeleton.d.ts +22 -0
- package/es/components/DatePicker/next/components/DatePickerSkeleton.js +32 -0
- package/es/components/DatePicker/next/hooks/useDatePicker.d.ts +144 -0
- package/es/components/DatePicker/next/hooks/useDatePicker.js +286 -0
- package/es/components/DatePicker/next/index.d.ts +12 -0
- package/es/components/DatePicker/next/index.js +19 -0
- package/es/components/FeatureFlags/index.d.ts +58 -0
- package/es/components/FeatureFlags/index.js +4 -2
- package/es/components/MultiSelect/FilterableMultiSelect.d.ts +1 -2
- package/es/components/MultiSelect/FilterableMultiSelect.js +2 -3
- package/es/index.d.ts +1 -0
- package/es/index.js +2 -1
- package/es/internal/checkForOverflow.d.ts +5 -0
- package/es/internal/useFocus.d.ts +23 -0
- package/es/internal/usePrefersReducedMotion.d.ts +11 -0
- package/es/internal/useSidePanelPresence.d.ts +21 -0
- package/lib/components/DatePicker/DatePicker.d.ts +10 -0
- package/lib/components/DatePicker/DatePicker.js +6 -5
- package/lib/components/DatePicker/next/components/Calendar.d.ts +40 -0
- package/lib/components/DatePicker/next/components/Calendar.js +184 -0
- package/lib/components/DatePicker/next/components/DatePicker.d.ts +86 -0
- package/lib/components/DatePicker/next/components/DatePicker.js +150 -0
- package/lib/components/DatePicker/next/components/DatePickerInput.d.ts +143 -0
- package/lib/components/DatePicker/next/components/DatePickerInput.js +127 -0
- package/lib/components/DatePicker/next/components/DatePickerSkeleton.d.ts +22 -0
- package/lib/components/DatePicker/next/components/DatePickerSkeleton.js +41 -0
- package/lib/components/DatePicker/next/hooks/useDatePicker.d.ts +144 -0
- package/lib/components/DatePicker/next/hooks/useDatePicker.js +286 -0
- package/lib/components/DatePicker/next/index.d.ts +12 -0
- package/lib/components/DatePicker/next/index.js +27 -0
- package/lib/components/FeatureFlags/index.d.ts +58 -0
- package/lib/components/FeatureFlags/index.js +3 -1
- package/lib/components/MultiSelect/FilterableMultiSelect.d.ts +1 -2
- package/lib/components/MultiSelect/FilterableMultiSelect.js +2 -3
- package/lib/index.d.ts +1 -0
- package/lib/index.js +29 -22
- package/lib/internal/checkForOverflow.d.ts +5 -0
- package/lib/internal/useFocus.d.ts +23 -0
- package/lib/internal/usePrefersReducedMotion.d.ts +11 -0
- package/lib/internal/useSidePanelPresence.d.ts +21 -0
- package/package.json +11 -11
- package/scss/components/action-set/_action-set.scss +9 -0
- package/scss/components/action-set/_index.scss +9 -0
- package/scss/components/resizer/_index.scss +9 -0
- package/scss/components/resizer/_resizer.scss +9 -0
- package/scss/components/side-panel/_index.scss +9 -0
- package/scss/components/side-panel/_side-panel.scss +9 -0
- package/scss/components/truncated-text/_index.scss +9 -0
- package/scss/components/truncated-text/_truncated-text.scss +9 -0
- package/telemetry.yml +41 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2021, 2025
|
|
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
|
+
import { RefObject } from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* Controls the presence (mount/unmount) of a panel element, waiting for a
|
|
10
|
+
* named CSS exit animation to finish before removing it from the DOM.
|
|
11
|
+
*
|
|
12
|
+
* Signature mirrors the `usePresence` hook from `@carbon/ibm-products`:
|
|
13
|
+
* `usePresence(open, ref, exitAnimationName)` → `{ shouldRender }`
|
|
14
|
+
*
|
|
15
|
+
* @param open - Whether the panel is currently open.
|
|
16
|
+
* @param ref - Ref to the panel's root DOM element.
|
|
17
|
+
* @param exitAnimationName - The CSS `animation-name` value used on exit.
|
|
18
|
+
*/
|
|
19
|
+
export declare const useSidePanelPresence: (open: boolean, ref: RefObject<HTMLElement | null>, exitAnimationName: string) => {
|
|
20
|
+
shouldRender: boolean;
|
|
21
|
+
};
|
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.114.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -55,16 +55,16 @@
|
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"@babel/runtime": "^7.27.3",
|
|
58
|
-
"@carbon/feature-flags": "^1.
|
|
59
|
-
"@carbon/icons-react": "^11.
|
|
60
|
-
"@carbon/layout": "^11.
|
|
61
|
-
"@carbon/motion": "^11.
|
|
62
|
-
"@carbon/styles": "^1.
|
|
63
|
-
"@carbon/utilities": "^0.
|
|
58
|
+
"@carbon/feature-flags": "^1.7.0-rc.0",
|
|
59
|
+
"@carbon/icons-react": "^11.86.0-rc.0",
|
|
60
|
+
"@carbon/layout": "^11.57.0-rc.0",
|
|
61
|
+
"@carbon/motion": "^11.50.0-rc.0",
|
|
62
|
+
"@carbon/styles": "^1.113.0-rc.0",
|
|
63
|
+
"@carbon/utilities": "^0.24.0-rc.0",
|
|
64
64
|
"@floating-ui/react": "^0.27.4",
|
|
65
65
|
"@ibm/telemetry-js": "^1.5.0",
|
|
66
66
|
"classnames": "2.5.1",
|
|
67
|
-
"copy-to-clipboard": "^
|
|
67
|
+
"copy-to-clipboard": "^4.0.0",
|
|
68
68
|
"downshift": "9.4.0",
|
|
69
69
|
"es-toolkit": "^1.27.0",
|
|
70
70
|
"flatpickr": "4.6.13",
|
|
@@ -84,8 +84,8 @@
|
|
|
84
84
|
"@babel/preset-react": "^7.27.1",
|
|
85
85
|
"@babel/preset-typescript": "^7.27.1",
|
|
86
86
|
"@carbon/test-utils": "^10.41.0",
|
|
87
|
-
"@carbon/themes": "^11.
|
|
88
|
-
"@figma/code-connect": "^1.
|
|
87
|
+
"@carbon/themes": "^11.79.0-rc.0",
|
|
88
|
+
"@figma/code-connect": "^1.5.2",
|
|
89
89
|
"@rolldown/plugin-babel": "^0.2.0",
|
|
90
90
|
"@stackblitz/sdk": "^1.11.0",
|
|
91
91
|
"@storybook/addon-a11y": "^10.3.5",
|
|
@@ -132,5 +132,5 @@
|
|
|
132
132
|
"**/*.scss",
|
|
133
133
|
"**/*.css"
|
|
134
134
|
],
|
|
135
|
-
"gitHead": "
|
|
135
|
+
"gitHead": "82f04fbfdb385323883f4f8e3ce97a14865a744a"
|
|
136
136
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/action-set/action-set';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/action-set';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/resizer';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/resizer/resizer';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/side-panel';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/side-panel/side-panel';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/truncated-text';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// Code generated by @carbon/react. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2025
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@forward '@carbon/styles/scss/components/truncated-text/truncated-text';
|
package/telemetry.yml
CHANGED
|
@@ -13,6 +13,7 @@ collect:
|
|
|
13
13
|
- accept
|
|
14
14
|
- action
|
|
15
15
|
- actionButtonLabel
|
|
16
|
+
- actions
|
|
16
17
|
- activation
|
|
17
18
|
- active
|
|
18
19
|
- addFocusListeners
|
|
@@ -263,6 +264,9 @@ collect:
|
|
|
263
264
|
# ActionableNotification
|
|
264
265
|
- closeOnEscape
|
|
265
266
|
- hasFocus
|
|
267
|
+
# ActionSet
|
|
268
|
+
- buttonSize
|
|
269
|
+
- disableStacking
|
|
266
270
|
# AILabel
|
|
267
271
|
- AILabelContent
|
|
268
272
|
- aiText
|
|
@@ -279,6 +283,10 @@ collect:
|
|
|
279
283
|
# ButtonSet
|
|
280
284
|
- fluid
|
|
281
285
|
- stacked
|
|
286
|
+
# Calendar
|
|
287
|
+
- context
|
|
288
|
+
- onDateSelect
|
|
289
|
+
- onNavigate
|
|
282
290
|
# ChatButton
|
|
283
291
|
- isQuickAction
|
|
284
292
|
# ClickableTile
|
|
@@ -326,6 +334,9 @@ collect:
|
|
|
326
334
|
- parseDate
|
|
327
335
|
- prevMonthAriaLabel
|
|
328
336
|
- short
|
|
337
|
+
# DatePickerInput
|
|
338
|
+
- hideIcon
|
|
339
|
+
- onIconClick
|
|
329
340
|
# DatePickerSkeleton
|
|
330
341
|
- range
|
|
331
342
|
# DefinitionTooltip
|
|
@@ -486,7 +497,6 @@ collect:
|
|
|
486
497
|
# PageHeaderContent
|
|
487
498
|
- contextualActions
|
|
488
499
|
# PageHeaderContentPageActions
|
|
489
|
-
- actions
|
|
490
500
|
- menuButtonLabel
|
|
491
501
|
# PageHeaderTabBar
|
|
492
502
|
- tags
|
|
@@ -529,6 +539,11 @@ collect:
|
|
|
529
539
|
- current
|
|
530
540
|
- overflowTooltipProps
|
|
531
541
|
- tooltipId
|
|
542
|
+
# Resizer
|
|
543
|
+
- onDoubleClick
|
|
544
|
+
- onResize
|
|
545
|
+
- onResizeEnd
|
|
546
|
+
- thickness
|
|
532
547
|
# Select
|
|
533
548
|
- noLabel
|
|
534
549
|
# SelectItem
|
|
@@ -547,6 +562,20 @@ collect:
|
|
|
547
562
|
- assistiveText
|
|
548
563
|
# SideNavSwitcher
|
|
549
564
|
- options
|
|
565
|
+
# SidePanel
|
|
566
|
+
- actionToolbarButtons
|
|
567
|
+
- aiLabel
|
|
568
|
+
- animateTitle
|
|
569
|
+
- closeIconDescription
|
|
570
|
+
- closeIconTooltipAlignment
|
|
571
|
+
- condensedActions
|
|
572
|
+
- currentStep
|
|
573
|
+
- includeOverlay
|
|
574
|
+
- navigationBackIconDescription
|
|
575
|
+
- placement
|
|
576
|
+
- resizable
|
|
577
|
+
- selectorPageContent
|
|
578
|
+
- slideIn
|
|
550
579
|
# Slider
|
|
551
580
|
- ariaLabelInput
|
|
552
581
|
- formatLabel
|
|
@@ -640,6 +669,12 @@ collect:
|
|
|
640
669
|
# TreeView
|
|
641
670
|
- multiselect
|
|
642
671
|
- onActivate
|
|
672
|
+
# TruncatedText
|
|
673
|
+
- collapseLabel
|
|
674
|
+
- expandLabel
|
|
675
|
+
- lines
|
|
676
|
+
# WithCustomContext
|
|
677
|
+
- onLog
|
|
643
678
|
# React
|
|
644
679
|
- key
|
|
645
680
|
- ref
|
|
@@ -890,6 +925,7 @@ collect:
|
|
|
890
925
|
- cool-gray
|
|
891
926
|
- cyan
|
|
892
927
|
- default
|
|
928
|
+
- expand
|
|
893
929
|
- gray
|
|
894
930
|
- green
|
|
895
931
|
- high-contrast
|
|
@@ -907,6 +943,7 @@ collect:
|
|
|
907
943
|
- submit
|
|
908
944
|
- teal
|
|
909
945
|
- text
|
|
946
|
+
- tooltip
|
|
910
947
|
- warm-gray
|
|
911
948
|
# AspectRatio - ratio
|
|
912
949
|
- 16x9
|
|
@@ -969,6 +1006,9 @@ collect:
|
|
|
969
1006
|
# ShapeIndicator - textSize
|
|
970
1007
|
- "12"
|
|
971
1008
|
- "14"
|
|
1009
|
+
# SidePanel - placement
|
|
1010
|
+
- left
|
|
1011
|
+
- right
|
|
972
1012
|
# TableBody - aria-live
|
|
973
1013
|
- assertive
|
|
974
1014
|
- off
|