@carbon/ibm-products 2.73.1 → 2.74.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/css/index-full-carbon.css +56 -6
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +5 -1
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +56 -6
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +56 -6
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/AboutModal/AboutModal.d.ts +17 -23
- package/es/components/AboutModal/AboutModal.js +17 -23
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/Carousel/Carousel.js +1 -1
- package/es/components/Coachmark/Coachmark.d.ts +4 -0
- package/es/components/Coachmark/Coachmark.js +9 -2
- package/es/components/Coachmark/CoachmarkDragbar.d.ts +0 -4
- package/es/components/Coachmark/CoachmarkDragbar.js +2 -6
- package/es/components/Coachmark/CoachmarkHeader.d.ts +0 -4
- package/es/components/Coachmark/CoachmarkHeader.js +2 -2
- package/es/components/Coachmark/CoachmarkTagline.js +5 -3
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +1 -22
- package/es/components/Coachmark/next/Coachmark/Coachmark.js +14 -29
- package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +1 -0
- package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +13 -2
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +2 -2
- package/es/components/Coachmark/next/Coachmark/ContentBody.js +1 -1
- package/es/components/Coachmark/next/Coachmark/ContentHeader.js +15 -1
- package/es/components/Coachmark/next/Coachmark/context.d.ts +25 -0
- package/es/components/Coachmark/next/Coachmark/context.js +28 -0
- package/es/components/Coachmark/utils/context.d.ts +2 -2
- package/es/components/CoachmarkFixed/CoachmarkFixed.d.ts +4 -0
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +6 -1
- package/es/components/CoachmarkStack/CoachmarkStack.d.ts +4 -0
- package/es/components/CoachmarkStack/CoachmarkStack.js +7 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +11 -7
- package/es/components/ConditionBuilder/ConditionBuilder.js +11 -2
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +10 -0
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +10 -5
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +14 -3
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +5 -4
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +8 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +4 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +20 -4
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +1 -1
- package/es/components/ConditionBuilder/index.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +12 -7
- package/es/components/ConditionBuilder/utils/useDataConfigs.d.ts +1 -1
- package/es/components/ConditionBuilder/utils/util.d.ts +1 -1
- package/es/components/ConditionBuilder/utils/util.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -1
- package/es/components/EmptyStates/EmptyState.js +1 -1
- package/es/components/EmptyStates/{EmptyStateV2.js → EmptyStateV2.deprecated.js} +1 -1
- package/es/components/EmptyStates/index.d.ts +2 -2
- package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/es/components/SidePanel/SidePanel.d.ts +1 -0
- package/es/components/SidePanel/SidePanel.js +1 -0
- package/es/components/StepFlow/StepContext.d.ts +14 -0
- package/es/components/StepFlow/StepGroup.d.ts +10 -0
- package/es/components/StepFlow/index.d.ts +9 -0
- package/es/components/StepFlow/story-assets/SidePanel/Example.d.ts +8 -0
- package/es/components/StepFlow/story-assets/SidePanel/StepSidePanel.d.ts +20 -0
- package/es/components/StepFlow/story-assets/StepActions.d.ts +23 -0
- package/es/components/StepFlow/story-assets/Tearsheet/Example.d.ts +8 -0
- package/es/components/StepFlow/story-assets/Tearsheet/StepTearsheet.d.ts +20 -0
- package/es/components/StepFlow/types.d.ts +22 -0
- package/es/components/TruncatedText/TruncatedText.js +4 -2
- package/es/global/js/utils/makeDraggable/makeDraggable.js +28 -0
- package/es/index.js +1 -1
- package/lib/components/AboutModal/AboutModal.d.ts +17 -23
- package/lib/components/AboutModal/AboutModal.js +17 -23
- package/lib/components/AddSelect/AddSelectBody.js +1 -1
- package/lib/components/Carousel/Carousel.js +1 -1
- package/lib/components/Coachmark/Coachmark.d.ts +4 -0
- package/lib/components/Coachmark/Coachmark.js +9 -2
- package/lib/components/Coachmark/CoachmarkDragbar.d.ts +0 -4
- package/lib/components/Coachmark/CoachmarkDragbar.js +2 -6
- package/lib/components/Coachmark/CoachmarkHeader.d.ts +0 -4
- package/lib/components/Coachmark/CoachmarkHeader.js +2 -2
- package/lib/components/Coachmark/CoachmarkTagline.js +5 -3
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +1 -22
- package/lib/components/Coachmark/next/Coachmark/Coachmark.js +16 -33
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +1 -0
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +13 -2
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +5 -5
- package/lib/components/Coachmark/next/Coachmark/ContentBody.js +2 -2
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +17 -3
- package/lib/components/Coachmark/next/Coachmark/context.d.ts +25 -0
- package/lib/components/Coachmark/next/Coachmark/context.js +31 -0
- package/lib/components/Coachmark/utils/context.d.ts +2 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts +4 -0
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +6 -1
- package/lib/components/CoachmarkStack/CoachmarkStack.d.ts +4 -0
- package/lib/components/CoachmarkStack/CoachmarkStack.js +7 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +11 -7
- package/lib/components/ConditionBuilder/ConditionBuilder.js +11 -2
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +10 -0
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +10 -5
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +13 -2
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +5 -4
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +8 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +4 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +20 -4
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +1 -1
- package/lib/components/ConditionBuilder/index.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +11 -6
- package/lib/components/ConditionBuilder/utils/useDataConfigs.d.ts +1 -1
- package/lib/components/ConditionBuilder/utils/util.d.ts +1 -1
- package/lib/components/ConditionBuilder/utils/util.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -1
- package/lib/components/EmptyStates/EmptyState.js +2 -2
- package/lib/components/EmptyStates/{EmptyStateV2.js → EmptyStateV2.deprecated.js} +2 -2
- package/lib/components/EmptyStates/index.d.ts +2 -2
- package/lib/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/lib/components/SidePanel/SidePanel.d.ts +1 -0
- package/lib/components/SidePanel/SidePanel.js +1 -0
- package/lib/components/StepFlow/StepContext.d.ts +14 -0
- package/lib/components/StepFlow/StepGroup.d.ts +10 -0
- package/lib/components/StepFlow/index.d.ts +9 -0
- package/lib/components/StepFlow/story-assets/SidePanel/Example.d.ts +8 -0
- package/lib/components/StepFlow/story-assets/SidePanel/StepSidePanel.d.ts +20 -0
- package/lib/components/StepFlow/story-assets/StepActions.d.ts +23 -0
- package/lib/components/StepFlow/story-assets/Tearsheet/Example.d.ts +8 -0
- package/lib/components/StepFlow/story-assets/Tearsheet/StepTearsheet.d.ts +20 -0
- package/lib/components/StepFlow/types.d.ts +22 -0
- package/lib/components/TruncatedText/TruncatedText.js +4 -2
- package/lib/global/js/utils/makeDraggable/makeDraggable.js +28 -0
- package/lib/index.js +2 -2
- package/package.json +7 -7
- package/scss/components/Coachmark/_coachmark.scss +7 -0
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +24 -0
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +26 -12
- package/scss/components/SidePanel/_side-panel.scss +6 -1
- package/scss/components/Tearsheet/_tearsheet.scss +1 -0
- package/scss/components/TruncatedText/_truncated-text.scss +1 -0
- package/telemetry.yml +1 -1
- /package/es/components/EmptyStates/{EmptyStateIllustration.d.ts → EmptyStateIllustration.deprecated.d.ts} +0 -0
- /package/es/components/EmptyStates/{EmptyStateIllustration.js → EmptyStateIllustration.deprecated.js} +0 -0
- /package/es/components/EmptyStates/{EmptyStateV2.d.ts → EmptyStateV2.deprecated.d.ts} +0 -0
- /package/lib/components/EmptyStates/{EmptyStateIllustration.d.ts → EmptyStateIllustration.deprecated.d.ts} +0 -0
- /package/lib/components/EmptyStates/{EmptyStateIllustration.js → EmptyStateIllustration.deprecated.js} +0 -0
- /package/lib/components/EmptyStates/{EmptyStateV2.d.ts → EmptyStateV2.deprecated.d.ts} +0 -0
@@ -2553,6 +2553,11 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2553
2553
|
.c4p--coachmark__next.c4p--coachmark__next--floating span:has(> div > .c4p--coachmark__next--content-header--drag-icon) {
|
2554
2554
|
margin-inline-end: auto;
|
2555
2555
|
}
|
2556
|
+
.c4p--coachmark__next .c4p--coachmark__next--content-header--is-dragging {
|
2557
|
+
border-radius: 0;
|
2558
|
+
box-shadow: 0 0 0 0.25rem var(--cds-icon-inverse, #ffffff);
|
2559
|
+
outline: 0.125rem solid var(--cds-background-inverse, #393939);
|
2560
|
+
}
|
2556
2561
|
|
2557
2562
|
/* stylelint-disable carbon/layout-use */
|
2558
2563
|
/* stylelint-disable carbon/motion-easing-use */
|
@@ -3511,9 +3516,12 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3511
3516
|
.c4p--side-panel.c4p--side-panel--condensed-actions {
|
3512
3517
|
--c4p--side-panel--actions-height: 3rem;
|
3513
3518
|
}
|
3514
|
-
.c4p--side-panel
|
3519
|
+
.c4p--side-panel:not(.c4p--side-panel--has-overlay) {
|
3515
3520
|
box-shadow: 0 0.125rem 0.25rem var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
3516
3521
|
}
|
3522
|
+
.c4p--side-panel.c4p--side-panel--slide-in, .c4p--side-panel.c4p--side-panel--slide-in:not(.c4p--side-panel--has-overlay) {
|
3523
|
+
box-shadow: none;
|
3524
|
+
}
|
3517
3525
|
.c4p--side-panel .c4p--side-panel__actions-container {
|
3518
3526
|
inline-size: 100%;
|
3519
3527
|
}
|
@@ -4031,6 +4039,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4031
4039
|
transform: scale(var(--c4p--tearsheet--stacking-scale-factor-double));
|
4032
4040
|
}
|
4033
4041
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
|
4042
|
+
overflow: visible;
|
4034
4043
|
padding: 1.5rem 2rem;
|
4035
4044
|
margin: 0;
|
4036
4045
|
background-color: var(--cds-layer);
|
@@ -14871,6 +14880,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14871
14880
|
display: -webkit-box;
|
14872
14881
|
overflow: hidden;
|
14873
14882
|
-webkit-box-orient: vertical;
|
14883
|
+
line-height: initial;
|
14874
14884
|
text-overflow: clip;
|
14875
14885
|
}
|
14876
14886
|
.c4p--truncated-text__expand-toggle {
|
@@ -17517,7 +17527,22 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
17517
17527
|
padding-inline: 1rem;
|
17518
17528
|
}
|
17519
17529
|
|
17520
|
-
.c4p--condition-builder__item-option__option
|
17530
|
+
.c4p--condition-builder__item-option__option[aria-disabled] {
|
17531
|
+
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
17532
|
+
}
|
17533
|
+
.c4p--condition-builder__item-option__option[aria-disabled]:hover {
|
17534
|
+
cursor: not-allowed;
|
17535
|
+
}
|
17536
|
+
.c4p--condition-builder__item-option__option[aria-disabled]:focus {
|
17537
|
+
cursor: not-allowed;
|
17538
|
+
outline: none;
|
17539
|
+
}
|
17540
|
+
|
17541
|
+
.c4p--condition-builder__item-option__option[aria-hidden] {
|
17542
|
+
display: none;
|
17543
|
+
}
|
17544
|
+
|
17545
|
+
.c4p--condition-builder__item-option__option:not([aria-disabled]):hover {
|
17521
17546
|
background-color: var(--cds-layer-hover);
|
17522
17547
|
}
|
17523
17548
|
|
@@ -17544,10 +17569,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
17544
17569
|
border-block-start: 0.0625rem solid var(--cds-border-subtle);
|
17545
17570
|
}
|
17546
17571
|
|
17547
|
-
.c4p--condition-builder__item-option__option:hover .c4p--condition-builder__item-option__option-content,
|
17548
|
-
.c4p--condition-builder__item-option__option[aria-selected=true] .c4p--condition-builder__item-option__option-content,
|
17549
|
-
.c4p--condition-builder__item-option__option:hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content,
|
17550
|
-
.c4p--condition-builder__item-option__option[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
|
17572
|
+
.c4p--condition-builder__item-option__option:not([aria-disabled]):hover .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled])[aria-selected=true] .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled]):hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled])[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
|
17551
17573
|
border-block-start-color: transparent;
|
17552
17574
|
}
|
17553
17575
|
|
@@ -18643,6 +18665,34 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
18643
18665
|
margin-block-end: 0;
|
18644
18666
|
}
|
18645
18667
|
|
18668
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block,
|
18669
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__connector,
|
18670
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__action-block,
|
18671
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper,
|
18672
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__groupConnector {
|
18673
|
+
background: transparent;
|
18674
|
+
box-shadow: inset 0 0 0 1px var(--cds-border-subtle-00, #e0e0e0);
|
18675
|
+
}
|
18676
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block button,
|
18677
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__connector button,
|
18678
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__action-block button,
|
18679
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper button,
|
18680
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__groupConnector button {
|
18681
|
+
background: transparent;
|
18682
|
+
cursor: default;
|
18683
|
+
}
|
18684
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block button svg,
|
18685
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__connector button svg,
|
18686
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__action-block button svg,
|
18687
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper button svg,
|
18688
|
+
.c4p--condition-builder__readonly .c4p--condition-builder__groupConnector button svg {
|
18689
|
+
color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
18690
|
+
}
|
18691
|
+
|
18692
|
+
.c4p--condition-builder__condition-inner-block {
|
18693
|
+
display: flex;
|
18694
|
+
}
|
18695
|
+
|
18646
18696
|
.c4p--condition-builder__condition-builder__group {
|
18647
18697
|
display: flex;
|
18648
18698
|
}
|