carbon-addons-iot-react 5.10.5 → 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.
- package/css/carbon-addons-iot-react.css +35 -15
- package/css/carbon-addons-iot-react.css.map +1 -1
- package/es/components/BarChartCard/BarChartCard.js +1 -1
- package/es/components/Card/CardTypeContent.js +4 -4
- package/es/components/DateTimePicker/DateTimePickerV2WithTimeSpinner.js +0 -1
- package/es/components/Table/TableBody/TableBodyRow/TableBodyRow.js +7 -0
- package/es/components/Table/TableCellRenderer/TableCellRenderer.js +5 -2
- package/es/components/Table/TableHead/ColumnResize.js +30 -26
- package/es/components/Table/TableToolbar/TableToolbar.js +280 -83
- package/es/components/Tooltip/DefinitionTooltip.js +405 -0
- package/es/internal/keyboard.js +39 -0
- package/lib/components/BarChartCard/BarChartCard.js +1 -1
- package/lib/components/Card/CardTypeContent.js +4 -4
- package/lib/components/DateTimePicker/DateTimePickerV2WithTimeSpinner.js +0 -1
- package/lib/components/Table/TableBody/TableBodyRow/TableBodyRow.js +7 -0
- package/lib/components/Table/TableCellRenderer/TableCellRenderer.js +5 -2
- package/lib/components/Table/TableHead/ColumnResize.js +30 -26
- package/lib/components/Table/TableToolbar/TableToolbar.js +282 -85
- package/lib/components/Tooltip/DefinitionTooltip.js +419 -0
- package/lib/css/carbon-addons-iot-react.css +35 -15
- package/lib/css/carbon-addons-iot-react.css.map +1 -1
- package/lib/internal/keyboard.js +42 -0
- package/lib/scss/components/Table/TableHead/_column-resize.scss +6 -2
- package/lib/scss/components/Table/TableHead/_table-head.scss +4 -9
- package/lib/scss/components/Table/TableToolbar/_table-toolbar.scss +8 -6
- package/lib/scss/components/Tooltip/_definition-tooltip.scss +22 -0
- package/lib/scss/components/Tooltip/_tooltip.scss +3 -0
- package/package.json +1 -1
- package/scss/components/Table/TableHead/_column-resize.scss +6 -2
- package/scss/components/Table/TableHead/_table-head.scss +4 -9
- package/scss/components/Table/TableToolbar/_table-toolbar.scss +8 -6
- package/scss/components/Tooltip/_definition-tooltip.scss +22 -0
- package/scss/components/Tooltip/_tooltip.scss +3 -0
- package/umd/carbon-addons-iot-react.js +1161 -532
|
@@ -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:
|
|
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:
|
|
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-
|
|
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-
|
|
37535
|
-
padding-
|
|
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;
|