@carbon/ibm-products 1.25.0 → 1.27.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 (85) hide show
  1. package/css/index-full-carbon.css +62 -15
  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.min.css +1 -1
  6. package/css/index-without-carbon-released-only.min.css.map +1 -1
  7. package/css/index-without-carbon.css +62 -15
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +1 -1
  10. package/css/index-without-carbon.min.css.map +1 -1
  11. package/css/index.css +62 -15
  12. package/css/index.css.map +1 -1
  13. package/css/index.min.css +1 -1
  14. package/css/index.min.css.map +1 -1
  15. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +139 -11
  16. package/es/components/Datagrid/useActionsColumn.js +31 -6
  17. package/es/components/Datagrid/useDefaultStringRenderer.js +4 -1
  18. package/es/components/Datagrid/useSelectRows.js +2 -2
  19. package/es/components/Datagrid/useStickyColumn.js +3 -0
  20. package/es/components/Datagrid/utils/makeData.js +1 -1
  21. package/es/components/WebTerminal/WebTerminal.js +1 -1
  22. package/es/components/WebTerminal/WebTerminalContentWrapper.js +1 -1
  23. package/es/components/WebTerminal/hooks/index.js +6 -0
  24. package/es/components/WebTerminal/index.js +6 -0
  25. package/es/components/WebTerminal/preview-components/Navigation.js +6 -0
  26. package/es/components/WebTerminal/preview-components/documentationLinks.js +6 -0
  27. package/es/components/WebTerminal/preview-components/index.js +7 -0
  28. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +148 -9
  29. package/lib/components/Datagrid/useActionsColumn.js +31 -6
  30. package/lib/components/Datagrid/useDefaultStringRenderer.js +5 -1
  31. package/lib/components/Datagrid/useSelectRows.js +1 -1
  32. package/lib/components/Datagrid/useStickyColumn.js +3 -0
  33. package/lib/components/Datagrid/utils/makeData.js +1 -1
  34. package/lib/components/WebTerminal/hooks/index.js +6 -0
  35. package/lib/components/WebTerminal/preview-components/Navigation.js +6 -0
  36. package/lib/components/WebTerminal/preview-components/documentationLinks.js +6 -0
  37. package/package.json +4 -4
  38. package/scss/components/AddSelect/_add-select.scss +19 -2
  39. package/scss/components/Datagrid/_datagrid.scss +5 -0
  40. package/scss/components/Datagrid/styles/{datagrid.scss → _datagrid.scss} +54 -12
  41. package/scss/components/Datagrid/styles/{draggableElement.scss → _draggableElement.scss} +0 -0
  42. package/scss/components/Datagrid/styles/{index.scss → _index.scss} +0 -0
  43. package/scss/components/Datagrid/styles/{useActionsColumn.scss → _useActionsColumn.scss} +0 -0
  44. package/scss/components/Datagrid/styles/{useColumnCenterAlign.scss → _useColumnCenterAlign.scss} +0 -0
  45. package/scss/components/Datagrid/styles/{useColumnRightAlign.scss → _useColumnRightAlign.scss} +0 -0
  46. package/scss/components/Datagrid/styles/{useExpandedRow.scss → _useExpandedRow.scss} +0 -0
  47. package/scss/components/Datagrid/styles/{useNestedRows.scss → _useNestedRows.scss} +0 -0
  48. package/scss/components/Datagrid/styles/{useNestedTable.scss → _useNestedTable.scss} +0 -0
  49. package/scss/components/Datagrid/styles/{useSelectAllToggle.scss → _useSelectAllToggle.scss} +0 -0
  50. package/scss/components/Datagrid/styles/{useSortableColumns.scss → _useSortableColumns.scss} +0 -0
  51. package/scss/components/Datagrid/styles/{useStickyColumn.scss → _useStickyColumn.scss} +0 -0
  52. package/scss/components/Datagrid/styles/addons/{CustomizeColumnsModal.scss → _CustomizeColumnsModal.scss} +0 -0
  53. package/scss/components/Datagrid/styles/addons/{RowSizeDropdown.scss → _RowSizeDropdown.scss} +0 -0
  54. package/scss/components/InlineEdit/_inline-edit.scss +1 -1
  55. package/scss/components/WebTerminal/_index.scss +7 -0
  56. package/scss/components/WebTerminal/_storybook-styles.scss +7 -0
  57. package/scss/components/WebTerminal/_web-terminal.scss +13 -0
  58. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css +0 -47
  59. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map +0 -1
  60. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css +0 -20
  61. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map +0 -1
  62. package/css/components/Datagrid/styles/datagrid.css +0 -383
  63. package/css/components/Datagrid/styles/datagrid.css.map +0 -1
  64. package/css/components/Datagrid/styles/draggableElement.css +0 -57
  65. package/css/components/Datagrid/styles/draggableElement.css.map +0 -1
  66. package/css/components/Datagrid/styles/index.css +0 -732
  67. package/css/components/Datagrid/styles/index.css.map +0 -1
  68. package/css/components/Datagrid/styles/useActionsColumn.css +0 -23
  69. package/css/components/Datagrid/styles/useActionsColumn.css.map +0 -1
  70. package/css/components/Datagrid/styles/useColumnCenterAlign.css +0 -18
  71. package/css/components/Datagrid/styles/useColumnCenterAlign.css.map +0 -1
  72. package/css/components/Datagrid/styles/useColumnRightAlign.css +0 -28
  73. package/css/components/Datagrid/styles/useColumnRightAlign.css.map +0 -1
  74. package/css/components/Datagrid/styles/useExpandedRow.css +0 -9
  75. package/css/components/Datagrid/styles/useExpandedRow.css.map +0 -1
  76. package/css/components/Datagrid/styles/useNestedRows.css +0 -15
  77. package/css/components/Datagrid/styles/useNestedRows.css.map +0 -1
  78. package/css/components/Datagrid/styles/useNestedTable.css +0 -25
  79. package/css/components/Datagrid/styles/useNestedTable.css.map +0 -1
  80. package/css/components/Datagrid/styles/useSelectAllToggle.css +0 -28
  81. package/css/components/Datagrid/styles/useSelectAllToggle.css.map +0 -1
  82. package/css/components/Datagrid/styles/useSortableColumns.css +0 -50
  83. package/css/components/Datagrid/styles/useSortableColumns.css.map +0 -1
  84. package/css/components/Datagrid/styles/useStickyColumn.css +0 -35
  85. package/css/components/Datagrid/styles/useStickyColumn.css.map +0 -1
