@carbon/ibm-products 1.58.0 → 1.59.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. package/css/index-full-carbon.css +23 -0
  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.css +21 -0
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +2 -2
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +21 -0
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +2 -2
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Checklist/Checklist.js +3 -3
  14. package/es/components/Checklist/ChecklistChart.js +3 -9
  15. package/es/components/CreateFullPage/CreateFullPage.js +25 -3
  16. package/es/components/Datagrid/Datagrid/DatagridContent.js +8 -6
  17. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -1
  18. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +26 -13
  19. package/es/components/Datagrid/Datagrid/DatagridRow.js +41 -33
  20. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +34 -18
  21. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +2 -37
  22. package/es/components/Datagrid/useExpandedRow.js +1 -1
  23. package/es/components/Datagrid/utils/DatagridPagination.js +1 -1
  24. package/es/components/InlineTip/InlineTip.js +5 -1
  25. package/es/components/InlineTip/InlineTipButton.js +1 -8
  26. package/es/components/InlineTip/InlineTipLink.js +1 -8
  27. package/es/global/js/utils/test-helper.js +2 -2
  28. package/lib/components/Checklist/Checklist.js +3 -3
  29. package/lib/components/Checklist/ChecklistChart.js +3 -9
  30. package/lib/components/CreateFullPage/CreateFullPage.js +24 -2
  31. package/lib/components/Datagrid/Datagrid/DatagridContent.js +8 -6
  32. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -1
  33. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +26 -13
  34. package/lib/components/Datagrid/Datagrid/DatagridRow.js +41 -33
  35. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +35 -19
  36. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +2 -40
  37. package/lib/components/Datagrid/useExpandedRow.js +1 -1
  38. package/lib/components/Datagrid/utils/DatagridPagination.js +1 -1
  39. package/lib/components/InlineTip/InlineTip.js +4 -0
  40. package/lib/components/InlineTip/InlineTipButton.js +2 -9
  41. package/lib/components/InlineTip/InlineTipLink.js +2 -9
  42. package/lib/global/js/utils/test-helper.js +2 -2
  43. package/package.json +10 -10
  44. package/scss/components/ComboButton/_combo-button.scss +2 -1
  45. package/scss/components/Datagrid/styles/_datagrid.scss +5 -0
  46. package/scss/components/Datagrid/styles/_useExpandedRow.scss +10 -0
  47. package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +6 -1
  48. package/scss/components/Toolbar/_toolbar.scss +6 -3
@@ -7651,6 +7651,7 @@ a.bx--overflow-menu-options__btn::before {
7651
7651
  .security--combo-button .security--combo-button__overflow-menu {
7652
7652
  width: 3rem;
7653
7653
  height: auto;
7654
+ /* stylelint-disable-next-line function-no-unknown */
7654
7655
  border-left: 0.0625rem solid var(--cds-ui-03, #e0e0e0);
7655
7656
  background-color: var(--cds-interactive-01, #0f62fe);
7656
7657
  }
@@ -19384,6 +19385,8 @@ button.c4p--add-select__global-filter-toggle--open {
19384
19385
  stroke-dashoffset: 0;
19385
19386
  }
19386
19387
  }
19388
+ /* stylelint-disable-next-line function-no-unknown */
19389
+ /* stylelint-disable-next-line function-no-unknown */
19387
19390
  .c4p--toolbar {
19388
19391
  display: flex;
19389
19392
  min-width: 2.5rem;
@@ -19426,6 +19429,7 @@ button.c4p--add-select__global-filter-toggle--open {
19426
19429
  }
19427
19430
 
19428
19431
  .c4p--toolbar__button__caret {
19432
+ /* stylelint-disable-next-line function-no-unknown */
19429
19433
  position: absolute;
19430
19434
  right: 0.125rem;
19431
19435
  bottom: 0.125rem;
@@ -21259,6 +21263,7 @@ button.c4p--add-select__global-filter-toggle--open {
21259
21263
  }
21260
21264
 
21261
21265
  .c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
21266
+ border-bottom: none;
21262
21267
  background: transparent;
21263
21268
  }
21264
21269
 
@@ -21270,6 +21275,10 @@ button.c4p--add-select__global-filter-toggle--open {
21270
21275
  flex: 1 1 auto;
21271
21276
  }
21272
21277
 
21278
+ .c4p--datagrid__empty-state .c4p--datagrid__empty-state-cell {
21279
+ border-bottom: none;
21280
+ }
21281
+
21273
21282
  .c4p--datagrid__resizer {
21274
21283
  position: absolute;
21275
21284
  z-index: 1;
@@ -21961,8 +21970,14 @@ button.c4p--add-select__global-filter-toggle--open {
21961
21970
  * US Government Users Restricted Rights - Use, duplication or disclosure
21962
21971
  * restricted by GSA ADP Schedule Contract with IBM Corp.
21963
21972
  */
21973
+ .c4p--datagrid__row-size {
21974
+ position: relative;
21975
+ }
21976
+
21964
21977
  .c4p--datagrid__row-size-dropdown {
21965
21978
  position: absolute;
21979
+ right: 0;
21980
+ width: 10rem;
21966
21981
  padding: var(--cds-spacing-05, 1rem);
21967
21982
  background-color: var(--cds-ui-background, #ffffff);
21968
21983
  box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
@@ -22239,6 +22254,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
22239
22254
  fill: var(--cds-ui-05, #161616);
22240
22255
  }
22241
22256
 
22257
+ .c4p--datagrid .bx--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
22258
+ .c4p--datagrid .c4p--datagrid__expanded-row:hover,
22259
+ .c4p--datagrid .c4p--datagrid__expandable-row--hover td {
22260
+ background: var(--cds-layer-hover, #e5e5e5);
22261
+ }
22262
+
22242
22263
  .c4p--datagrid__draggable-handleStyle {
22243
22264
  display: flex;
22244
22265
  align-items: center;
@@ -31494,6 +31515,7 @@ th .bx--table-sort__flex {
31494
31515
  border: 0;
31495
31516
  border-bottom: 0.0625rem solid var(--cds-ui-04, #8d8d8d);
31496
31517
  -moz-appearance: textfield;
31518
+ appearance: textfield;
31497
31519
  background-color: var(--cds-field-01, #f4f4f4);
31498
31520
  border-radius: 0;
31499
31521
  color: var(--cds-text-01, #161616);
@@ -32860,6 +32882,7 @@ span.bx--pagination__text {
32860
32882
  width: 4rem;
32861
32883
  height: 2.5rem;
32862
32884
  -moz-appearance: textfield;
32885
+ appearance: textfield;
32863
32886
  text-align: center;
32864
32887
  }
32865
32888
  .bx--slider-text-input::-webkit-outer-spin-button, .bx--slider-text-input::-webkit-inner-spin-button,