carbon-addons-iot-react 2.147.2 → 2.148.0-next.10

package/CHANGELOG.md

@@ -3,28 +3,173 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [2.147.2](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.1...v2.147.2) (2022-01-26)
+# [2.148.0-next.10](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.9...v2.148.0-next.10) (2022-01-28)
 
 
 ### Bug Fixes
 
-* **side-nav:** attempted fix to override carbon ([70baffd](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/70baffd1199cfcbe8f6bea015cfaa08036e5f3ca))
+* **table:** added type to the JSX file ([5fcedc5](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/5fcedc5484f8a576aae51f6c9261fca7eef21912))
+* **table:** filter tag has wrong color on hover ([de46d6b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/de46d6b401354b18a3415760f305cbd073542994))
+* **table:** fixed text color ([44138ff](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/44138ff2080002e94f02faaf05e4110f8ed55a01))
+* **table:** fixed visual regressions tests ([cec7c13](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/cec7c13ee942ae6f4f7a7443a0fc8777cfbe2b7e))
+* **table:** merged with next ([e185499](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/e185499fb4c787675e6cd4c5d6aefb7c1bbd1cbb))
+* **table:** merged with next ([1f45454](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/1f4545442e15601d3b5b53171db281ac91a7f3d3))
+* **table:** reverted style changes ([c12a038](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c12a0386e417b593f04515869514fe9a4997a255))
 
 
 
 
 
-## [2.147.1](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.6...v2.147.1) (2022-01-24)
+# [2.148.0-next.9](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.8...v2.148.0-next.9) (2022-01-27)
 
 
 ### Bug Fixes
 
