carbon-addons-iot-react 2.149.0-next.2 → 2.149.0-next.20

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 (81) hide show
  1. package/CHANGELOG.md +211 -0
  2. package/css/carbon-addons-iot-react.css +185 -17
  3. package/css/carbon-addons-iot-react.css.map +1 -1
  4. package/es/components/Card/Card.js +25 -9
  5. package/es/components/DateTimePicker/DateTimePicker.js +94 -402
  6. package/es/components/DateTimePicker/DateTimePickerV2.js +241 -270
  7. package/es/components/DateTimePicker/dateTimePickerUtils.js +561 -6
  8. package/es/components/Header/HeaderAction/HeaderAction.js +4 -1
  9. package/es/components/List/HierarchyList/HierarchyList.js +7 -4
  10. package/es/components/List/List.js +21 -4
  11. package/es/components/List/ListContent/ListContent.js +49 -3
  12. package/es/components/List/ListItem/ListItem.js +1 -1
  13. package/es/components/ProgressBar/ProgressBar.js +82 -17
  14. package/es/components/SuiteHeader/SuiteHeader.js +20 -11
  15. package/es/components/SuiteHeader/SuiteHeaderAppSwitcher/SuiteHeaderAppSwitcher.js +42 -28
  16. package/es/components/SuiteHeader/SuiteHeaderProfile/SuiteHeaderProfile.js +20 -4
  17. package/es/components/SuiteHeader/util/IdleTimer.js +6 -5
  18. package/es/components/Table/Table.js +26 -8
  19. package/es/components/Table/TablePropTypes.js +25 -12
  20. package/es/components/Table/TableSkeletonWithHeaders/TableSkeletonWithHeaders.js +16 -2
  21. package/es/components/Table/TableToolbar/TableToolbar.js +86 -35
  22. package/es/components/Table/TableToolbar/TableToolbarAdvancedFilterFlyout.js +1 -1
  23. package/es/components/Table/TableViewDropdown/TableViewDropdown.js +25 -9
  24. package/es/components/Table/baseTableReducer.js +7 -3
  25. package/es/components/Table/tableReducer.js +10 -2
  26. package/es/components/TableCard/TableCard.js +41 -70
  27. package/es/components/WizardInline/WizardFooter/WizardFooter.js +5 -7
  28. package/es/constants/CardPropTypes.js +5 -2
  29. package/es/hooks/useHasTextOverflow.js +11 -2
  30. package/lib/components/Card/Card.js +25 -9
  31. package/lib/components/DateTimePicker/DateTimePicker.js +95 -403
  32. package/lib/components/DateTimePicker/DateTimePickerV2.js +240 -269
  33. package/lib/components/DateTimePicker/dateTimePickerUtils.js +573 -5
  34. package/lib/components/Header/HeaderAction/HeaderAction.js +4 -1
  35. package/lib/components/List/HierarchyList/HierarchyList.js +7 -4
  36. package/lib/components/List/List.js +21 -4
  37. package/lib/components/List/ListContent/ListContent.js +49 -3
  38. package/lib/components/List/ListItem/ListItem.js +1 -1
  39. package/lib/components/ProgressBar/ProgressBar.js +82 -17
  40. package/lib/components/SuiteHeader/SuiteHeader.js +20 -11
  41. package/lib/components/SuiteHeader/SuiteHeaderAppSwitcher/SuiteHeaderAppSwitcher.js +42 -28
  42. package/lib/components/SuiteHeader/SuiteHeaderProfile/SuiteHeaderProfile.js +20 -4
  43. package/lib/components/SuiteHeader/util/IdleTimer.js +6 -5
  44. package/lib/components/Table/Table.js +26 -8
  45. package/lib/components/Table/TablePropTypes.js +27 -11
  46. package/lib/components/Table/TableSkeletonWithHeaders/TableSkeletonWithHeaders.js +16 -2
  47. package/lib/components/Table/TableToolbar/TableToolbar.js +84 -33
  48. package/lib/components/Table/TableToolbar/TableToolbarAdvancedFilterFlyout.js +1 -1
  49. package/lib/components/Table/TableViewDropdown/TableViewDropdown.js +25 -9
  50. package/lib/components/Table/baseTableReducer.js +7 -3
  51. package/lib/components/Table/tableReducer.js +10 -2
  52. package/lib/components/TableCard/TableCard.js +42 -72
  53. package/lib/components/WizardInline/WizardFooter/WizardFooter.js +6 -8
  54. package/lib/constants/CardPropTypes.js +5 -2
  55. package/lib/css/carbon-addons-iot-react.css +185 -17
  56. package/lib/css/carbon-addons-iot-react.css.map +1 -1
  57. package/lib/hooks/useHasTextOverflow.js +11 -2
  58. package/lib/scss/components/Card/_card.scss +6 -0
  59. package/lib/scss/components/DateTimePicker/_date-time-picker.scss +4 -0
  60. package/lib/scss/components/DateTimePicker/_date-time-pickerv2.scss +19 -0
  61. package/lib/scss/components/List/ListItem/_list-item.scss +11 -0
  62. package/lib/scss/components/ProgressBar/_progress-bar.scss +32 -3
  63. package/lib/scss/components/SuiteHeader/_suite-header.scss +4 -13
  64. package/lib/scss/components/Table/TableToolbar/_table-toolbar.scss +36 -1
  65. package/lib/scss/components/TableCard/_table-card.scss +102 -0
  66. package/lib/scss/components/TileGallery/_tile-gallery.scss +6 -1
  67. package/lib/scss/components/TimePickerSpinner/_time-picker-spinner.scss +1 -3
  68. package/lib/scss/components/WizardInline/_wizard-inline.scss +5 -0
  69. package/package.json +9 -8
  70. package/scss/components/Card/_card.scss +6 -0
  71. package/scss/components/DateTimePicker/_date-time-picker.scss +4 -0
  72. package/scss/components/DateTimePicker/_date-time-pickerv2.scss +19 -0
  73. package/scss/components/List/ListItem/_list-item.scss +11 -0
  74. package/scss/components/ProgressBar/_progress-bar.scss +32 -3
  75. package/scss/components/SuiteHeader/_suite-header.scss +4 -13
  76. package/scss/components/Table/TableToolbar/_table-toolbar.scss +36 -1
  77. package/scss/components/TableCard/_table-card.scss +102 -0
  78. package/scss/components/TileGallery/_tile-gallery.scss +6 -1
  79. package/scss/components/TimePickerSpinner/_time-picker-spinner.scss +1 -3
  80. package/scss/components/WizardInline/_wizard-inline.scss +5 -0
  81. package/umd/carbon-addons-iot-react.js +1892 -1396
