@carbon/ibm-products 1.24.0 → 1.26.0

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