carbon-addons-iot-react 5.10.6 → 5.10.8

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 (34) hide show
  1. package/css/carbon-addons-iot-react.css +38 -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 +38 -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/Table/_table.scss +5 -0
  25. package/lib/scss/components/Tooltip/_definition-tooltip.scss +22 -0
  26. package/lib/scss/components/Tooltip/_tooltip.scss +3 -0
  27. package/package.json +1 -1
  28. package/scss/components/Table/TableHead/_column-resize.scss +6 -2
  29. package/scss/components/Table/TableHead/_table-head.scss +4 -9
  30. package/scss/components/Table/TableToolbar/_table-toolbar.scss +8 -6
  31. package/scss/components/Table/_table.scss +5 -0
  32. package/scss/components/Tooltip/_definition-tooltip.scss +22 -0
  33. package/scss/components/Tooltip/_tooltip.scss +3 -0
  34. 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
 
@@ -38622,6 +38626,9 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
38622
38626
  .iot--expandable-tablerow td div .cds--btn--ghost:hover {
38623
38627
  background: var(--cds-layer-accent-01, #e0e0e0);
38624
38628
  }
38629
+ .iot--expandable-tablerow td div .cds--overflow-menu.cds--btn--ghost:hover {
38630
+ background-color: var(--cds-layer);
38631
+ }
38625
38632
 
38626
38633
  .iot--expandable-tablerow--indented td.cds--table-expand {
38627
38634
  position: relative;
@@ -39942,6 +39949,22 @@ html[dir=rtl] .iot--manage-views-modal__public-checkbox {
39942
39949
  max-height: 32.6875rem;
39943
39950
  }
39944
39951
 
39952
+ .cds--popover-container .cds--definition-term {
39953
+ margin-inline-start: 0;
39954
+ text-decoration: none;
39955
+ }
39956
+ .cds--popover-container .cds--definition-term .iot--table__cell-text--truncate {
39957
+ overflow: hidden;
39958
+ }
39959
+
39960
+ .cds--popover-container .cds--definition-term > span:first-child {
39961
+ padding-inline-start: 0;
39962
+ }
39963
+
39964
+ .cds--popover-container .cds--definition-term > span.cds--popover-container {
39965
+ padding: 0;
39966
+ }
39967
+
39945
39968
  .iot--tooltip {
39946
39969
  display: inline-flex;
39947
39970
  align-items: center;