carbon-addons-iot-react 2.153.0-next.9 → 2.153.0

package/CHANGELOG.md

@@ -3,6 +3,332 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.153.0](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.152.5...v2.153.0) (2023-10-11)
+
+**Note:** Version bump only for package carbon-addons-iot-react
+
+
+
+
+
+# [2.153.0-next.35](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.34...v2.153.0-next.35) (2023-09-25)
+
+
+### Features
+
+* close header side nav on navigation ([#3826](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3826)) ([e65bbc8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/e65bbc89a2b95e0d1c4e633d21526f3e50b26b5f))
+
+
+
+
+
+# [2.153.0-next.34](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.33...v2.153.0-next.34) (2023-09-12)
+
+
+### Bug Fixes
+
+* **IdleTimer:** Preventing the IdleTimer logic to start its timer if timeout is 0. ([#3825](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3825)) ([9da0f52](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/9da0f52d1aa25ed79ea2141df3d18a3595a4645e))
+
+
+
+
+
+# [2.153.0-next.33](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.32...v2.153.0-next.33) (2023-08-10)
+
+
+### Bug Fixes
+
+* dashboard layout constant fix ([#3821](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3821)) ([902fad8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/902fad8a91ed184f037d389cf2797f6eb0c0fb82))
+
+
+
+
+
+# [2.153.0-next.32](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.31...v2.153.0-next.32) (2023-07-28)
+
+
+### Features
+
+* **ValueCard:** disable preview in edit mode ([#3818](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3818)) ([5e97cd1](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/5e97cd117368183e1b6672aa087b2c0d4fc71ad3))
+
+
+
+
+
+# [2.153.0-next.31](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.30...v2.153.0-next.31) (2023-07-19)
+
+
+### Bug Fixes
+
+* **table:** add min width for pinned last column ([#3816](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3816)) ([e9acf60](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/e9acf60469186b201896ade201b9266dd5872dbc))
+
+
+### Features
+
+* **SuiteHeader:** add option to hide menu ([#3815](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3815)) ([343e03f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/343e03f43e75623f1cedeb0c9314d0e05fcb539a))
+
+
+
+
+
+# [2.153.0-next.30](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.29...v2.153.0-next.30) (2023-07-10)
+
+
+### Bug Fixes
+
+* **appswitcher:** firefox disable focus ([f34df05](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/f34df057426c8dfbdc09a53e8a5329ac2544da70))
+* **appswitcher:** update snapshots ([bb0689b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/bb0689b8bad4eda3f971353e0bb234e028bb1a0e))
+* **headeractionpanel:** remove unnecessary aria-label ([0d09134](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0d0913455beb759ca93a2d6adf4acec636f5365f))
+* **headeractionpanel:** update e2e tests ([c44f300](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c44f300c7439512c0cf06d1a5ecf833a8c22c097))
+* **headeractionpanel:** update tests ([2a12820](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/2a128209f4a96d249e3923abb14ecb0505c65bb2))
+* **table:** change filter tag close button title ([1fa02eb](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/1fa02ebca8173db0dc01788184f8550133adf675))
+
+
+
+
+
+# [2.153.0-next.29](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.28...v2.153.0-next.29) (2023-06-30)
+
+
+### Bug Fixes
+
+* **table:** connect pagination to totalItems prop ([dfca12b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/dfca12b496366ed265e2aeb0d6f58d0d135b6474))
+
+
+
+
+
+# [2.153.0-next.28](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.27...v2.153.0-next.28) (2023-06-27)
+
+
+### Bug Fixes
+
+* **SuiteHeader:** header action panel proptypes  ([#3803](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3803)) ([495345f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/495345ffef68ae2798ba32d72c7d2fcba941b4e6))
+
+
+
+
+
+# [2.153.0-next.27](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.26...v2.153.0-next.27) (2023-06-22)
+
+**Note:** Version bump only for package carbon-addons-iot-react
+
+
+
+
+
+# [2.153.0-next.26](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.25...v2.153.0-next.26) (2023-06-19)
+
+
+### Bug Fixes
+
+* **table:** select all checkbox state on initial render ([#3801](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3801)) ([da58f3b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/da58f3b4fc501b0cacc6acab310ea97348bbbe3e))
+* **tablecellrenderer:** add min width for truncation ([#3799](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3799)) ([c9c3c14](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c9c3c14aee1af0938b6ea3826fbb8aa962a62125))
+
+
+### Features
+
+* **SuiteHeader:** add support for on click callback for application name ([#3795](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3795)) ([a6ddae2](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/a6ddae219c604f773aa56049cd77e0b4ead32042))
+* **SuiteHeader:** add unique id to action items ([#3796](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3796)) ([48ffc2c](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/48ffc2cf42fbac8b2155e7efd3b0f6891b89bb38))
+
+
+
+
+
+# [2.153.0-next.25](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.24...v2.153.0-next.25) (2023-06-19)
+
+
+### Bug Fixes
+
+* **datetimeinput:** accessibility violation in date time input ([#3802](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3802)) ([59caafd](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/59caafdc912bdae4d443732216b513652b2bc88d)), closes [#3800](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3800)
+
+
+
+
+
+# [2.153.0-next.24](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.23...v2.153.0-next.24) (2023-06-14)
+
+
+### Bug Fixes
+
+* **table:** remove unnecessary space ([#3797](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3797)) ([eee549a](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/eee549a22550281868aa74a954a051473c3ff016))
+
+
+
+
+
+# [2.153.0-next.23](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.22...v2.153.0-next.23) (2023-06-08)
+
+
+### Features
+
+* **repo:** allow node 18 for consumers ([#3792](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3792)) ([a4701a1](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/a4701a15a2aeeaff886e4873612285a8f9b80b0c))
+
+
+
+
+
+# [2.153.0-next.22](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.21...v2.153.0-next.22) (2023-05-30)
+
+
+### Bug Fixes
+
+* **suiteheader:** app switcher icon title ([#3788](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3788)) ([a602f3c](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/a602f3cceb2441778caefb00b1261a218a17c84c))
+
+
+
+
+
+# [2.153.0-next.21](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.20...v2.153.0-next.21) (2023-05-25)
+
+
+### Bug Fixes
+
+* adding record false flag ([3c9123b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/3c9123b2384ccc7ba0b547ecce984551bb574628))
+* allowing description outside tooltip when content is provided ([c1ed461](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c1ed461fcee35d87357d5f2d2fb8738d7fe39216))
+* removing record flag ([1b52776](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/1b527767712d01377c3ce9d10328b0f16a120fa9))
+
+
+### Features
+
+* added desc tooltip to current breadcrumb item for condensed header ([870ac5b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/870ac5bd4f2e2a34d6c3fab9f2c2b2ffcf55f696))
+
+
+
+
+
+# [2.153.0-next.20](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.19...v2.153.0-next.20) (2023-05-24)
+
+
+### Bug Fixes
+
+* **datetimepickerv2:** auto position inf loop ([#3786](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3786)) ([44a27c2](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/44a27c2115afa7c92a761158085d8cbab0266bcf))
+
+
+
+
+
+# [2.153.0-next.19](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.18...v2.153.0-next.19) (2023-05-18)
+
+
+### Bug Fixes
+
+* **table:** add column for DnD in the filter/manage columns headers ([#3782](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3782)) ([a46f2a4](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/a46f2a419172c56fd60302b7372cdea91f3c0414))
+
+
+
+
+
+# [2.153.0-next.18](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.17...v2.153.0-next.18) (2023-05-17)
+
+
+### Features
+
+* **table:** update batch cancel button label ([#3780](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3780)) ([b68c672](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b68c6722fbbf763f724fbd3deb6b6893f1a143e6)), closes [#3737](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3737)
+
+
+
+
+
+# [2.153.0-next.17](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.16...v2.153.0-next.17) (2023-05-04)
+
+
+### Bug Fixes
+
+* **datetimepickerv2:** update placeholder text ([#3778](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3778)) ([48bfe9f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/48bfe9fb7462d97dc520e02add5b3f02ebda37a6))
+
+
+
+
+
+# [2.153.0-next.16](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.15...v2.153.0-next.16) (2023-04-27)
+
+
+### Bug Fixes
+
+* **table:** scrollbar shows when drag and drop starts ([b150715](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b1507150a85bc32ef141220247b6e1dfbb62e843))
+
+
+
+
+
+# [2.153.0-next.15](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.14...v2.153.0-next.15) (2023-04-27)
+
+
+### Bug Fixes
+
+* **datetimepickerv2:** fix typos ([4b95c0d](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/4b95c0d236772b2182ff7a61453341aabc03bad5))
+* **datetimepickerv2:** make sure changes only apply to single select ([33fb495](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/33fb495cf364ff3e4d76f01f040b168d9078dd4e))
+* **datetimepickerv2:** new error message ([46113cf](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/46113cfe9e07ff56e6c2c9ed620b57be050b92cc))
+* **datetimepickerv2:** update snashots ([1b9fd80](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/1b9fd80e2383b5fd80625d739a06e545db7ba3f3))
+* **datetimepickerv2:** update tests ([80da413](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/80da413c572ccc8c122aa31e4f3d59cb9984deb6))
+* **datetimepickerv2:** update tests ([5ff592f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/5ff592fc48178d1760171cbf8fcaca123cf866e0))
+
+
+
+
+
+# [2.153.0-next.14](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.13...v2.153.0-next.14) (2023-04-27)
+
+
+### Features
+
+* **table:** add option to pin column ([2cf4197](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/2cf4197fb744ef4f38f2153e8144441ba798f6dc)), closes [#3636](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/3636)
+
+
+
+
+
+# [2.153.0-next.13](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.12...v2.153.0-next.13) (2023-04-25)
+
+
+### Bug Fixes
+
+* **datetimepickerv2:** make sure locale is 2 letters ([6e83d28](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6e83d2852cc514db42ee8c940e65b4ced8433da9))
+
+
+
+
+
+# [2.153.0-next.12](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.11...v2.153.0-next.12) (2023-04-19)
+
+
+### Bug Fixes
+
+* **headeraction:** handle click outside safari ([2e678a0](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/2e678a02ba4a17e892076bf9583cc6c5e7c061bd))
+
+
+
+
+
+# [2.153.0-next.11](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.10...v2.153.0-next.11) (2023-04-19)
+
+
+### Bug Fixes
+
+* **breadcrumb:** add min width to item ([0039d04](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0039d04819b3fd7fb8cc9be8728322729684bd28))
+* **datetimepickerv2:** add onClear callback ([7e13f1d](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/7e13f1da3508e4f2c295695ca6cacee4b1c467db))
+
+
+### Features
+
+* **breadcrumb:** add option to disable truncation ([23b74e8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/23b74e8a58694c9b83ccebb39a763877131316d6))
+
+
+
+
+
+# [2.153.0-next.10](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.9...v2.153.0-next.10) (2023-04-18)
+
+
+### Features
+
+* **barchartcard:** add maximum data points input field ([31bba56](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/31bba56ea0295cbfc2d4e03765fb5a900b07c299))
+
+
+
+
+
 # [2.153.0-next.9](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.153.0-next.8...v2.153.0-next.9) (2023-04-17)
 
 

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

@@ -25827,6 +25827,19 @@ html[dir=rtl] .breadcrumb--container .bx--breadcrumb-item:last-child::after {
   margin-right: 0.5rem;
 }
 
+.iot--breadcrumb-expand--first .bx--breadcrumb-item:first-of-type {
+  flex-shrink: 0;
+}
+.iot--breadcrumb-expand--first .bx--breadcrumb-item:last-of-type {
+  min-width: 3rem;
+}
+.iot--breadcrumb-expand--last .bx--breadcrumb-item:last-of-type {
+  flex-shrink: 0;
+}
+.iot--breadcrumb-expand--last .bx--breadcrumb-item:first-of-type {
+  min-width: 3rem;
+}
+
 .bx--toolbar {
   display: flex;
   flex-flow: row nowrap;
@@ -30954,6 +30967,15 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
 .iot--date-time-picker__datepicker {
   min-height: 20.875rem;
 }
+.iot--date-time-picker__datepicker .iot--date-time-picker__datepicker--invalid {
+  display: flex;
+  align-items: center;
+  padding: 0 calc(1rem + 0.25rem) 1rem 2rem;
+}
+.iot--date-time-picker__datepicker .iot--date-time-picker__datepicker--invalid svg {
+  fill: #da1e28;
+  margin-right: 0.5rem;
+}
 
 html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .bx--form-item + .bx--form-item,
 html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .bx--form-item + .iot--time-picker__wrapper {
@@ -31270,11 +31292,11 @@ html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-
     display: none;
   }
 }
-.bx--header__menu-title[role=menuitem][aria-expanded=true] + .bx--header__menu {
+.bx--header__menu-title[data-testid=menuitem][aria-expanded=true] + .bx--header__menu {
   left: auto;
   right: 0;
 }
-[dir=rtl] .bx--header__menu-title[role=menuitem][aria-expanded=true] + .bx--header__menu {
+[dir=rtl] .bx--header__menu-title[data-testid=menuitem][aria-expanded=true] + .bx--header__menu {
   left: 0;
   right: auto;
 }
@@ -31375,7 +31397,7 @@ html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-
   border-color: #ffffff;
   box-shadow: none;
 }
-.bx--header-action-btn .bx--header__menu-item[role=menuitem] {
+.bx--header-action-btn .bx--header__menu-item[data-testid=menuitem] {
   height: 100%;
   justify-content: center;
   padding: 0;
@@ -31388,7 +31410,7 @@ html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-
   display: flex;
 }
 
-.bx--header__menu .bx--header__menu-item[role=menuitem] {
+.bx--header__menu .bx--header__menu-item[data-testid=menuitem] {
   display: flex;
   align-items: center;
   color: #c6c6c6;
@@ -31408,7 +31430,7 @@ html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-
   padding: 0;
   width: 100%;
 }
-.bx--header__menu .bx--header__menu-item[role=menuitem]:focus {
+.bx--header__menu .bx--header__menu-item[data-testid=menuitem]:focus {
   border-color: #ffffff;
 }
 
@@ -32674,7 +32696,8 @@ html[dir=rtl] .iot--list-builder__reset-button .bx--btn__icon {
   position: relative;
 }
 .iot--time-picker--24h {
-  width: 13.125rem;
+  max-width: 16.125rem;
+  width: 100%;
 }
 .iot--time-picker input {
   font-family: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, monospace;
@@ -34218,6 +34241,9 @@ html[dir=rtl] .iot--menu-button__menu .bx--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 .bx--tooltip__label {
+  padding-right: 1px;
+}
 .page-title-bar-breadcrumb .page-title-bar-breadcrumb-current::after {
   display: none;
 }
@@ -36559,7 +36585,6 @@ html[dir=rtl] .iot--pagination {
 }
 
 .iot--table-drag-handle {
-  height: 2rem;
   padding-inline: 1rem;
   display: grid;
   align-items: center;
@@ -36580,6 +36605,9 @@ html[dir=rtl] .iot--pagination {
 
 .iot--table-drop-row-overlay {
   position: absolute;
+  display: none;
+  top: 0;
+  left: 0;
   border: dashed 2px #0f62fe;
   pointer-events: none;
 }
@@ -37589,6 +37617,7 @@ html[dir=rtl] td.iot-table-foot--value__sortable {
   line-height: 1.28572;
   letter-spacing: 0.16px;
   display: grid;
+  min-width: 2.5rem;
 }
 .bx--tooltip__trigger.bx--tooltip--a11y.iot--table__cell-tooltip span {
   overflow: hidden;
@@ -38019,6 +38048,152 @@ button.bx--btn.iot--tooltip-svg-wrapper.bx--btn--ghost.iot--table-toolbar__advan
   font-weight: bold;
 }
 
+.iot--pin-first-col {
+  /*
+   * Table with row selection
+   */
+  /*
+   * Table with nested rows
+   */
+  /*
+   * Table with nesting and selection
+   */
+}
+.iot--pin-first-col td:nth-of-type(1),
+.iot--pin-first-col tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
+  z-index: 3;
+  left: 0;
+  position: -webkit-sticky;
+  position: sticky;
+  overflow: hidden;
+  -webkit-filter: drop-shadow(1px 0 0 #c6c6c6);
+          filter: drop-shadow(1px 0 0 #c6c6c6);
+}
+[dir=rtl] .iot--pin-first-col td:nth-of-type(1),
+[dir=rtl] .iot--pin-first-col tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
+  left: unset;
+  right: 0;
+}
+[dir=rtl] .iot--pin-first-col td:nth-of-type(1),
+[dir=rtl] .iot--pin-first-col tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
+  -webkit-filter: drop-shadow(-1px 0 0 #c6c6c6);
+          filter: drop-shadow(-1px 0 0 #c6c6c6);
+}
+.iot--pin-first-col--select td:nth-of-type(2),
+.iot--pin-first-col--select tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
+  z-index: 1;
+  left: 3.25rem;
+  position: -webkit-sticky;
+  position: sticky;
+  overflow: hidden;
+  -webkit-filter: drop-shadow(1px 0 0 #c6c6c6);
+          filter: drop-shadow(1px 0 0 #c6c6c6);
+}
+[dir=rtl] .iot--pin-first-col--select td:nth-of-type(2),
+[dir=rtl] .iot--pin-first-col--select tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
+  left: unset;
+  right: 3.25rem;
+}
+[dir=rtl] .iot--pin-first-col--select td:nth-of-type(2),
+[dir=rtl] .iot--pin-first-col--select tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
+  -webkit-filter: drop-shadow(-1px 0 0 #c6c6c6);
+          filter: drop-shadow(-1px 0 0 #c6c6c6);
+}
+.iot--pin-first-col--select td:nth-of-type(1),
+.iot--pin-first-col--select tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
+  -webkit-filter: unset !important;
+          filter: unset !important;
+  overflow: unset;
+}
+.iot--pin-first-col--expand td:nth-of-type(2),
+.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
+  z-index: 2;
+  left: 2.5rem;
+  position: -webkit-sticky;
+  position: sticky;
+  overflow: hidden;
+  -webkit-filter: drop-shadow(1px 0 0 #c6c6c6);
+          filter: drop-shadow(1px 0 0 #c6c6c6);
+}
+[dir=rtl] .iot--pin-first-col--expand td:nth-of-type(2),
+[dir=rtl] .iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
+  left: unset;
+  right: 2.5rem;
+}
+[dir=rtl] .iot--pin-first-col--expand td:nth-of-type(2),
+[dir=rtl] .iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
+  -webkit-filter: drop-shadow(-1px 0 0 #c6c6c6);
+          filter: drop-shadow(-1px 0 0 #c6c6c6);
+}
+.iot--pin-first-col--expand td:nth-of-type(1),
+.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
+  -webkit-filter: unset !important;
+          filter: unset !important;
+  overflow: unset;
+}
+.iot--pin-first-col--expand .iot--expandable-tablerow--expanded td:nth-of-type(1),
+.iot--pin-first-col--expand .iot--expandable-tablerow--indented td:nth-of-type(1) {
+  left: var(--row-nesting-offset);
+}
+.iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(3),
+.iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(3) {
+  z-index: 1;
+  left: 5.75rem;
+  position: -webkit-sticky;
+  position: sticky;
+  overflow: hidden;
+  -webkit-filter: drop-shadow(1px 0 0 #c6c6c6);
+          filter: drop-shadow(1px 0 0 #c6c6c6);
+}
+[dir=rtl] .iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(3),
+[dir=rtl] .iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(3) {
+  left: unset;
+  right: 5.75rem;
+}
+[dir=rtl] .iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(3),
+[dir=rtl] .iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(3) {
+  -webkit-filter: drop-shadow(-1px 0 0 #c6c6c6);
+          filter: drop-shadow(-1px 0 0 #c6c6c6);
+}
+.iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(1),
+.iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
+  -webkit-filter: unset !important;
+          filter: unset !important;
+  overflow: unset;
+}
+.iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(2),
+.iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
+  -webkit-filter: unset !important;
+          filter: unset !important;
+  overflow: unset;
+}
+
+.iot--pin-last-col td:last-of-type,
+.iot--pin-last-col th:last-of-type {
+  position: -webkit-sticky;
+  position: sticky;
+  z-index: 1;
+  right: 0;
+  -webkit-filter: drop-shadow(-1px 0 0 #c6c6c6);
+          filter: drop-shadow(-1px 0 0 #c6c6c6);
+  min-width: 3.5rem;
+  width: 3.5rem;
+}
+[dir=rtl] .iot--pin-last-col td:last-of-type,
+[dir=rtl] .iot--pin-last-col th:last-of-type {
+  right: unset;
+  left: 0;
+  -webkit-filter: drop-shadow(1px 0 0 #c6c6c6);
+          filter: drop-shadow(1px 0 0 #c6c6c6);
+}
+.iot--pin-last-col.iot--table-head--with-column-groups .iot--table-header__column-row th:last-of-type {
+  position: -webkit-sticky;
+  position: sticky;
+}
+.iot--pin-last-col th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon {
+  z-index: 2;
+}
+
 /* stylelint-disable-next-line */
 ai-table .table-head-cell-text,
 ai-table .table-head-cell-icons {