@carbon/ibm-products 1.62.0 → 1.63.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.
Files changed (65) hide show
  1. package/css/index-full-carbon.css +24 -2
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +19 -0
  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 +24 -2
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +24 -2
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +3 -3
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Carousel/Carousel.js +194 -119
  18. package/es/components/Carousel/CarouselItem.js +8 -21
  19. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +6 -7
  20. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +3 -1
  21. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
  22. package/es/components/Datagrid/Datagrid/DatagridRow.js +19 -10
  23. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
  24. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +15 -1
  25. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +4 -3
  26. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +67 -24
  27. package/es/components/Datagrid/useExpandedRow.js +3 -6
  28. package/es/components/Datagrid/useFocusRowExpander.js +40 -0
  29. package/es/components/Datagrid/useNestedRowExpander.js +9 -0
  30. package/es/components/Datagrid/useNestedRows.js +0 -4
  31. package/es/components/Datagrid/useRowExpander.js +9 -0
  32. package/es/components/Datagrid/useSelectRows.js +23 -11
  33. package/es/components/Datagrid/utils/handleFilterTagLabelText.js +26 -0
  34. package/es/components/FilterSummary/FilterSummary.js +21 -7
  35. package/es/components/Guidebanner/Guidebanner.js +9 -12
  36. package/es/components/TagSet/TagSet.js +22 -5
  37. package/es/global/js/package-settings.js +0 -2
  38. package/lib/components/Carousel/Carousel.js +190 -114
  39. package/lib/components/Carousel/CarouselItem.js +9 -25
  40. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +6 -7
  41. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +3 -1
  42. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
  43. package/lib/components/Datagrid/Datagrid/DatagridRow.js +13 -3
  44. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
  45. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +15 -1
  46. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +4 -3
  47. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +70 -26
  48. package/lib/components/Datagrid/useExpandedRow.js +2 -5
  49. package/lib/components/Datagrid/useFocusRowExpander.js +46 -0
  50. package/lib/components/Datagrid/useNestedRowExpander.js +9 -0
  51. package/lib/components/Datagrid/useNestedRows.js +0 -4
  52. package/lib/components/Datagrid/useRowExpander.js +9 -0
  53. package/lib/components/Datagrid/useSelectRows.js +17 -4
  54. package/lib/components/Datagrid/utils/handleFilterTagLabelText.js +33 -0
  55. package/lib/components/FilterSummary/FilterSummary.js +23 -6
  56. package/lib/components/Guidebanner/Guidebanner.js +9 -12
  57. package/lib/components/TagSet/TagSet.js +21 -4
  58. package/lib/global/js/package-settings.js +0 -2
  59. package/package.json +3 -3
  60. package/scss/components/Carousel/_carousel.scss +1 -2
  61. package/scss/components/Datagrid/styles/_useExpandedRow.scss +21 -0
  62. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +9 -0
  63. package/scss/components/FilterSummary/_filter-summary.scss +6 -1
  64. package/es/components/Carousel/utils.js +0 -98
  65. package/lib/components/Carousel/utils.js +0 -108
@@ -13222,6 +13222,10 @@ a.bx--side-nav__link--current::before {
13222
13222
  background: var(--cds-ui-01, #f4f4f4);
13223
13223
  }
13224
13224
 
13225
+ .c4p--filter-summary .c4p--tag-set.c4p--tag-set.c4p--filter-summary__clear-button-inline {
13226
+ width: auto;
13227
+ }
13228
+
13225
13229
  .c4p--http-errors .c4p--http-errors__content {
13226
13230
  position: fixed;
13227
13231
  z-index: 2;
@@ -22021,6 +22025,11 @@ button.c4p--add-select__global-filter-toggle--open {
22021
22025
  background-color: var(--cds-ui-02, #ffffff);
22022
22026
  }
22023
22027
 
22028
+ .c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center td.c4p--datagrid__expandable-row-cell,
22029
+ .c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-top td.c4p--datagrid__expandable-row-cell {
22030
+ padding-top: var(--cds-spacing-03, 0.5rem);
22031
+ }
22032
+
22024
22033
  /*
22025
22034
  * Licensed Materials - Property of IBM
22026
22035
  * 5724-Q36
@@ -22293,6 +22302,16 @@ th.c4p--datagrid__select-all-toggle-on.button {
22293
22302
  background: var(--cds-layer-hover, #e5e5e5);
22294
22303
  }
22295
22304
 
22305
+ .c4p--datagrid .bx--data-table tbody tr:hover td.c4p--datagrid__expanded-row-cell-wrapper,
22306
+ .c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper,
22307
+ .c4p--datagrid .bx--data-table .c4p--datagrid__carbon-row-expanded td.c4p--datagrid__expandable-row-cell {
22308
+ border: none;
22309
+ }
22310
+
22311
+ .c4p--datagrid .bx--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
22312
+ padding: 0;
22313
+ }
22314
+
22296
22315
  .c4p--datagrid__draggable-handleStyle {
22297
22316
  display: flex;
22298
22317
  align-items: center;
@@ -22763,6 +22782,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
22763
22782
  background: var(--cds-ui-01, #f4f4f4);
22764
22783
  }
22765
22784
 
22785
+ .c4p--filter-summary .c4p--tag-set.c4p--tag-set.c4p--filter-summary__clear-button-inline {
22786
+ width: auto;
22787
+ }
22788
+
22766
22789
  .c4p--datagrid__datagridWrap {
22767
22790
  display: block;
22768
22791
  width: 100%;
@@ -23343,9 +23366,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
23343
23366
  }
23344
23367
  .c4p--carousel__elements {
23345
23368
  display: flex;
23369
+ overflow: scroll;
23346
23370
  -ms-overflow-style: none;
23347
- overflow-x: scroll;
23348
- overflow-y: hidden;
23349
23371
  scroll-behavior: smooth;
23350
23372
  scroll-snap-type: x mandatory;
23351
23373
  scrollbar-width: none;