-* **table:** adjust toolbar tests for new output ([aec9723](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/aec97237846d50ead5ae4a2b4db76809c13f1a34))
-* **table:** truncate long text in table toolbar actions overflow ([2c90d0e](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/2c90d0e0346876910cc68bbc9ac9803bf94d9fdc))
-* **table:** update vrt snapshot ([ed814cf](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/ed814cfa5cffad6bf461fb5c09a549424216192f))
-* **table-toolbar:** adjust text truncation, again ([b5f465a](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b5f465ab410cf3589990a59153105762c1f0a35a))
-* adjust tests to handle truncation changes ([40211c5](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/40211c5a80318490bf802e5bb7787e8df7a34bf8))
-* **table-toolbar:** hide overflow actions menu if all actions hidden ([9432504](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/94325048e1fdd6d617aadc1e46803b6396589069))
+* **progress-bar:** hide value label and icon when hideLabel:true ([6421299](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6421299f7f830c448db10528942e9181093f903d))
+
+
+### Features
+
+* **progress-bar:** initial addition of new progress bar component ([d35d124](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/d35d124ba84b885c691b35f2fde7273f99d7ed1a))
+
+
+
+
+
+# [2.148.0-next.8](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.7...v2.148.0-next.8) (2022-01-27)
+
+
+### Bug Fixes
+
+* **table:** add skeleton column for nesting rows when lazy loading ([992a368](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/992a3684c3d3c6f9b969445da309ded370b76264))
+
+
+### Reverts
+
+* Revert "chore(table): pr feedback for skeleton rows for lazy loading" ([f0efc54](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/f0efc540eef63d26b0a0ffb998bdb80710c65e9b))
+
+
+
+
+
+# [2.148.0-next.7](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.6...v2.148.0-next.7) (2022-01-26)
+
+
+### Bug Fixes
+
+* **page-title-bar:** fix accessibility error for `span` in `ol` ([f3f0e3e](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/f3f0e3ee61552f89d516b2105bc801bbeecef6a0))
+* **page-title-bar:** update styles to current breadcrumb ([4cfd954](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/4cfd95413e1451e86de8a4dc1fc25fffc8316438))
+
+
+
+
+
+# [2.148.0-next.6](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.5...v2.148.0-next.6) (2022-01-21)
+
+**Note:** Version bump only for package carbon-addons-iot-react
+
+
+
+
+
+# [2.148.0-next.5](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.4...v2.148.0-next.5) (2022-01-20)
+
+
+### Bug Fixes
+
+* **use-visibility-loader:** remove useCallback ([b8b0c84](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b8b0c84468bdd4242a349f2930555379688cc2fc))
+
+
+### Features
+
+* add initial height/width to useSizeObserver hook, optional ref ([9aca41f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/9aca41f3abd54bcf954f1072726a9ca80db5fbad))
+* rework useVisibilityObserver ([6f193fd](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6f193fd39d9052753522f8d76fc84c985af5b330))
+* **list:** add infinite loader experimental example to List ([737cde3](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/737cde3b4b220d057c8d3f341450defb93016187))
+* **repo:** remove react-sizeme and replace with custom hook ([29c6219](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/29c6219a11a5cc37775736c52ae8281911582c8c))
+* **use-visibility-loader:** refactor and use example in list ([814b099](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/814b099aa109ebc0bac42a9a6537b6ffda78228f))
+* remove react-sizeme from index.js ([c4aa14f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c4aa14fbf3f606c155ca03d7794e539f8a5a78cb))
+* remove react-visibility-sensor and replace with custom hook ([4a2c775](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/4a2c775381181d23aba8e50e71bbb7b4eef297a3))
+
+
+
+
+
+# [2.148.0-next.4](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.3...v2.148.0-next.4) (2022-01-19)
+
+
+### Bug Fixes
+
+* **storybook:** fix leaking knobs ([5dd6a0f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/5dd6a0fb9f3a695219cf3df461b1728dc8ef0fb3)), closes [#3194](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3194)
+* **table:** incorporated review comments ([e89f411](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/e89f41150d6edb54cd21eb02172db16c2ad2e925))
+* **table:** margin between trash icon and delete on toolbar ([c20780b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c20780b85e36c6f7eb472006274266e41a1f04d0))
+
+
+
+
+
+# [2.148.0-next.3](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.2...v2.148.0-next.3) (2022-01-19)
+
+
+### Bug Fixes
+
+* **menubutton:** add support for button kinds ([8e03a25](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/8e03a255c79586fccdc37cfebd7c96fef979fb30)), closes [#3044](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3044)
+* **menubutton:** add support for sizes ([82eda03](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/82eda0375c6237d5fe2f3234ee5eb768cb38a6d6))
+* **menubutton:** fix rtl issues ([b353f5b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b353f5b0e46b1ac6ce888cb4eaf1c76b24e4c104))
+* **menubutton:** hide menu shadow covering button ([12b4b77](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/12b4b77da6b961ece5ba483dd84fd0cf116e7660))
+* **menubutton:** only block shadow for icon only button ([99eba4e](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/99eba4ef1fb82f13253770a507300f7913d79b8b)), closes [#3044](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3044)
+* **menubutton:** remove menu and divider padding ([981fdd7](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/981fdd70260c22c2f67fa99fcf44cdd5641adf6b)), closes [#3044](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3044)
+
+
+
+
+
+# [2.148.0-next.2](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.1...v2.148.0-next.2) (2022-01-18)
+
+
+### Bug Fixes
+
+* handle both nesting and expansion when firing onRowExpanded ([b85cec9](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b85cec903a48cf4c17a781d9623e87dacbffa20a))
+* **table:** fix icon flip with no children ([098f038](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/098f0388b3c15632dee57361e6a18af4bfc741f2))
+
+
+
+
+
+# [2.148.0-next.1](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.148.0-next.0...v2.148.0-next.1) (2022-01-14)
+
+
+### Bug Fixes
+
+* **feedback:** fixes from feedback ([c3e943b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c3e943ba588e93f7006c2134b1699c1c057b93c9))
+* **listitem:** support secondary value obj with custom label when func ([73611f0](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/73611f0c5d1e055eed8dae5c6fde9a6b52de0406))
+* **mdx:** fix in list.mdx extra column ([8bae147](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/8bae147fa35ece4deec67f41386a9c65e0e54e41))
+
+
+
+
+
+# [2.148.0-next.0](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.1-next.0...v2.148.0-next.0) (2022-01-13)
+
+
+### Bug Fixes
+
+* **data-series-form-item:** clarify comment on maximumDataPoints ([dc0c835](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/dc0c83575f8382dec9de9ce5d510242913e226d0))
+* bug causing e2e test to break with new time checks ([259f751](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/259f7510a4eef3412346ba668e72de449f0c009d))
+* include start/end times in parsing, fix test to include them ([0dd04c7](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0dd04c7965b8f2145cf23ba33e540fde9b63fdb4))
+* **dataseries:** remove unnecessary check ([3f0a46c](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/3f0a46c63565bf29a681fbd960bf585e0cbbf82f))
+
+
+### Features
+
+* **cardeditor:** collect maximum data points ([617475c](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/617475c558b39e371aacec5038d592b6d3ff32c5))
+
+
+
+
+
+## [2.147.1-next.0](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.0...v2.147.1-next.0) (2022-01-12)
+
+**Note:** Version bump only for package carbon-addons-iot-react
 
 
 

package/css/carbon-addons-iot-react.css

@@ -29551,7 +29551,7 @@ html[dir=rtl] .bx--list-box__label .iot--icon-dropdown__item {
   left: 1rem;
   right: initial;
 }
-[dir=rtl] .iot--btn.bx--btn--ghost:not(.bx--btn--sm.bx--btn--icon-only) {
+[dir=rtl] .iot--btn.bx--btn--ghost:not(.bx--btn--sm.bx--btn--icon-only):not(.iot--menu-button__trigger) {
   padding-left: 1rem;
   padding-right: 1rem;
 }
@@ -33618,29 +33618,183 @@ html[dir=rtl] .iot--hierarchy-list-bulk-header--title {
   height: 3rem;
 }
 
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker {
+  position: absolute;
+  display: block;
+  height: calc(0.5rem - 0.0625rem);
+  top: calc((-0.5rem) + 0.0625rem);
+  left: 0;
+  width: 2rem;
+  background-color: #ffffff;
+  border-bottom: 0.0625rem solid #ffffff;
+}
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker--flip-y {
+  left: unset;
+  right: 0;
+}
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker--flip-x {
+  left: unset;
+  top: var(--menu-height);
+}
+html[dir=rtl] .iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker:not(.iot--menu__shadow-blocker--opens-horizontally) {
+  left: 0;
+}
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker--md {
+  width: 2.5rem;
+}
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker--lg {
+  width: 3rem;
+}
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker--opens-horizontally {
+  top: 0;
+  height: 2rem;
+  width: calc(0.5rem - 0.0625rem);
+  left: calc((calc(0.5rem - 0.0625rem)) * -1);
+  border-bottom: none;
+  border-right: 0.0625rem solid #ffffff;
+}
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker--opens-horizontally.iot--menu__shadow-blocker--flip-y {
+  right: calc((calc(0.5rem - 0.0625rem)) * -1);
+  left: unset;
+  border-right: none;
+  border-left: 0.0625rem solid #ffffff;
+}
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker--opens-horizontally.iot--menu__shadow-blocker--md {
+  height: 2.5rem;
+  width: calc(0.5rem - 0.0625rem);
+}
+.iot--menu-button--icon-only.bx--menu--open .iot--menu__shadow-blocker--opens-horizontally.iot--menu__shadow-blocker--lg {
+  height: 3rem;
+  width: calc(0.5rem - 0.0625rem);
+}
+.iot--menu-button--icon-only.bx--menu--open:focus .iot--menu__shadow-blocker {
+  border-bottom: 0.0625rem solid #0f62fe;
+}
+.iot--menu-button--icon-only.bx--menu--open:focus .iot--menu__shadow-blocker--flip-x {
+  border-bottom-color: #ffffff;
+  border-top: 0.0625rem solid #0f62fe;
+}
+.iot--menu-button--icon-only.bx--menu--open:focus .iot--menu__shadow-blocker--opens-horizontally {
+  border-bottom: none;
+  border-right: 0.0625rem solid #0f62fe;
+}
+.iot--menu-button--icon-only.bx--menu--open:focus .iot--menu__shadow-blocker--opens-horizontally.iot--menu__shadow-blocker--flip-y {
+  border-right: none;
+  border-left: 0.0625rem solid #0f62fe;
+}
+
+.iot--menu-button--open .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active)::after {
+  position: absolute;
+  display: block;
+  height: calc(0.5rem - 0.0625rem);
+  width: calc(3rem - (2 * 0.0625rem));
+  top: calc(3rem - 0.5rem - 0.0625rem);
+  content: "";
+  left: calc(0.0625rem * (-1));
+  background-color: transparent;
+  z-index: 9001;
+  border: none;
+  border-bottom: 0.0625rem solid #0f62fe;
+  border-left: 0.0625rem solid #0f62fe;
+  border-right: 0.0625rem solid #0f62fe;
+  border-radius: 0;
+  -webkit-transform: none;
+          transform: none;
+  box-shadow: none;
+  padding: 0;
+}
+.iot--menu-button--open .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active).bx--btn--md::after {
+  width: calc(2.5rem - (2 * 0.0625rem));
+  top: calc(2.5rem - 0.5rem - 0.0625rem);
+}
+.iot--menu-button--open .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active).bx--btn--sm::after {
+  width: calc(2rem - (2 * 0.0625rem));
+  top: calc(2rem - 0.5rem - 0.0625rem);
+}
+.iot--menu-button--open.iot--menu-button--flip-x .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active)::after {
+  top: -0.0625rem;
+  border-top: 0.0625rem solid #0f62fe;
+  border-bottom: 0;
+}
+.iot--menu-button--open.iot--menu-button--opens-horizontally .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active)::after {
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+  top: calc(
+          ((3rem - 0.5rem) / 2) - 0.0625rem
+        );
+  left: calc(
+          ((3rem - 0.5rem) / 2) - 0.0625rem
+        );
+}
+.iot--menu-button--open.iot--menu-button--opens-horizontally .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active).bx--btn--md::after {
+  top: calc(
+          ((2.5rem - 0.5rem) / 2) - 0.0625rem
+        );
+  left: calc(
+          ((2.5rem - 0.5rem) / 2) - 0.0625rem
+        );
+}
+.iot--menu-button--open.iot--menu-button--opens-horizontally .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active).bx--btn--sm::after {
+  top: calc(
+          ((2rem - 0.5rem) / 2) - 0.0625rem
+        );
+  left: calc(
+          ((2rem - 0.5rem) / 2) - 0.0625rem
+        );
+}
+.iot--menu-button--open.iot--menu-button--opens-horizontally.iot--menu-button--flip-y .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active)::after {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+  left: calc((((3rem - 0.5rem) / 2) + 0.0625rem) * -1);
+}
+.iot--menu-button--open.iot--menu-button--opens-horizontally.iot--menu-button--flip-y .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active).bx--btn--md::after {
+  left: calc((((2.5rem - 0.5rem) / 2) + 0.0625rem) * -1);
+}
+.iot--menu-button--open.iot--menu-button--opens-horizontally.iot--menu-button--flip-y .bx--btn.bx--btn--icon-only.bx--btn--ghost:focus:not(:active).bx--btn--sm::after {
+  left: calc((((2rem - 0.5rem) / 2) + 0.0625rem) * -1);
+}
+
 .iot--menu-button .iot--menu-button__primary + .iot--menu-button__secondary {
   border-left: 1px solid #ffffff;
 }
 .iot--menu-button .bx--btn--ghost.bx--btn--icon-only {
   color: #161616;
 }
