carbon-addons-iot-react 5.10.6 → 5.10.7

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 (32) hide show
  1. package/css/carbon-addons-iot-react.css +35 -15
  2. package/css/carbon-addons-iot-react.css.map +1 -1
  3. package/es/components/Card/CardTypeContent.js +4 -4
  4. package/es/components/DateTimePicker/DateTimePickerV2WithTimeSpinner.js +0 -1
  5. package/es/components/Table/TableBody/TableBodyRow/TableBodyRow.js +7 -0
  6. package/es/components/Table/TableCellRenderer/TableCellRenderer.js +5 -2
  7. package/es/components/Table/TableHead/ColumnResize.js +30 -26
  8. package/es/components/Table/TableToolbar/TableToolbar.js +280 -83
  9. package/es/components/Tooltip/DefinitionTooltip.js +405 -0
  10. package/es/internal/keyboard.js +39 -0
  11. package/lib/components/Card/CardTypeContent.js +4 -4
  12. package/lib/components/DateTimePicker/DateTimePickerV2WithTimeSpinner.js +0 -1
  13. package/lib/components/Table/TableBody/TableBodyRow/TableBodyRow.js +7 -0
  14. package/lib/components/Table/TableCellRenderer/TableCellRenderer.js +5 -2
  15. package/lib/components/Table/TableHead/ColumnResize.js +30 -26
  16. package/lib/components/Table/TableToolbar/TableToolbar.js +282 -85
  17. package/lib/components/Tooltip/DefinitionTooltip.js +419 -0
  18. package/lib/css/carbon-addons-iot-react.css +35 -15
  19. package/lib/css/carbon-addons-iot-react.css.map +1 -1
  20. package/lib/internal/keyboard.js +42 -0
  21. package/lib/scss/components/Table/TableHead/_column-resize.scss +6 -2
  22. package/lib/scss/components/Table/TableHead/_table-head.scss +4 -9
  23. package/lib/scss/components/Table/TableToolbar/_table-toolbar.scss +8 -6
  24. package/lib/scss/components/Tooltip/_definition-tooltip.scss +22 -0
  25. package/lib/scss/components/Tooltip/_tooltip.scss +3 -0
  26. package/package.json +1 -1
  27. package/scss/components/Table/TableHead/_column-resize.scss +6 -2
  28. package/scss/components/Table/TableHead/_table-head.scss +4 -9
  29. package/scss/components/Table/TableToolbar/_table-toolbar.scss +8 -6
  30. package/scss/components/Tooltip/_definition-tooltip.scss +22 -0
  31. package/scss/components/Tooltip/_tooltip.scss +3 -0
  32. package/umd/carbon-addons-iot-react.js +1160 -531
@@ -35213,6 +35213,10 @@ div.cds--toolbar-action.cds--toolbar-search-container-expandable > div.cds--sear
35213
35213
  will-change: transform;
35214
35214
  }
35215
35215
 
35216
+ .cds--batch-actions.cds--batch-actions--active.iot--table-batch-actions {
35217
+ z-index: 2;
35218
+ }
35219
+
35216
35220
  .iot--table-toolbar-content {
35217
35221
  flex: 1;
35218
35222
  font-size: 0.875rem;
@@ -35305,17 +35309,17 @@ html[dir=rtl] .iot--table-batch-actions .cds--btn--primary.cds--batch-summary__c
35305
35309
  margin-left: 0.5rem;
35306
35310
  }
35307
35311
 