package/CHANGELOG.md CHANGED
@@ -3,6 +3,217 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [2.149.0-next.20](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.19...v2.149.0-next.20) (2022-03-07)
7
+
8
+
9
+ ### Features
10
+
11
+ * **progress-bar:** add inline variant ([191d557](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/191d557d71b2acf603586f31c084b88d75284fc3))
12
+
13
+
14
+
15
+
16
+
17
+ # [2.149.0-next.19](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.18...v2.149.0-next.19) (2022-03-05)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * **table:** hide the divider line before cancel on hover ([c77bb66](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c77bb668642a9dadaafd22a6543163e86e6480d8))
23
+
24
+
25
+ ### Features
26
+
27
+ * **table:** add overflow menu to batch actions ([46511b9](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/46511b91f854b0e879098d198f1eb7672796bb0a))
28
+
29
+
30
+
31
+
32
+
33
+ # [2.149.0-next.18](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.17...v2.149.0-next.18) (2022-03-02)
34
+
35
+
36
+ ### Bug Fixes
37
+
38
+ * **date-time-picker:** rtl issues ([d9ede7d](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/d9ede7d3c87dd213868633f098cd78f4cf3d7015))
39
+ * **time-picker-spinner:** positioning of buttons when invalid ([fa4df07](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/fa4df07e74e77017ca709ec183001ac0f21b2fa9))
40
+
41
+
42
+
43
+
44
+
45
+ # [2.149.0-next.17](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.16...v2.149.0-next.17) (2022-02-28)
46
+
47
+ **Note:** Version bump only for package carbon-addons-iot-react
48
+
49
+
50
+
51
+
52
+
53
+ # [2.149.0-next.16](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.15...v2.149.0-next.16) (2022-02-28)
54
+
55
+ **Note:** Version bump only for package carbon-addons-iot-react
56
+
57
+
58
+
59
+
60
+
61
+ # [2.149.0-next.15](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.14...v2.149.0-next.15) (2022-02-28)
62
+
63
+ **Note:** Version bump only for package carbon-addons-iot-react
64
+
65
+
66
+
67
+
68
+
69
+ # [2.149.0-next.14](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.13...v2.149.0-next.14) (2022-02-28)
70
+
71
+
72
+ ### Bug Fixes
73
+
74
+ * **SuiteHeader:** Making all actions in SuiteHeader (but the Logout action) become html `<a>` elements so that basic browser workflow works as expected ("open in a new tab" context menu option, ctrl+click to force open in new tab). ([0f4b085](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0f4b0852c71e6cc7656034bd670829b94e829ab6))
75
+ * **SuiteHeaderAppSwitcher:** Fixing the styling so that it looks the way it was before the changes to convert buttons to anchor links in the SuiteHeader. ([322422d](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/322422d89e156e8cb16ab41da416ac6b5b3e0f8c))
76
+ * **table:** show correct number of columns in tableskeleton ([74e8a8a](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/74e8a8a2f8bde3a3d725e8115b821bb4098e3db6)), closes [#3323](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3323)
77
+
78
+
79
+
80
+
81
+
82
+ # [2.149.0-next.13](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.12...v2.149.0-next.13) (2022-02-28)
83
+
84
+
85
+ ### Bug Fixes
86
+
87
+ * **IdleTimer:** Adding `Secure;` too the cookie only if window.location.protocol is https. ([45e0f02](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/45e0f025fc85f161b4a4f930ddf6f874b86da1a7))
88
+ * **IdleTimer:** Adding the `Secure;` property to the cookie, ([19db552](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/19db552c26a0f0795d985fe68cb4b127e5b4c6fb))
89
+ * **IdleTimer:** Calculating the new countdown based on the current timestamp and the last user activity timeout instead of just subtracting 1 second from the last value. This is needed because browsers usually reduce the priority of javascript and timers in inactive tabs (minimized tabs or tabs without focus), which can cause the logout confirmation dialog to show different countdowns in different tabs. ([1911ea9](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/1911ea9b308195854f98c63ea6082242703c430c))
90
+ * **IdleTimer:** Minor fix for an edge case. Countdown needs to be 29 seconds in its first iteration, not 30. ([9fe4b69](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/9fe4b699d4c54a5028069c0012436c6f980df30c))
91
+ * **tile-gallery:** fix styles, sizing on TileGalleryItem list ([7734959](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/7734959311918f0c6bfec342b93b6fc8d172f8a6))
92
+ * **tile-gallery-item:** fix overflow menu hover color, and content jumps ([5f306ba](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/5f306ba23847a0fa9dc13d46e09f2ccdffd7af02))
93
+
94
+
95
+
96
+
97
+
98
+ # [2.149.0-next.12](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.11...v2.149.0-next.12) (2022-02-25)
99
+
100
+
101
+ ### Bug Fixes
102
+
103
+ * **table:** remove bottom border on expanded search box ([bc99611](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/bc99611c1f1a037616c8b5502db5759f83f7c426))
104
+
105
+
106
+ ### Features
107
+
108
+ * **table:** add prop to allow search to always be open ([4e30f3e](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/4e30f3eb9839dfe657b2e06cb69864226807069f))
109
+ * **table:** add support for isExpanded in StatefulTable ([abda495](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/abda495e5a3e10de3eca02a93b043246192cfe41))
110
+
111
+
112
+
113
+
114
+
115
+ # [2.149.0-next.11](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.10...v2.149.0-next.11) (2022-02-24)
116
+
117
+
118
+ ### Bug Fixes
119
+
120
+ * **table:** advanced filter crash fix ([fabc07b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/fabc07b85e723f6ad4cd5a504247a5f4b0c33c89)), closes [#3319](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3319)
121
+
122
+
123
+ ### Reverts
124
+
125
+ * Revert "chore(repo): add netlify.toml for react" ([e8f097d](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/e8f097dba490b2d5d564fc992ab55e00dbe7a66b))
126
+
127
+
128
+
129
+
130
+
131
+ # [2.149.0-next.10](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.9...v2.149.0-next.10) (2022-02-23)
132
+
133
+ **Note:** Version bump only for package carbon-addons-iot-react
134
+
135
+
136
+
137
+
138
+
139
+ # [2.149.0-next.9](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.8...v2.149.0-next.9) (2022-02-22)
140
+
141
+
142
+ ### Bug Fixes
143
+
144
+ * **stateful-table:** fix multi-sort and advanced filters cooperatively ([c6c01ef](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c6c01ef1619dfc7acdf3c1e80c7ee8f4a302c2e1))
145
+ * **table:** maintain correct filtering when toggling multisort direction ([8b149aa](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/8b149aa739de2606fd7b7032c19c998d89d0407c))
146
+
147
+
148
+ ### Features
149
+
150
+ * **card:** add padding knob to custom card story ([0220544](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0220544f3034f2473789bd038a9162baa4af9370))
151
+ * **card:** add padding prop to card ([214c082](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/214c0827115d3f5c4fe6c0405fdd558205b56ca9))
152
+ * **tableviewdropdown:** add prop isHidingStandardActions ([b4e5990](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b4e59903317eea177908fd37806a00a5f0cd0484))
153
+
154
+
155
+
156
+
157
+
158
+ # [2.149.0-next.8](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.7...v2.149.0-next.8) (2022-02-21)
159
+
160
+ **Note:** Version bump only for package carbon-addons-iot-react
161
+
162
+
163
+
164
+
165
+
166
+ # [2.149.0-next.7](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.6...v2.149.0-next.7) (2022-02-21)
167
+
168
+ **Note:** Version bump only for package carbon-addons-iot-react
169
+
170
+
171
+
172
+
173
+
174
+ # [2.149.0-next.6](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.5...v2.149.0-next.6) (2022-02-18)
175
+
176
+
177
+ ### Bug Fixes
178
+
179
+ * **card:** fix overflow tooltip for card ([68611c4](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/68611c412345ccfe29861fef1dfa17eeb9e32aed))
180
+
181
+
182
+ ### Features
183
+
184
+ * **hierarchy-list:** call onExpandedChange after rows are expanded ([f6811a8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/f6811a89909d0de4df663883924429e6f4242b38))
185
+
186
+
187
+
188
+
189
+
190
+ # [2.149.0-next.5](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.4...v2.149.0-next.5) (2022-02-16)
191
+
192
+ **Note:** Version bump only for package carbon-addons-iot-react
193
+
194
+
195
+
196
+
197
+
198
+ # [2.149.0-next.4](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.3...v2.149.0-next.4) (2022-02-16)
199
+
200
+
201
+ ### Features
202
+
203
+ * **status-bar:** add className prop ([7e4aaf6](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/7e4aaf6b18f92d587db0f5ef2339c5a3c6113c8a))
204
+
205
+
206
+
207
+
208
+
209
+ # [2.149.0-next.3](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.2...v2.149.0-next.3) (2022-02-16)
210
+
211
+ **Note:** Version bump only for package carbon-addons-iot-react
212
+
213
+
214
+
215
+
216
+
6
217
  # [2.149.0-next.2](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.1...v2.149.0-next.2) (2022-02-15)
7
218
 
8
219
 
@@ -29879,6 +29879,12 @@ html[dir=rtl] .iot--card--header {
29879
29879
  background-color: inherit;
29880
29880
  }
29881
29881
 
29882
+ .iot--card__content--no-padding {
29883
+ padding-left: 0;
29884
+ padding-right: 0;
29885
+ padding-bottom: 0;
29886
+ }
29887
+
29882
29888
  .iot--card--content--expanded {
29883
29889
  overflow-y: auto;
29884
29890
  }
@@ -30903,6 +30909,9 @@ div.iot--card-edit-form--data-item-list .iot--list-item--content--values--value_
30903
30909
  .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu.iot--date-time-picker__menu-expanded {
30904
30910
  display: block;
30905
30911
  }
30912
+ .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu.iot--date-time-picker__menu-expanded .bx--list__item:before {
30913
+ display: none;
30914
+ }
30906
30915
  .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll {
30907
30916
  overflow-y: auto;
30908
30917
  }
@@ -31035,6 +31044,9 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
31035
31044
  color: none;
31036
31045
  background: none;
31037
31046
  }
31047
+ [dir=rtl] .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full {
31048
+ padding-right: 1rem;
31049
+ }
31038
31050
  .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full:hover {
31039
31051
  background-color: inherit;
31040
31052
  }
@@ -31048,6 +31060,7 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
31048
31060
  padding-left: 1rem;
31049
31061
  overflow: hidden;
31050
31062
  text-overflow: ellipsis;
31063
+ position: relative;
31051
31064
  }
