@carbon/ibm-products 1.24.0 → 1.26.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 (89) hide show
  1. package/css/index-full-carbon.css +77 -19
  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 +26 -15
  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 +77 -19
  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 +77 -19
  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/Datagrid/Datagrid/DatagridToolbar.js +140 -12
  18. package/es/components/Datagrid/useActionsColumn.js +31 -6
  19. package/es/components/Datagrid/useSelectRows.js +2 -2
  20. package/es/components/Datagrid/useStickyColumn.js +3 -0
  21. package/es/components/EmptyStates/EmptyStateContent.js +2 -1
  22. package/es/components/ImportModal/ImportModal.js +10 -2
  23. package/es/components/WebTerminal/WebTerminal.js +25 -13
  24. package/es/components/WebTerminal/WebTerminalContentWrapper.js +8 -10
  25. package/es/components/WebTerminal/hooks/index.js +45 -0
  26. package/es/components/WebTerminal/index.js +2 -1
  27. package/es/components/WebTerminal/preview-components/Navigation.js +6 -10
  28. package/es/components/index.js +1 -1
  29. package/es/global/js/package-settings.js +1 -0
  30. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +149 -10
  31. package/lib/components/Datagrid/useActionsColumn.js +31 -6
  32. package/lib/components/Datagrid/useSelectRows.js +1 -1
  33. package/lib/components/Datagrid/useStickyColumn.js +3 -0
  34. package/lib/components/EmptyStates/EmptyStateContent.js +2 -1
  35. package/lib/components/ImportModal/ImportModal.js +11 -2
  36. package/lib/components/WebTerminal/WebTerminal.js +26 -13
  37. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -9
  38. package/lib/components/WebTerminal/hooks/index.js +69 -0
  39. package/lib/components/WebTerminal/index.js +15 -1
  40. package/lib/components/WebTerminal/preview-components/Navigation.js +6 -10
  41. package/lib/components/index.js +12 -0
  42. package/lib/global/js/package-settings.js +1 -0
  43. package/package.json +10 -10
  44. package/scss/components/AddSelect/_add-select.scss +19 -2
  45. package/scss/components/Datagrid/_datagrid.scss +5 -0
  46. package/scss/components/Datagrid/styles/{datagrid.scss → _datagrid.scss} +42 -2
  47. package/scss/components/Datagrid/styles/{draggableElement.scss → _draggableElement.scss} +0 -0
  48. package/scss/components/Datagrid/styles/{index.scss → _index.scss} +0 -0
  49. package/scss/components/Datagrid/styles/{useActionsColumn.scss → _useActionsColumn.scss} +0 -0
  50. package/scss/components/Datagrid/styles/{useColumnCenterAlign.scss → _useColumnCenterAlign.scss} +0 -0
  51. package/scss/components/Datagrid/styles/{useColumnRightAlign.scss → _useColumnRightAlign.scss} +0 -0
  52. package/scss/components/Datagrid/styles/{useExpandedRow.scss → _useExpandedRow.scss} +0 -0
  53. package/scss/components/Datagrid/styles/{useNestedRows.scss → _useNestedRows.scss} +0 -0
  54. package/scss/components/Datagrid/styles/{useNestedTable.scss → _useNestedTable.scss} +0 -0
  55. package/scss/components/Datagrid/styles/{useSelectAllToggle.scss → _useSelectAllToggle.scss} +0 -0
  56. package/scss/components/Datagrid/styles/{useSortableColumns.scss → _useSortableColumns.scss} +0 -0
  57. package/scss/components/Datagrid/styles/{useStickyColumn.scss → _useStickyColumn.scss} +0 -0
  58. package/scss/components/Datagrid/styles/addons/{CustomizeColumnsModal.scss → _CustomizeColumnsModal.scss} +0 -0
  59. package/scss/components/Datagrid/styles/addons/{RowSizeDropdown.scss → _RowSizeDropdown.scss} +0 -0
  60. package/scss/components/EmptyStates/_empty-state.scss +16 -9
  61. package/scss/components/InlineEdit/_inline-edit.scss +1 -1
  62. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css +0 -47
  63. package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map +0 -1
  64. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css +0 -20
  65. package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map +0 -1
  66. package/css/components/Datagrid/styles/datagrid.css +0 -383
  67. package/css/components/Datagrid/styles/datagrid.css.map +0 -1
  68. package/css/components/Datagrid/styles/draggableElement.css +0 -57
  69. package/css/components/Datagrid/styles/draggableElement.css.map +0 -1
  70. package/css/components/Datagrid/styles/index.css +0 -732
  71. package/css/components/Datagrid/styles/index.css.map +0 -1
  72. package/css/components/Datagrid/styles/useActionsColumn.css +0 -23
  73. package/css/components/Datagrid/styles/useActionsColumn.css.map +0 -1
  74. package/css/components/Datagrid/styles/useColumnCenterAlign.css +0 -18
  75. package/css/components/Datagrid/styles/useColumnCenterAlign.css.map +0 -1
  76. package/css/components/Datagrid/styles/useColumnRightAlign.css +0 -28
  77. package/css/components/Datagrid/styles/useColumnRightAlign.css.map +0 -1
  78. package/css/components/Datagrid/styles/useExpandedRow.css +0 -9
  79. package/css/components/Datagrid/styles/useExpandedRow.css.map +0 -1
  80. package/css/components/Datagrid/styles/useNestedRows.css +0 -15
  81. package/css/components/Datagrid/styles/useNestedRows.css.map +0 -1
  82. package/css/components/Datagrid/styles/useNestedTable.css +0 -25
  83. package/css/components/Datagrid/styles/useNestedTable.css.map +0 -1
  84. package/css/components/Datagrid/styles/useSelectAllToggle.css +0 -28
  85. package/css/components/Datagrid/styles/useSelectAllToggle.css.map +0 -1
  86. package/css/components/Datagrid/styles/useSortableColumns.css +0 -50
  87. package/css/components/Datagrid/styles/useSortableColumns.css.map +0 -1
  88. package/css/components/Datagrid/styles/useStickyColumn.css +0 -35
  89. package/css/components/Datagrid/styles/useStickyColumn.css.map +0 -1