35308
- .iot--table-overflow-batch-actions:focus {
35309
- outline: 2px solid var(--cds-layer-01, #f4f4f4);
35312
+ .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions.cds--overflow-menu--open, .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions.cds--overflow-menu--open:hover, .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:focus {
35313
+ outline: 0.125rem solid var(--cds-layer-01, #f4f4f4);
35310
35314
  outline-offset: -0.125rem;
35311
35315
  }
35312
- .iot--table-overflow-batch-actions.iot--overflow-menu-icon.iot--tooltip-svg-wrapper .cds--btn__icon {
35316
+ .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions.iot--overflow-menu-icon.iot--tooltip-svg-wrapper .cds--btn__icon {
35313
35317
  fill: var(--cds-layer-01, #f4f4f4);
35314
35318
  }
35315
- .iot--table-overflow-batch-actions:hover + .cds--btn--primary.cds--batch-summary__cancel::before, .iot--table-overflow-batch-actions:focus + .cds--btn--primary.cds--batch-summary__cancel::before {
35319
+ .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:hover + .cds--btn--primary.cds--batch-summary__cancel::before, .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:focus + .cds--btn--primary.cds--batch-summary__cancel::before {
35316
35320
  opacity: 0;
35317
35321
  }
35318
- .iot--table-overflow-batch-actions:hover.iot--overflow-menu-icon.iot--tooltip-svg-wrapper svg.cds--btn__icon, .iot--table-overflow-batch-actions:focus.iot--overflow-menu-icon.iot--tooltip-svg-wrapper svg.cds--btn__icon {
35322
+ .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:hover.iot--overflow-menu-icon.iot--tooltip-svg-wrapper svg.cds--btn__icon, .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:focus.iot--overflow-menu-icon.iot--tooltip-svg-wrapper svg.cds--btn__icon {
35319
35323
  fill: var(--cds-layer-01, #f4f4f4);
35320
35324
  }
35321
35325
 
@@ -36572,18 +36576,22 @@ html[dir=rtl] .iot--row-actions-container__background .iot--row-actions-cell--ov
36572
36576
  height: 100%;
36573
36577
  z-index: 1;
36574
36578
  position: absolute;
36575
- outline: none;
36576
36579
  }
36577
36580
  .iot--column-resize-handle:hover {
36578
36581
  background-color: var(--cds-layer-selected-inverse, #161616);
36579
36582
  }
36583
+ .iot--column-resize-handle:focus {
36584
+ background-color: var(--cds-layer-selected-inverse, #161616);
36585
+ outline: 0.125rem solid var(--cds-focus, #0f62fe);
36586
+ outline-offset: -0.125rem;
36587
+ }
36580
36588
 
36581
36589
  .iot--column-resize-handle--dragging {
36582
36590
  background-color: var(--cds-layer-selected-inverse, #161616);
36583
36591
  }
36584
36592
 
36585
36593
  .iot--table-expand-resize {
36586
- width: "40px";
36594
+ width: 40px;
36587
36595
  }
36588
36596
 
36589
36597
  html:not([dir]) .iot--column-resize-handle {
@@ -37370,9 +37378,6 @@ th .cds--table-sort__flex {
37370
37378
  margin-right: 1rem;
37371
37379
  width: 100%;
37372
37380
  }
37373
- .cds--data-table th[aria-sort] span.cds--popover-container {
37374
- padding-left: 1rem;
37375
- }
37376
37381
  .cds--data-table th button.cds--definition-term {
37377
37382
  font-weight: 600;
37378
37383
  }
@@ -37526,17 +37531,16 @@ html[dir=rtl] .cds--data-table .iot--table-header-label__sort-order {
37526
37531
  outline: none;
37527
37532
  }
37528
37533
  .cds--data-table .cds--table-sort {
37529
- padding-left: 0;
37530
- padding-right: 0;
37534
+ padding-inline-start: 1rem;
37531
37535
  }
37532
37536
  .cds--data-table .cds--table-sort .cds--table-header-label,
37533
37537
  .cds--data-table .cds--table-sort .cds--tooltip--definition {
37534
- padding-left: 1rem;
37535
- padding-right: 0;
37538
+ padding-inline-start: 0;
37539
+ padding-inline-end: 0;
37540
+ text-decoration: none;
37536
37541
  }
37537
37542
  [dir=rtl] .cds--data-table .cds--table-sort .cds--table-header-label,
37538
37543
  [dir=rtl] .cds--data-table .cds--table-sort .cds--tooltip--definition {
37539
- padding-left: unset;
37540
37544
  padding-right: 1rem;
37541
37545
  }
37542
37546
 
@@ -39942,6 +39946,22 @@ html[dir=rtl] .iot--manage-views-modal__public-checkbox {
39942
39946
  max-height: 32.6875rem;
39943
39947
  }
39944
39948
 
39949
+ .cds--popover-container .cds--definition-term {
39950
+ margin-inline-start: 0;
39951
+ text-decoration: none;
39952
+ }
39953
+ .cds--popover-container .cds--definition-term .iot--table__cell-text--truncate {
39954
+ overflow: hidden;
39955
+ }
39956
+
39957
+ .cds--popover-container .cds--definition-term > span:first-child {
39958
+ padding-inline-start: 0;
39959
+ }
39960
+
39961
+ .cds--popover-container .cds--definition-term > span.cds--popover-container {
39962
+ padding: 0;
39963
+ }
39964
+
39945
39965
  .iot--tooltip {
39946
39966
  display: inline-flex;
39947
39967
  align-items: center;