31052
31065
  .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field span {
31053
31066
  white-space: nowrap;
@@ -31062,6 +31075,14 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
31062
31075
  .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus {
31063
31076
  outline: unset;
31064
31077
  }
31078
+ .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field .iot--date-time-picker__tooltip-trigger {
31079
+ position: absolute;
31080
+ left: 0;
31081
+ right: 0;
31082
+ top: 0;
31083
+ bottom: 0;
31084
+ pointer-events: none;
31085
+ }
31065
31086
  .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--light {
31066
31087
  background-color: #f4f4f4;
31067
31088
  }
@@ -31073,6 +31094,9 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
31073
31094
  overflow-y: auto;
31074
31095
  width: var(--wrapper-width);
31075
31096
  }
31097
+ .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll .bx--list__item:before {
31098
+ display: none;
31099
+ }
31076
31100
  .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll .bx--fieldset {
31077
31101
  margin-bottom: 1.5rem;
31078
31102
  padding: 0 1rem;
@@ -32820,6 +32844,12 @@ html[dir=rtl] .iot--list-builder__reset-button .bx--btn__icon {
32820
32844
  position: absolute;
32821
32845
  align-items: stretch;
32822
32846
  }
32847
+ .iot--list-item-editable--drop-targets.iot--list-item__large {
32848
+ margin-left: -1rem;
32849
+ }
32850
+ [dir=rtl] .iot--list-item-editable--drop-targets.iot--list-item__large {
32851
+ margin-right: -1rem;
32852
+ }
32823
32853
  .iot--list-item-editable--drop-target-above {
32824
32854
  position: relative;
32825
32855
  width: 100%;
@@ -32827,6 +32857,9 @@ html[dir=rtl] .iot--list-builder__reset-button .bx--btn__icon {
32827
32857
  }
32828
32858
  .iot--list-item-editable--drop-target-above__over {
32829
32859
  border-top: solid 2px #0f62fe;
32860
+ position: absolute;
32861
+ width: calc(100% + 2rem);
32862
+ top: 0;
32830
32863
  }
32831
32864
  .iot--list-item-editable--drop-target-nested {
32832
32865
  position: absolute;
@@ -34373,13 +34406,19 @@ html[dir=rtl] .iot--menu-button__menu .bx--menu-option__info {
34373
34406
  .iot--progress-bar-container {
34374
34407
  position: relative;
34375
34408
  }
34376
-
34377
- .bx--progress-bar__label {
34409
+ .iot--progress-bar-container .bx--progress-bar__label {
34378
34410
  font-size: 0.875rem;
34379
34411
  font-weight: 600;
34380
34412
  line-height: 1.28572;
34381
34413
  letter-spacing: 0.16px;
34382
34414
  color: #161616;
34415
+ margin-right: calc(4rem + 0.5rem);
34416
+ text-overflow: ellipsis;
34417
+ overflow: hidden;
34418
+ }
34419
+
34420
+ .iot--progress-bar-container--with-icon .bx--progress-bar__label {
34421
+ margin-right: calc(5rem + 0.5rem);
34383
34422
  }
34384
34423
 
34385
34424
  .iot--progress-bar__label--right {
@@ -34405,6 +34444,15 @@ html[dir=rtl] .iot--menu-button__menu .bx--menu-option__info {
34405
34444
  line-height: 1.28572;
34406
34445
  letter-spacing: 0.16px;
34407
34446
  color: #161616;
34447
+ overflow: hidden;
34448
+ white-space: nowrap;
34449
+ text-overflow: ellipsis;
34450
+ max-width: 4rem;
34451
+ }
34452
+
34453
+ .iot--progress-bar__value-label--inline {
34454
+ position: relative;
34455
+ top: -0.25rem;
34408
34456
  }
34409
34457
 
34410
34458
  .iot--progress-bar__value-label--over {
@@ -34427,6 +34475,16 @@ html[dir=rtl] .iot--menu-button__menu .bx--menu-option__info {
34427
34475
  transform-origin: 100% 50%;
34428
34476
  }
34429
34477
 
34478
+ .iot--progress-bar-wrapper--inline {
34479
+ display: grid;
34480
+ grid-template-columns: 1fr auto;
34481
+ -webkit-column-gap: 0.5rem;
34482
+ column-gap: 0.5rem;
34483
+ }
34484
+ .iot--progress-bar-wrapper--inline .bx--progress-bar__label {
34485
+ margin-right: 0;
34486
+ }
34487
+
34430
34488
  /* stylelint-disable-line no-invalid-position-at-import-rule */
34431
34489
  /* stylelint-disable-line no-invalid-position-at-import-rule */
34432
34490
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -35733,7 +35791,8 @@ html[dir=rtl] .iot--side-nav__item--depth-3 .bx--side-nav__link-text {
35733
35791
  .iot--suite-header-app-switcher li {
35734
35792
  width: 100%;
35735
35793
  }
35736
- .iot--suite-header-app-switcher li button {
35794
+ .iot--suite-header-app-switcher li button,
35795
+ .iot--suite-header-app-switcher li a {
35737
35796
  margin: 1rem;
35738
35797
  width: calc(100% - 32px);
35739
35798
  min-height: 40px;
@@ -35750,19 +35809,10 @@ html[dir=rtl] .iot--side-nav__item--depth-3 .bx--side-nav__link-text {
35750
35809
  color: #161616;
35751
35810
  }
35752
35811
  .iot--suite-header-app-switcher a {
35753
- display: flex;
35754
35812
  align-items: center;
35755
- padding: 1rem;
35756
35813
  }
35757
35814
  .iot--suite-header-app-switcher--nav-link a {
35758
35815
  text-decoration: none;
35759
- color: #525252;
35760
- }
35761
- .iot--suite-header-app-switcher--nav-link a:hover {
35762
- background-color: #e5e5e5;
35763
- }
35764
- .iot--suite-header-app-switcher--nav-link a svg {
35765
- margin-right: 0.5rem;
35766
35816
  }
35767
35817
  .iot--suite-header-app-switcher--nav-link--loading {
35768
35818
  display: flex;
@@ -35785,7 +35835,8 @@ html[dir=rtl] .iot--side-nav__item--depth-3 .bx--side-nav__link-text {
35785
35835
  border-bottom: 1px solid #e0e0e0;
35786
35836
  margin: 0 1rem 0 1rem;
35787
35837
  }
35788
- .iot--suite-header-app-switcher--app-link button {
35838
+ .iot--suite-header-app-switcher--app-link button,
35839
+ .iot--suite-header-app-switcher--app-link a {
35789
35840
  font-size: 0.875rem;
35790
35841
  font-weight: 600;
35791
35842
  line-height: 1.28572;
@@ -35793,7 +35844,8 @@ html[dir=rtl] .iot--side-nav__item--depth-3 .bx--side-nav__link-text {
35793
35844
  text-decoration: none;
35794
35845
  color: #525252;
35795
35846
  }
35796
- .iot--suite-header-app-switcher--app-link button:hover {
35847
+ .iot--suite-header-app-switcher--app-link button:hover,
35848
+ .iot--suite-header-app-switcher--app-link a:hover {
35797
35849
  background-color: #e5e5e5;
35798
35850
  }
35799
35851
  .iot--suite-header-app-switcher--no-app {
@@ -36001,6 +36053,9 @@ div.bx--toolbar-action.bx--toolbar-search-container-expandable > div.bx--search.
36001
36053
  font-size: 0.875rem;
36002
36054
  z-index: 2;
36003
36055
  }
36056
+ .iot--table-toolbar-content .bx--toolbar-search-container-active .bx--search-input {
36057
+ border-bottom: 0;
36058
+ }
36004
36059
 
36005
36060
  .bx--batch-actions:not(.bx--batch-actions--active) ~ .bx--toolbar-content {
36006
36061
  -webkit-clip-path: unset;
@@ -36072,6 +36127,24 @@ html[dir=rtl] .iot--table-batch-actions .bx--btn--primary.bx--batch-summary__can
36072
36127
  margin-left: 0.5rem;
36073
36128
  }
36074
36129
 
36130
+ .iot--table-overflow-batch-actions.bx--overflow-menu--open, .iot--table-overflow-batch-actions.bx--overflow-menu--open:hover, .iot--table-overflow-batch-actions:hover {
36131
+ background-color: #0353e9;
36132
+ }
36133
+ .iot--table-overflow-batch-actions:focus {
36134
+ outline: 2px solid #ffffff;
36135
+ outline-offset: -0.125rem;
36136
+ }
36137
+ .iot--table-overflow-batch-actions > svg {
36138
+ fill: #ffffff;
36139
+ }
36140
+ .iot--table-overflow-batch-actions:hover + .bx--btn--primary.bx--batch-summary__cancel::before, .iot--table-overflow-batch-actions:focus + .bx--btn--primary.bx--batch-summary__cancel::before {
36141
+ opacity: 0;
36142
+ }
36143
+
36144
+ .iot--table-overflow-batch-actions__menu:after {
36145
+ background-color: #0353e9;
36146
+ }
36147
+
36075
36148
  .iot--pagination .bx--pagination__left {
36076
36149
  margin: auto auto auto 0;
36077
36150
  }
@@ -37464,6 +37537,91 @@ html[dir=rtl] .iot--manage-views-modal__public-checkbox {
37464
37537
  margin-bottom: 1rem;
37465
37538
  }
37466
37539
 
37540
+ .iot--table-card__table {
37541
+ flex: inherit;
37542
+ height: 100%;
37543
+ position: relative;
37544
+ overflow-y: hidden;
37545
+ }
37546
+ .iot--table-card__table .bx--pagination {
37547
+ position: absolute;
37548
+ bottom: 0;
37549
+ }
37550
+ .iot--table-card__table .bx--data-table-content {
37551
+ height: 90%;
37552
+ }
37553
+ .iot--table-card__table .bx--list-box__menu-item {
37554
+ height: 2rem;
37555
+ font-weight: normal;
37556
+ }
37557
+ .iot--table-card__table .bx--table-toolbar {
37558
+ padding-bottom: 0.125rem;
37559
+ padding-top: 0px;
37560
+ }
37561
+ .iot--table-card__table .bx--data-table th:first-of-type,
37562
+ .iot--table-card__table .bx--data-table td:first-of-type {
37563
+ padding-left: 1rem;
37564
+ padding-right: 1rem;
37565
+ }
37566
+ .iot--table-card__table .bx--data-table thead tr {
37567
+ height: 2rem;
37568
+ }
37569
+ .iot--table-card__table .bx--data-table tbody tr {
37570
+ height: 2.5rem;
37571
+ }
37572
+ .iot--table-card__table .bx--data-table-content + .bx--pagination {
37573
+ border: 1px solid #e0e0e0;
37574
+ }
37575
+ .iot--table-card__table .bx--toolbar-search-container {
37576
+ margin-left: 1rem;
37577
+ }
37578
+ .iot--table-card__table .bx--data-table {
37579
+ height: 100%;
37580
+ }
37581
+ .iot--table-card__table .bx--data-table td {
37582
+ white-space: nowrap;
37583
+ }
37584
+ .iot--table-card__table .bx--data-table thead tr:nth-child(2) {
37585
+ height: 4rem;
37586
+ }
37587
+ .iot--table-card__table .bx--data-table thead tr:nth-child(2) th {
37588
+ padding-top: 0.3125rem;
37589
+ padding-bottom: 0.625rem;
37590
+ }
37591
+ .iot--table-card__table .bx--data-table thead tr:nth-child(2) th input {
37592
+ height: 2rem;
37593
+ }
37594
+ .iot--table-card__table .bx--data-table thead tr:nth-child(2) th div.bx--form-item {
37595
+ display: block;
37596
+ }
37597
+ .iot--table-card__table .bx--data-table thead tr:nth-child(2) th div.bx--form-item .bx--list-box {
37598
+ height: auto;
37599
+ }
37600
+ .iot--table-card__table .bx--data-table thead tr:nth-child(2) th div.bx--list-box {
37601
+ height: 2rem;
37602
+ }
37603
+
37604
+ .iot--table-card__table--expanded {
37605
+ overflow-y: auto;
37606
+ padding-bottom: 4rem;
37607
+ }
37608
+ .iot--table-card__table--expanded .bx--pagination {
37609
+ position: fixed;
37610
+ bottom: 1.5625rem;
37611
+ width: calc(100% - 2.1875rem);
37612
+ }
37613
+
37614
+ .iot--table-card__table--hide-header .bx--data-table thead {
37615
+ display: none;
37616
+ }
37617
+
37618
+ .iot--table-card__table--with-data .bx--data-table {
37619
+ height: initial;
37620
+ }
37621
+ .iot--table-card__table--with-data:not(.iot--table-card__table--expanded) .bx--data-table-content {
37622
+ max-height: 32.6875rem;
37623
+ }
37624
+
37467
37625
  .iot--tile-catalog--persistent-search {
37468
37626
  margin-bottom: 1rem;
37469
37627
  }
@@ -37790,6 +37948,7 @@ html[dir=rtl] .bx--tile__checkmark {
37790
37948
  margin-top: 1rem;
37791
37949
  box-shadow: none;
37792
37950
  border: solid 0.0625rem #f4f4f4;
37951
+ padding: 1rem;
37793
37952
  }
37794
37953
  .tile-gallery-item .options {
37795
37954
  flex: 0;
@@ -37811,6 +37970,7 @@ html[dir=rtl] .bx--tile__checkmark {
37811
37970
  white-space: nowrap;
37812
37971
  text-overflow: ellipsis;
37813
37972
  overflow-x: hidden;
37973
+ color: #c6c6c6;
37814
37974
  }
37815
37975
  .tile-gallery-item small {
37816
37976
  color: #161616;
@@ -37832,6 +37992,9 @@ html[dir=rtl] .bx--tile__checkmark {
37832
37992
  margin-top: -0.5rem;
37833
37993
  margin-left: auto;
37834
37994
  }
37995
+ .tile-gallery-item .overflow-menu .bx--overflow-menu:hover {
37996
+ background-color: #cacaca;
37997
+ }
37835
37998
  .tile-gallery-item.bx--link:hover {
37836
37999
  text-decoration: none;
37837
38000
  }
@@ -37847,7 +38010,7 @@ html[dir=rtl] .bx--tile__checkmark {
37847
38010
  }
37848
38011
  .tile-gallery-item.tile-list-title:hover {
37849
38012
  background: #e0e0e0;
37850
- border: none;
38013
+ border-color: transparent;
37851
38014
  }
37852
38015
  .tile-gallery-item.tile-list-title .title-card {
37853
38016
  margin-left: 1rem;
@@ -37931,8 +38094,8 @@ html[dir=rtl] .bx--tile__checkmark {
37931
38094
  .iot--time-picker__wrapper.iot--time-picker__wrapper--show-underline.iot--time-picker__wrapper--show-underline-minutes .bx--time-picker__input:before {
37932
38095
  left: 2.7rem;
37933
38096
  }
37934
- .iot--time-picker__wrapper .bx--time-picker--invalid .iot--time-picker__controls {
37935
- bottom: calc(1.5rem - 0.125rem);
38097
+ .iot--time-picker__wrapper .bx--time-picker--invalid {
38098
+ position: relative;
37936
38099
  }
37937
38100
  .iot--time-picker__wrapper .iot--time-picker__controls {
37938
38101
  position: absolute;
@@ -38187,6 +38350,11 @@ html[dir=rtl] .iot--value-card__value-renderer--value.iot--btn {
38187
38350
  padding-left: 1rem;
38188
38351
  }
38189
38352
 
38353
+ .iot--wizard-footer__buttons {
38354
+ display: flex;
38355
+ margin: auto 0 auto auto;
38356
+ }
38357
+
38190
38358
  .iot--wizard-modal .bx--modal-container {
38191
38359
  min-width: 410px;
38192
38360
  }