@@ -12929,24 +12929,39 @@ a.bx--side-nav__link--current::before {
12929
12929
  .c4p--empty-state {
12930
12930
  color: var(--cds-text-01, #161616);
12931
12931
  }
12932
- .c4p--empty-state .c4p--empty-state__header,
12933
- .c4p--empty-state .c4p--empty-state__subtitle {
12934
- padding-bottom: var(--cds-spacing-02, 0.25rem);
12935
- margin: 0;
12936
- }
12937
- .c4p--empty-state .c4p--empty-state__header--small {
12932
+ .c4p--empty-state .c4p--empty-state__header {
12938
12933
  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
12939
12934
  font-weight: var(--cds-productive-heading-03-font-weight, 400);
12940
12935
  line-height: var(--cds-productive-heading-03-line-height, 1.4);
12941
12936
  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
12937
+ padding-bottom: calc(var(--cds-spacing-01, 0.125rem) + var(--cds-spacing-02, 0.25rem));
12938
+ margin: 0;
12939
+ }
12940
+ .c4p--empty-state .c4p--empty-state__subtitle {
12941
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
12942
+ font-weight: var(--cds-body-long-01-font-weight, 400);
12943
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
12944
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
12945
+ padding-bottom: var(--cds-spacing-05, 1rem);
12946
+ }
12947
+ .c4p--empty-state .c4p--empty-state__header--small {
12948
+ font-size: var(--cds-body-short-02-font-size, 1rem);
12949
+ font-weight: var(--cds-body-short-02-font-weight, 400);
12950
+ line-height: var(--cds-body-short-02-line-height, 1.375);
12951
+ letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
12952
+ padding-bottom: var(--cds-spacing-03, 0.5rem);
12942
12953
  }
12943
12954
  .c4p--empty-state .c4p--empty-state__subtitle--small {
12944
- font-size: var(--cds-body-short-01-font-size, 0.875rem);
12945
- font-weight: var(--cds-body-short-01-font-weight, 400);
12946
- line-height: var(--cds-body-short-01-line-height, 1.28572);
12947
- letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
12955
+ font-size: var(--cds-caption-01-font-size, 0.75rem);
12956
+ font-weight: var(--cds-caption-01-font-weight, 400);
12957
+ line-height: var(--cds-caption-01-line-height, 1.33333);
12958
+ letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
12948
12959
  }
12949
12960
 
12961
+ .c4p--empty-state__illustration {
12962
+ height: auto;
12963
+ margin-bottom: var(--cds-spacing-05, 1rem);
12964
+ }
12950
12965
  .c4p--empty-state__illustration.c4p--empty-state__illustration--lg {
12951
12966
  min-width: var(--cds-spacing-11, 5rem);
12952
12967
  max-width: var(--cds-spacing-11, 5rem);
@@ -12956,13 +12971,9 @@ a.bx--side-nav__link--current::before {
12956
12971
  max-width: var(--cds-spacing-10, 4rem);
12957
12972
  }
12958
12973
 
12959
- .c4p--empty-state__action-button,
12960
- .c4p--empty-state__link {
12961
- margin-top: var(--cds-spacing-06, 1.5rem);
12962
- }
12963
-
12964
12974
  .c4p--empty-state .c4p--empty-state__action-button {
12965
12975
  display: block;
12976
+ margin-bottom: var(--cds-spacing-05, 1rem);
12966
12977
  }
12967
12978
 
12968
12979
  .c4p--empty-state .c4p--empty-state__link {
@@ -14213,6 +14224,16 @@ a.bx--side-nav__link--current::before {
14213
14224
  margin-right: var(--cds-spacing-03, 0.5rem);
14214
14225
  }
14215
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
+
14216
14237
  .c4p--add-select__sub-header {
14217
14238
  display: flex;
14218
14239
  align-items: flex-end;
@@ -14427,8 +14448,9 @@ button.c4p--add-select__global-filter-toggle--open {
14427
14448
  }
14428
14449
 
14429
14450
  .c4p--add-select .bx--structured-list-td {
14430
- height: 4rem;
14431
- padding: var(--cds-spacing-05, 1rem);
14451
+ height: var(--cds-layout-04, 3rem);
14452
+ padding-top: 0;
14453
+ padding-bottom: 0;
14432
14454
  vertical-align: middle;
14433
14455
  }
14434
14456
 
@@ -19775,11 +19797,11 @@ button.c4p--add-select__global-filter-toggle--open {
19775
19797
  transform: translateY(-50%);
19776
19798
  }
19777
19799
 
19778
- .bx--data-table--selected {
19800
+ .c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) {
19779
19801
  position: relative;
19780
19802
  }
19781
19803
 
19782
- .bx--data-table--selected::before {
19804
+ .c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row)::before {
19783
19805
  position: absolute;
19784
19806
  left: 0;
19785
19807
  width: var(--cds-spacing-02, 0.25rem);
@@ -19788,6 +19810,37 @@ button.c4p--add-select__global-filter-toggle--open {
19788
19810
  content: "";
19789
19811
  }
19790
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
+
19791
19844
  /*
19792
19845
  * Licensed Materials - Property of IBM
19793
19846
  * 5724-Q36
@@ -20150,6 +20203,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
20150
20203
  overflow-x: unset;
20151
20204
  }
20152
20205
 
20206
+ .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
20207
+ left: var(--cds-spacing-01, 0.125rem);
20208
+ width: 112px;
20209
+ }
20210
+
20153
20211
  @keyframes rotate {
20154
20212
  0% {
20155
20213
  transform: rotate(0deg);