-.iot--menu-button--open .iot--menu-button__trigger {
+.iot--menu-button--open .iot--menu-button__trigger.bx--btn--primary {
   background-color: #002d9c;
 }
+.iot--menu-button--open .iot--menu-button__trigger.bx--btn--secondary {
+  background-color: #6f6f6f;
+}
+.iot--menu-button--open .iot--menu-button__trigger.bx--btn--tertiary {
+  background-color: #002d9c;
+  color: #ffffff;
+}
+.iot--menu-button--open .iot--menu-button__trigger.bx--btn--ghost {
+  background-color: #c6c6c6;
+  color: #0043ce;
+}
 .iot--menu-button--open .bx--btn--ghost.bx--btn--icon-only {
   background-color: #ffffff;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
 
+.iot--menu-button__menu {
+  padding: 0;
+}
+.iot--menu-button__menu .bx--menu-divider {
+  margin: 0;
+}
+
 .bx--menu.bx--menu--open.bx--menu--root {
   opacity: var(--iot-menu-button-menu-opacity);
 }
 
-html[dir=rtl] .iot--menu-button .bx--context-menu-option__icon {
+html[dir=rtl] .iot--menu-button__menu .bx--menu-option__icon {
   margin-right: 0;
   margin-left: 0.5rem;
 }
-html[dir=rtl] .iot--menu-button .bx--context-menu-option__info {
+html[dir=rtl] .iot--menu-button__menu .bx--menu-option__info {
   margin-left: 0;
   margin-right: 1rem;
   -webkit-transform: rotate(180deg);
@@ -33828,6 +33982,9 @@ html[dir=rtl] .iot--menu-button .bx--context-menu-option__info {
   transition: opacity 70ms linear, transform 70ms linear, -webkit-transform 70ms linear;
   margin-left: 0;
 }
+.page-title-bar-breadcrumb .page-title-bar-breadcrumb-current::after {
+  display: none;
+}
 [dir=rtl] .page-title-bar-breadcrumb .page-title-bar-breadcrumb-current {
   text-align: right;
   margin-right: 0.5rem;
@@ -34130,6 +34287,143 @@ html[dir=rtl] .iot--menu-button .bx--context-menu-option__info {
   padding-bottom: 0.125rem;
 }
 
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+.bx--progress-bar__label {
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.28572;
+  letter-spacing: 0.16px;
+  display: block;
+  margin-bottom: 0.5rem;
+  color: #161616;
+}
+
+.bx--progress-bar__track {
+  position: relative;
+  width: 100%;
+  height: 0.5rem;
+  background-color: #ffffff;
+}
+
+.bx--progress-bar__bar {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background-color: #0f62fe;
+  -webkit-transform: scaleX(0);
+          transform: scaleX(0);
+  -webkit-transform-origin: 0 50%;
+          transform-origin: 0 50%;
+  transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.bx--progress-bar--indeterminate .bx--progress-bar__track::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  -webkit-animation-duration: 1400ms;
+          animation-duration: 1400ms;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+  -webkit-animation-name: progress-bar-indeterminate;
+          animation-name: progress-bar-indeterminate;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+  background-image: linear-gradient(90deg, #0f62fe 12.5%, transparent 12.5%);
+  background-position-x: 0%;
+  background-size: 200% 100%;
+  content: "";
+}
+
+.bx--progress-bar__helper-text {
+  font-size: 0.75rem;
+  line-height: 1.33333;
+  letter-spacing: 0.32px;
+  margin-top: 0.25rem;
+  color: #525252;
+}
+
+@-webkit-keyframes progress-bar-indeterminate {
+  0% {
+    background-position-x: 25%;
+  }
+  80%, 100% {
+    background-position-x: -105%;
+  }
+}
+
+@keyframes progress-bar-indeterminate {
+  0% {
+    background-position-x: 25%;
+  }
+  80%, 100% {
+    background-position-x: -105%;
+  }
+}
+.iot--progress-bar-container {
+  position: relative;
+}
+
+.bx--progress-bar__label {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.28572;
+  letter-spacing: 0.16px;
+  color: #161616;
+}
+
+.iot--progress-bar__label--right {
+  position: absolute;
+  right: 0;
+  display: inline-flex;
+  gap: 0.25rem;
+  justify-content: center;
+  align-items: center;
+}
+[dir=rtl] .iot--progress-bar__label--right {
+  right: unset;
+  left: 0;
+}
+
+.iot--progress-bar__icon {
+  display: inline-flex;
+}
+
+.iot--progress-bar__value-label {
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.28572;
+  letter-spacing: 0.16px;
+  color: #161616;
+}
+
+.iot--progress-bar__value-label--over {
+  color: var(--progress-bar-fill-color);
+}
+
+.bx--progress-bar__track {
+  background-color: #f4f4f4;
+}
+
+.bx--progress-bar__bar {
+  background-color: var(--progress-bar-fill-color);
+  border: 1px solid var(--progress-bar-stroke-color);
+}
+[dir=rtl] .bx--progress-bar__bar {
+  -webkit-transform-origin: 100% 50%;
+          transform-origin: 100% 50%;
+}
+
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -35732,6 +36026,10 @@ html[dir=rtl] .iot--table-batch-actions .bx--action-list {
   left: 0;
   right: auto;
 }
+html[dir=rtl] .iot--table-batch-actions .bx--action-list .bx--btn .bx--btn__icon {
+  margin-left: 0;
+  margin-right: 0.5rem;
+}
 html[dir=rtl] .iot--table-batch-actions .bx--batch-summary {
   left: auto;
   margin-left: 0;
@@ -35757,14 +36055,12 @@ html[dir=rtl] .iot--table-batch-actions .bx--btn--primary.bx--batch-summary__can
   display: flex;
   align-items: center;
   text-align: left;
-  min-width: 0;
 }
 [dir=rtl] .iot--table-toolbar-aggregations__overflow-menu-content {
   text-align: right;
 }
 .iot--table-toolbar-aggregations__overflow-menu-content svg {
   margin-right: 0.5rem;
-  flex-shrink: 0;
 }
 [dir=rtl] .iot--table-toolbar-aggregations__overflow-menu-content svg {
   margin-right: 0;
@@ -36885,10 +37181,6 @@ html[dir=rtl] td.iot--table__cell--sortable {
   padding: 0.25rem 0.75rem;
   border-top: 1px solid #e0e0e0;
 }
-.iot--table__advanced-filters-container .bx--tag {
-  color: #0f62fe;
-  background-color: #d0e2ff;
-}
 
 button.bx--btn.iot--tooltip-svg-wrapper.bx--btn--ghost.iot--table-toolbar__advanced-filters-button {
   border: 1px solid transparent;