@carbon/ibm-products 1.25.0 → 1.27.0

Sign up to get free protection for your applications and to get access to all the features.
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);