@@ -14224,6 +14224,16 @@ a.bx--side-nav__link--current::before {
14224
14224
  margin-right: var(--cds-spacing-03, 0.5rem);
14225
14225
  }
14226
14226
 
14227
+ .c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-radio {
14228
+ color: var(--cds-interactive-04, #0f62fe);
14229
+ }
14230
+ .c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-view-children svg {
14231
+ color: var(--cds-interactive-04, #0f62fe);
14232
+ }
14233
+ .c4p--add-select .c4p--add-select__selections-row:hover button.c4p--add-select__selections-view-children.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path {
14234
+ fill: currentColor;
14235
+ }
14236
+
14227
14237
  .c4p--add-select__sub-header {
14228
14238
  display: flex;
14229
14239
  align-items: flex-end;
@@ -14438,8 +14448,9 @@ button.c4p--add-select__global-filter-toggle--open {
14438
14448
  }
14439
14449
 
14440
14450
  .c4p--add-select .bx--structured-list-td {
14441
- height: 4rem;
14442
- padding: var(--cds-spacing-05, 1rem);
14451
+ height: var(--cds-layout-04, 3rem);
14452
+ padding-top: 0;
14453
+ padding-bottom: 0;
14443
14454
  vertical-align: middle;
14444
14455
  }
14445
14456
 
@@ -19524,9 +19535,12 @@ button.c4p--add-select__global-filter-toggle--open {
19524
19535
  height: 100%;
19525
19536
  overflow-x: auto;
19526
19537
  }
19527
- .c4p--datagrid__grid-container .c4p--datagrid__table-simple {
19528
- overflow: hidden;
19538
+ .c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
19539
+ display: flex;
19540
+ overflow: auto;
19529
19541
  max-height: 100%;
19542
+ flex-direction: column;
19543
+ background-color: var(--cds-ui-01, #f4f4f4);
19530
19544
  }
19531
19545
  .c4p--datagrid__grid-container .c4p--datagrid__head {
19532
19546
  display: flex;
@@ -19557,6 +19571,12 @@ button.c4p--add-select__global-filter-toggle--open {
19557
19571
  text-overflow: ellipsis;
19558
19572
  white-space: nowrap;
19559
19573
  }
19574
+ .c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--multiline {
19575
+ display: -webkit-box;
19576
+ -webkit-box-orient: vertical;
19577
+ -webkit-line-clamp: 2;
19578
+ white-space: initial;
19579
+ }
19560
19580
  .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
19561
19581
  display: flex;
19562
19582
  overflow: hidden;
@@ -19674,15 +19694,6 @@ button.c4p--add-select__global-filter-toggle--open {
19674
19694
  min-width: 0 !important;
19675
19695
  }
19676
19696
 
19677
- .c4p--datagrid__table-simple::-webkit-scrollbar {
19678
- width: 6px;
19679
- background-color: var(--cds-ui-background, #ffffff);
19680
- }
19681
-
19682
- .c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
19683
- background-color: var(--cds-text-03, #a8a8a8);
19684
- }
19685
-
19686
19697
  .c4p--datagrid__sticky.c4p--datagrid__simple-body {
19687
19698
  overflow: auto;
19688
19699
  }
@@ -19786,11 +19797,11 @@ button.c4p--add-select__global-filter-toggle--open {
19786
19797
  transform: translateY(-50%);
19787
19798
  }
19788
19799
 
19789
- .bx--data-table--selected {
19800
+ .c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) {
19790
19801
  position: relative;
19791
19802
  }
19792
19803
 
19793
- .bx--data-table--selected::before {
19804
+ .c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row)::before {
19794
19805
  position: absolute;
19795
19806
  left: 0;
19796
19807
  width: var(--cds-spacing-02, 0.25rem);
@@ -19799,6 +19810,37 @@ button.c4p--add-select__global-filter-toggle--open {
19799
19810
  content: "";
19800
19811
  }
19801
19812
 
19813
+ .c4p--datagrid__table-toolbar .bx--batch-summary__para {
19814
+ white-space: nowrap;
19815
+ }
19816
+
19817
+ .c4p--datagrid__table-toolbar .bx--batch-actions .bx--batch-actions--active {
19818
+ overflow-x: hidden;
19819
+ }
19820
+
19821
+ .c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu {
19822
+ display: flex;
19823
+ min-width: var(--cds-spacing-08, 2.5rem);
19824
+ justify-content: center;
19825
+ margin-right: var(--cds-spacing-04, 0.75rem);
19826
+ }
19827
+
19828
+ .c4p--datagrid__table-toolbar .c4p--datagrid__button-menu {
19829
+ min-width: calc(var(--cds-spacing-12, 6rem) + var(--cds-spacing-03, 0.5rem));
19830
+ }
19831
+
19832
+ .c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger {
19833
+ display: flex;
19834
+ width: 100%;
19835
+ min-width: var(--cds-spacing-09, 3rem);
19836
+ justify-content: center;
19837
+ padding: 0;
19838
+ margin: 0;
19839
+ }
19840
+ .c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger .bx--btn__icon {
19841
+ margin: 0;
19842
+ }
19843
+
19802
19844
  /*
19803
19845
  * Licensed Materials - Property of IBM
19804
19846
  * 5724-Q36
@@ -20161,6 +20203,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
20161
20203
  overflow-x: unset;
20162
20204
  }
20163
20205
 
20206
+ .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
20207
+ left: var(--cds-spacing-01, 0.125rem);
20208
+ width: 112px;
20209
+ }
20210
+
20164
20211
  @keyframes rotate {
20165
20212
  0% {
20166
20213
  transform: rotate(0deg);