@carbon/ibm-products 2.20.0 → 2.21.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. package/css/index-full-carbon.css +19 -4
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +11 -2
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +11 -2
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +12 -3
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/ActionSet/ActionSet.js +3 -4
  18. package/es/components/AddSelect/AddSelectBody.js +2 -2
  19. package/es/components/AddSelect/AddSelectRow.js +2 -2
  20. package/es/components/Card/Card.js +1 -2
  21. package/es/components/Card/CardHeader.js +1 -2
  22. package/es/components/CreateFullPage/CreateFullPageStep.js +1 -2
  23. package/es/components/CreateTearsheet/CreateTearsheetStep.js +1 -2
  24. package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -2
  25. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -2
  26. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -2
  27. package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -7
  28. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -11
  29. package/es/components/Datagrid/Datagrid/DatagridRow.js +9 -10
  30. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -2
  31. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +15 -8
  32. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +22 -12
  33. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
  34. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -3
  35. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +1 -5
  36. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  37. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +2 -2
  38. package/es/components/Datagrid/useActionsColumn.js +1 -2
  39. package/es/components/Datagrid/useDefaultStringRenderer.js +1 -2
  40. package/es/components/Datagrid/useFiltering.js +1 -0
  41. package/es/components/Datagrid/useNestedRowExpander.js +1 -2
  42. package/es/components/Datagrid/useNestedRows.js +49 -33
  43. package/es/components/Datagrid/useOnRowClick.js +1 -1
  44. package/es/components/Datagrid/useSelectRows.js +1 -2
  45. package/es/components/Datagrid/useSortableColumns.js +1 -2
  46. package/es/components/Datagrid/useStickyColumn.js +3 -4
  47. package/es/components/Datagrid/utils/filterPropsForTesting.js +149 -0
  48. package/es/components/EditInPlace/EditInPlace.js +1 -2
  49. package/es/components/EditTearsheet/EditTearsheetForm.js +1 -2
  50. package/es/components/FilterSummary/FilterSummary.js +15 -12
  51. package/es/components/NotificationsPanel/NotificationsPanel.js +2 -3
  52. package/es/components/PageHeader/PageHeader.js +9 -11
  53. package/es/components/Saving/Saving.js +6 -6
  54. package/es/components/SidePanel/SidePanel.js +6 -6
  55. package/es/components/TagSet/TagSetOverflow.js +1 -2
  56. package/es/components/Tearsheet/Tearsheet.js +5 -0
  57. package/es/components/Tearsheet/TearsheetNarrow.js +5 -0
  58. package/es/components/Tearsheet/TearsheetShell.js +9 -9
  59. package/es/components/WebTerminal/WebTerminal.js +1 -2
  60. package/lib/components/ActionSet/ActionSet.js +3 -4
  61. package/lib/components/AddSelect/AddSelectBody.js +2 -2
  62. package/lib/components/AddSelect/AddSelectRow.js +2 -2
  63. package/lib/components/Card/Card.js +1 -2
  64. package/lib/components/Card/CardHeader.js +1 -2
  65. package/lib/components/CreateFullPage/CreateFullPageStep.js +1 -2
  66. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +1 -2
  67. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -2
  68. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -2
  69. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -2
  70. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -7
  71. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -11
  72. package/lib/components/Datagrid/Datagrid/DatagridRow.js +9 -10
  73. package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -2
  74. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +15 -8
  75. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +22 -12
  76. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
  77. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -3
  78. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +1 -5
  79. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
  80. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +2 -2
  81. package/lib/components/Datagrid/useActionsColumn.js +1 -2
  82. package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
  83. package/lib/components/Datagrid/useFiltering.js +1 -0
  84. package/lib/components/Datagrid/useNestedRowExpander.js +1 -2
  85. package/lib/components/Datagrid/useNestedRows.js +49 -33
  86. package/lib/components/Datagrid/useOnRowClick.js +1 -1
  87. package/lib/components/Datagrid/useSelectRows.js +1 -2
  88. package/lib/components/Datagrid/useSortableColumns.js +1 -2
  89. package/lib/components/Datagrid/useStickyColumn.js +3 -4
  90. package/lib/components/Datagrid/utils/filterPropsForTesting.js +156 -0
  91. package/lib/components/EditInPlace/EditInPlace.js +1 -2
  92. package/lib/components/EditTearsheet/EditTearsheetForm.js +1 -2
  93. package/lib/components/FilterSummary/FilterSummary.js +15 -12
  94. package/lib/components/NotificationsPanel/NotificationsPanel.js +2 -3
  95. package/lib/components/PageHeader/PageHeader.js +9 -11
  96. package/lib/components/Saving/Saving.js +6 -6
  97. package/lib/components/SidePanel/SidePanel.js +6 -6
  98. package/lib/components/TagSet/TagSetOverflow.js +1 -2
  99. package/lib/components/Tearsheet/Tearsheet.js +5 -0
  100. package/lib/components/Tearsheet/TearsheetNarrow.js +5 -0
  101. package/lib/components/Tearsheet/TearsheetShell.js +9 -9
  102. package/lib/components/WebTerminal/WebTerminal.js +1 -2
  103. package/package.json +4 -4
  104. package/scss/components/Saving/_saving.scss +6 -0
  105. package/scss/components/SidePanel/_side-panel.scss +5 -1
  106. package/scss/components/TagSet/_tag-set.scss +4 -1
