@carbon/ibm-products-styles 2.69.0 → 2.70.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.
@@ -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.c4p--side-panel--slide-in, .c4p--side-panel:not(.c4p--side-panel--has-overlay) {
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:hover {
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
  }