@@ -2486,10 +2486,13 @@ p.c4p--about-modal__copyright-text:first-child {
2486
2486
  position: sticky;
2487
2487
  z-index: 4;
2488
2488
  top: 0;
2489
- padding: 1rem 1rem 0.5rem 1rem;
2489
+ padding: 1rem;
2490
2490
  background-color: var(--cds-layer-01, #f4f4f4);
2491
2491
  /* stylelint-disable-next-line max-nesting-depth */
2492
2492
  }
2493
+ .c4p--side-panel__container .c4p--side-panel__title-container:has(~ .c4p--side-panel__subtitle-text) {
2494
+ padding-bottom: 0.5rem;
2495
+ }
2493
2496
  .c4p--side-panel__container .c4p--side-panel__title-container:has(.c4p--side-panel__navigation-back-button) {
2494
2497
  padding-top: 2rem;
2495
2498
  }
@@ -6478,7 +6481,9 @@ button.c4p--add-select__global-filter-toggle--open {
6478
6481
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-list {
6479
6482
  display: flex;
6480
6483
  flex-direction: column;
6481
- margin-bottom: 0.5rem;
6484
+ }
6485
+ .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link {
6486
+ margin-top: 0.5rem;
6482
6487
  }
6483
6488
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
6484
6489
  background-color: var(--cds-background-inverse-hover, #474747);
@@ -7164,6 +7169,10 @@ button.c4p--add-select__global-filter-toggle--open {
7164
7169
  display: flex;
7165
7170
  }
7166
7171
 
7172
+ .c4p--saving__buttons .cds--btn .cds--inline-loading {
7173
+ min-block-size: auto;
7174
+ }
7175
+
7167
7176
  @keyframes rotating {
7168
7177
  0% {
7169
7178
  transform: scaleY(-1) rotate(360deg);
@@ -17661,6 +17670,7 @@ li.cds--accordion__item--disabled:last-of-type {
17661
17670
  }
17662
17671
 
17663
17672
  .cds--accordion__wrapper {
17673
+ overflow: hidden;
17664
17674
  padding: 0;
17665
17675
  max-block-size: 0;
17666
17676
  opacity: 0;
@@ -17669,7 +17679,6 @@ li.cds--accordion__item--disabled:last-of-type {
17669
17679
  }
17670
17680
 
17671
17681
  .cds--accordion__content {
17672
- overflow: hidden;
17673
17682
  padding-inline: var(--cds-layout-density-padding-inline-local);
17674
17683
  }
17675
17684
  @media (min-width: 480px) {
@@ -17714,6 +17723,7 @@ li.cds--accordion__item--disabled:last-of-type {
17714
17723
  overflow: visible;
17715
17724
  }
17716
17725
  .cds--accordion__item--active .cds--accordion__wrapper {
17726
+ overflow: visible;
17717
17727
  max-block-size: fit-content;
17718
17728
  opacity: 1;
17719
17729
  padding-block: 0.5rem;
@@ -29080,6 +29090,11 @@ button.cds--dropdown-text:focus {
29080
29090
  }
29081
29091
 
29082
29092
  .cds--number--nosteppers input[type=number] {
29093
+ padding-inline-end: 0;
29094
+ }
29095
+
29096
+ .cds--number--nosteppers input[type=number][data-invalid],
29097
+ .cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number] {
29083
29098
  padding-inline-end: 3rem;
29084
29099
  }
29085
29100
 
@@ -33542,7 +33557,7 @@ span.cds--pagination__text.cds--pagination__items-count {
33542
33557
 
33543
33558
  .cds--progress--vertical .cds--progress-optional {
33544
33559
  position: static;
33545
- margin: auto 0;
33560
+ margin: 0 0 auto;
33546
33561
  inline-size: 100%;
33547
33562
  }
33548
33563