@opensearch-project/oui 1.5.0 → 1.5.1

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 (19) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/eui_theme_dark.css +9 -9
  3. package/dist/eui_theme_dark.min.css +1 -1
  4. package/dist/eui_theme_light.css +9 -9
  5. package/dist/eui_theme_light.min.css +1 -1
  6. package/dist/eui_theme_next_dark.css +9 -9
  7. package/dist/eui_theme_next_dark.min.css +1 -1
  8. package/dist/eui_theme_next_light.css +9 -9
  9. package/dist/eui_theme_next_light.min.css +1 -1
  10. package/dist/oui_theme_dark.css +9 -9
  11. package/dist/oui_theme_dark.min.css +1 -1
  12. package/dist/oui_theme_light.css +9 -9
  13. package/dist/oui_theme_light.min.css +1 -1
  14. package/dist/oui_theme_next_dark.css +9 -9
  15. package/dist/oui_theme_next_dark.min.css +1 -1
  16. package/dist/oui_theme_next_light.css +9 -9
  17. package/dist/oui_theme_next_light.min.css +1 -1
  18. package/package.json +1 -1
  19. package/src/components/datagrid/_data_grid_data_row.scss +17 -15
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # OUI
2
2
 
3
+ ## [`1.5.1`](https://github.com/opensearch-project/oui/tree/1.5.1)
4
+
5
+ ### 🐛 Bug Fixes
6
+
7
+ - Fix datagrid lines ([#1250](https://github.com/opensearch-project/oui/pull/1250))
8
+
9
+
3
10
  ## [`1.5.0`](https://github.com/opensearch-project/oui/tree/1.5.0)
4
11
 
5
12
  ### 🛡 Security
package/dist/eui_theme_dark.css CHANGED
@@ -8457,7 +8457,14 @@ html {
8457
8457
  align-items: baseline;
8458
8458
  }
8459
8459
 
8460
- .euiDataGridRowCell {
8460
+ .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell__expandButtonIcon {
8461
+ height: 12px;
8462
+ border-radius: 2px;
8463
+ width: 0;
8464
+ overflow: hidden;
8465
+ transition: none;
8466
+ }
8467
+ .euiDataGridRowCell__expandButtonIcon {
8461
8468
  box-shadow: none !important;
8462
8469
  /* ToDo: Remove unnecessary logic: the old beta theme has
8463
8470
  * evolved and the statement below about the `Next` theme
@@ -8465,17 +8472,10 @@ html {
8465
8472
  */
8466
8473
  border: none;
8467
8474
  }
8468
- .euiDataGridRowCell-isActive {
8475
+ .euiDataGridRowCell__expandButtonIcon-isActive {
8469
8476
  margin-left: 6px;
8470
8477
  width: 12px;
8471
8478
  }
8472
- .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell__expandButtonIcon {
8473
- height: 12px;
8474
- border-radius: 2px;
8475
- width: 0;
8476
- overflow: hidden;
8477
- transition: none;
8478
- }
8479
8479
  .euiDataGridRowCell__expandButton > * {
8480
8480
  z-index: 2;
8481
8481
  }
package/dist/eui_theme_dark.min.css CHANGED
@@ -1770,7 +1770,7 @@
1770
1770
  *
1771
1771
  * Modifications Copyright OpenSearch Contributors. See
1772
1772
  * GitHub history for details.
1773
- */.euiDataGridRow,.euiDataGridRowCell{display:-webkit-flex;display:flex}.euiDataGridRowCell{font-size:14px;font-size:.875rem;line-height:1.5;padding:6px;border-right:1px solid #24272e;border-bottom:1px solid #343741;-webkit-flex:0 0 auto;flex:0 0 auto;background:#1d1e24;position:relative;-webkit-align-items:center;align-items:center}.euiDataGridRowCell>*{max-width:100%;width:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #343741}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#343741}.euiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(27,169,245,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:hover .euiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellButtonSlideIn;animation-name:euiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__expandButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__expandButtonIcon{display:none}.euiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.euiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);border:6px solid transparent;background-clip:content-box}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell__expand{width:100%;max-width:100%}.euiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.euiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.euiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.euiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.euiDataGridRowCell{box-shadow:none!important;border:none}.euiDataGridRowCell-isActive{margin-left:6px;width:12px}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.euiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.75em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.euiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#1d1e24 12px);z-index:1}.euiDataGridRowCell__expandButton>*{z-index:2}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell{background-color:#2e2d25!important}.euiDataGrid--stripes .euiDataGridRowCell.euiDataGridRowCell--stripe{background:#25262e}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell,.euiDataGridRowCell--fontSizeSmall{font-size:12px;font-size:.75rem;line-height:1.5}.euiDataGrid--fontSizeLarge .euiDataGridRowCell,.euiDataGridRowCell--fontSizeLarge{font-size:16px;font-size:1rem;line-height:1.5}.euiDataGrid--paddingSmall .euiDataGridRowCell{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.euiDataGridRowCell--paddingSmall{padding:4px}.euiDataGrid--paddingLarge .euiDataGridRowCell{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.euiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1773
+ */.euiDataGridRow,.euiDataGridRowCell{display:-webkit-flex;display:flex}.euiDataGridRowCell{font-size:14px;font-size:.875rem;line-height:1.5;padding:6px;border-right:1px solid #24272e;border-bottom:1px solid #343741;-webkit-flex:0 0 auto;flex:0 0 auto;background:#1d1e24;position:relative;-webkit-align-items:center;align-items:center}.euiDataGridRowCell>*{max-width:100%;width:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #343741}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#343741}.euiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(27,169,245,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:hover .euiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellButtonSlideIn;animation-name:euiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__expandButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__expandButtonIcon{display:none}.euiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.euiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);border:6px solid transparent;background-clip:content-box}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell__expand{width:100%;max-width:100%}.euiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.euiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.euiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.euiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.euiDataGridRowCell__expandButtonIcon{box-shadow:none!important;border:none}.euiDataGridRowCell__expandButtonIcon-isActive{margin-left:6px;width:12px}.euiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.75em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.euiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#1d1e24 12px);z-index:1}.euiDataGridRowCell__expandButton>*{z-index:2}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell{background-color:#2e2d25!important}.euiDataGrid--stripes .euiDataGridRowCell.euiDataGridRowCell--stripe{background:#25262e}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell,.euiDataGridRowCell--fontSizeSmall{font-size:12px;font-size:.75rem;line-height:1.5}.euiDataGrid--fontSizeLarge .euiDataGridRowCell,.euiDataGridRowCell--fontSizeLarge{font-size:16px;font-size:1rem;line-height:1.5}.euiDataGrid--paddingSmall .euiDataGridRowCell{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.euiDataGridRowCell--paddingSmall{padding:4px}.euiDataGrid--paddingLarge .euiDataGridRowCell{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.euiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1774
1774
  /*!
1775
1775
  * SPDX-License-Identifier: Apache-2.0
1776
1776
  *
package/dist/eui_theme_light.css CHANGED
@@ -8423,7 +8423,14 @@ html {
8423
8423
  align-items: baseline;
8424
8424
  }
8425
8425
 
8426
- .euiDataGridRowCell {
8426
+ .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell__expandButtonIcon {
8427
+ height: 12px;
8428
+ border-radius: 2px;
8429
+ width: 0;
8430
+ overflow: hidden;
8431
+ transition: none;
8432
+ }
8433
+ .euiDataGridRowCell__expandButtonIcon {
8427
8434
  box-shadow: none !important;
8428
8435
  /* ToDo: Remove unnecessary logic: the old beta theme has
8429
8436
  * evolved and the statement below about the `Next` theme
@@ -8431,17 +8438,10 @@ html {
8431
8438
  */
8432
8439
  border: none;
8433
8440
  }
8434
- .euiDataGridRowCell-isActive {
8441
+ .euiDataGridRowCell__expandButtonIcon-isActive {
8435
8442
  margin-left: 6px;
8436
8443
  width: 12px;
8437
8444
  }
8438
- .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell__expandButtonIcon {
8439
- height: 12px;
8440
- border-radius: 2px;
8441
- width: 0;
8442
- overflow: hidden;
8443
- transition: none;
8444
- }
8445
8445
  .euiDataGridRowCell__expandButton > * {
8446
8446
  z-index: 2;
8447
8447
  }
package/dist/eui_theme_light.min.css CHANGED
@@ -1740,7 +1740,7 @@
1740
1740
  *
1741
1741
  * Modifications Copyright OpenSearch Contributors. See
1742
1742
  * GitHub history for details.
1743
- */.euiDataGridRow,.euiDataGridRowCell{display:-webkit-flex;display:flex}.euiDataGridRowCell{font-size:14px;font-size:.875rem;line-height:1.5;padding:6px;border-right:1px solid #edf0f5;border-bottom:1px solid #d3dae6;-webkit-flex:0 0 auto;flex:0 0 auto;background:#fff;position:relative;-webkit-align-items:center;align-items:center}.euiDataGridRowCell>*{max-width:100%;width:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #d3dae6}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#d3dae6}.euiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(0,107,180,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:hover .euiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellButtonSlideIn;animation-name:euiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__expandButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__expandButtonIcon{display:none}.euiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.euiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);border:6px solid transparent;background-clip:content-box}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell__expand{width:100%;max-width:100%}.euiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.euiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.euiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.euiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.euiDataGridRowCell{box-shadow:none!important;border:none}.euiDataGridRowCell-isActive{margin-left:6px;width:12px}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.euiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.75em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.euiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#fff 12px);z-index:1}.euiDataGridRowCell__expandButton>*{z-index:2}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell{background-color:#fffcdd!important}.euiDataGrid--stripes .euiDataGridRowCell.euiDataGridRowCell--stripe{background:#f5f7fa}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell,.euiDataGridRowCell--fontSizeSmall{font-size:12px;font-size:.75rem;line-height:1.5}.euiDataGrid--fontSizeLarge .euiDataGridRowCell,.euiDataGridRowCell--fontSizeLarge{font-size:16px;font-size:1rem;line-height:1.5}.euiDataGrid--paddingSmall .euiDataGridRowCell{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.euiDataGridRowCell--paddingSmall{padding:4px}.euiDataGrid--paddingLarge .euiDataGridRowCell{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.euiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1743
+ */.euiDataGridRow,.euiDataGridRowCell{display:-webkit-flex;display:flex}.euiDataGridRowCell{font-size:14px;font-size:.875rem;line-height:1.5;padding:6px;border-right:1px solid #edf0f5;border-bottom:1px solid #d3dae6;-webkit-flex:0 0 auto;flex:0 0 auto;background:#fff;position:relative;-webkit-align-items:center;align-items:center}.euiDataGridRowCell>*{max-width:100%;width:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #d3dae6}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#d3dae6}.euiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(0,107,180,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:hover .euiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellButtonSlideIn;animation-name:euiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__expandButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__expandButtonIcon{display:none}.euiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.euiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);border:6px solid transparent;background-clip:content-box}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell__expand{width:100%;max-width:100%}.euiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.euiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.euiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.euiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.euiDataGridRowCell__expandButtonIcon{box-shadow:none!important;border:none}.euiDataGridRowCell__expandButtonIcon-isActive{margin-left:6px;width:12px}.euiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.75em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.euiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#fff 12px);z-index:1}.euiDataGridRowCell__expandButton>*{z-index:2}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell{background-color:#fffcdd!important}.euiDataGrid--stripes .euiDataGridRowCell.euiDataGridRowCell--stripe{background:#f5f7fa}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell,.euiDataGridRowCell--fontSizeSmall{font-size:12px;font-size:.75rem;line-height:1.5}.euiDataGrid--fontSizeLarge .euiDataGridRowCell,.euiDataGridRowCell--fontSizeLarge{font-size:16px;font-size:1rem;line-height:1.5}.euiDataGrid--paddingSmall .euiDataGridRowCell{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.euiDataGridRowCell--paddingSmall{padding:4px}.euiDataGrid--paddingLarge .euiDataGridRowCell{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.euiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1744
1744
  /*!
1745
1745
  * SPDX-License-Identifier: Apache-2.0
1746
1746
  *
package/dist/eui_theme_next_dark.css CHANGED
@@ -8459,7 +8459,14 @@ html {
8459
8459
  align-items: baseline;
8460
8460
  }
8461
8461
 
8462
- .euiDataGridRowCell {
8462
+ .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell__expandButtonIcon {
8463
+ height: 12px;
8464
+ border-radius: 2px;
8465
+ width: 0;
8466
+ overflow: hidden;
8467
+ transition: none;
8468
+ }
8469
+ .euiDataGridRowCell__expandButtonIcon {
8463
8470
  box-shadow: none !important;
8464
8471
  /* ToDo: Remove unnecessary logic: the old beta theme has
8465
8472
  * evolved and the statement below about the `Next` theme
@@ -8467,17 +8474,10 @@ html {
8467
8474
  */
8468
8475
  border: none;
8469
8476
  }
8470
- .euiDataGridRowCell-isActive {
8477
+ .euiDataGridRowCell__expandButtonIcon-isActive {
8471
8478
  margin-left: 6px;
8472
8479
  width: 12px;
8473
8480
  }
8474
- .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell__expandButtonIcon {
8475
- height: 12px;
8476
- border-radius: 2px;
8477
- width: 0;
8478
- overflow: hidden;
8479
- transition: none;
8480
- }
8481
8481
  .euiDataGridRowCell__expandButton > * {
8482
8482
  z-index: 2;
8483
8483
  }
package/dist/eui_theme_next_dark.min.css CHANGED
@@ -1770,7 +1770,7 @@
1770
1770
  *
1771
1771
  * Modifications Copyright OpenSearch Contributors. See
1772
1772
  * GitHub history for details.
1773
- */.euiDataGridRow,.euiDataGridRowCell{display:-webkit-flex;display:flex}.euiDataGridRowCell{font-size:15.75px;font-size:.875rem;line-height:1.333333;padding:6px;border-right:1px solid #202d3a;border-bottom:1px solid #293847;-webkit-flex:0 0 auto;flex:0 0 auto;background:#0a121a;position:relative;-webkit-align-items:center;align-items:center}.euiDataGridRowCell>*{max-width:100%;width:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #293847}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#293847}.euiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(21,157,141,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:hover .euiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellButtonSlideIn;animation-name:euiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__expandButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__expandButtonIcon{display:none}.euiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.euiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(141,152,163,.5);border:6px solid transparent;background-clip:content-box}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell__expand{width:100%;max-width:100%}.euiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.euiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.euiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.euiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.euiDataGridRowCell{box-shadow:none!important;border:none}.euiDataGridRowCell-isActive{margin-left:6px;width:12px}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.euiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.66667em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.euiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#0a121a 12px);z-index:1}.euiDataGridRowCell__expandButton>*{z-index:2}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell{background-color:#2e2d25!important}.euiDataGrid--stripes .euiDataGridRowCell.euiDataGridRowCell--stripe{background:#101b25}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell,.euiDataGridRowCell--fontSizeSmall{font-size:13.5px;font-size:.75rem;line-height:1.333333}.euiDataGrid--fontSizeLarge .euiDataGridRowCell,.euiDataGridRowCell--fontSizeLarge{font-size:18px;font-size:1rem;line-height:1.333333}.euiDataGrid--paddingSmall .euiDataGridRowCell{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.euiDataGridRowCell--paddingSmall{padding:4px}.euiDataGrid--paddingLarge .euiDataGridRowCell{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.euiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1773
+ */.euiDataGridRow,.euiDataGridRowCell{display:-webkit-flex;display:flex}.euiDataGridRowCell{font-size:15.75px;font-size:.875rem;line-height:1.333333;padding:6px;border-right:1px solid #202d3a;border-bottom:1px solid #293847;-webkit-flex:0 0 auto;flex:0 0 auto;background:#0a121a;position:relative;-webkit-align-items:center;align-items:center}.euiDataGridRowCell>*{max-width:100%;width:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #293847}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#293847}.euiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(21,157,141,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:hover .euiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellButtonSlideIn;animation-name:euiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__expandButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__expandButtonIcon{display:none}.euiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.euiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(141,152,163,.5);border:6px solid transparent;background-clip:content-box}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell__expand{width:100%;max-width:100%}.euiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.euiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.euiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.euiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.euiDataGridRowCell__expandButtonIcon{box-shadow:none!important;border:none}.euiDataGridRowCell__expandButtonIcon-isActive{margin-left:6px;width:12px}.euiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.66667em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.euiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#0a121a 12px);z-index:1}.euiDataGridRowCell__expandButton>*{z-index:2}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell{background-color:#2e2d25!important}.euiDataGrid--stripes .euiDataGridRowCell.euiDataGridRowCell--stripe{background:#101b25}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell,.euiDataGridRowCell--fontSizeSmall{font-size:13.5px;font-size:.75rem;line-height:1.333333}.euiDataGrid--fontSizeLarge .euiDataGridRowCell,.euiDataGridRowCell--fontSizeLarge{font-size:18px;font-size:1rem;line-height:1.333333}.euiDataGrid--paddingSmall .euiDataGridRowCell{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.euiDataGridRowCell--paddingSmall{padding:4px}.euiDataGrid--paddingLarge .euiDataGridRowCell{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.euiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1774
1774
  /*!
1775
1775
  * SPDX-License-Identifier: Apache-2.0
1776
1776
  *
package/dist/eui_theme_next_light.css CHANGED
@@ -8425,7 +8425,14 @@ html {
8425
8425
  align-items: baseline;
8426
8426
  }
8427
8427
 
8428
- .euiDataGridRowCell {
8428
+ .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell__expandButtonIcon {
8429
+ height: 12px;
8430
+ border-radius: 2px;
8431
+ width: 0;
8432
+ overflow: hidden;
8433
+ transition: none;
8434
+ }
8435
+ .euiDataGridRowCell__expandButtonIcon {
8429
8436
  box-shadow: none !important;
8430
8437
  /* ToDo: Remove unnecessary logic: the old beta theme has
8431
8438
  * evolved and the statement below about the `Next` theme
@@ -8433,17 +8440,10 @@ html {
8433
8440
  */
8434
8441
  border: none;
8435
8442
  }
8436
- .euiDataGridRowCell-isActive {
8443
+ .euiDataGridRowCell__expandButtonIcon-isActive {
8437
8444
  margin-left: 6px;
8438
8445
  width: 12px;
8439
8446
  }
8440
- .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell__expandButtonIcon {
8441
- height: 12px;
8442
- border-radius: 2px;
8443
- width: 0;
8444
- overflow: hidden;
8445
- transition: none;
8446
- }
8447
8447
  .euiDataGridRowCell__expandButton > * {
8448
8448
  z-index: 2;
8449
8449
  }
package/dist/eui_theme_next_light.min.css CHANGED
@@ -1740,7 +1740,7 @@
1740
1740
  *
1741
1741
  * Modifications Copyright OpenSearch Contributors. See
1742
1742
  * GitHub history for details.
1743
- */.euiDataGridRow,.euiDataGridRowCell{display:-webkit-flex;display:flex}.euiDataGridRowCell{font-size:15.75px;font-size:.875rem;line-height:1.333333;padding:6px;border-right:1px solid #edeff1;border-bottom:1px solid #d6d9dd;-webkit-flex:0 0 auto;flex:0 0 auto;background:#fcfeff;position:relative;-webkit-align-items:center;align-items:center}.euiDataGridRowCell>*{max-width:100%;width:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #d6d9dd}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#d6d9dd}.euiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(7,130,126,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:hover .euiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellButtonSlideIn;animation-name:euiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__expandButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__expandButtonIcon{display:none}.euiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.euiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(90,104,117,.5);border:6px solid transparent;background-clip:content-box}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell__expand{width:100%;max-width:100%}.euiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.euiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.euiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.euiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.euiDataGridRowCell{box-shadow:none!important;border:none}.euiDataGridRowCell-isActive{margin-left:6px;width:12px}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.euiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.66667em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.euiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#fcfeff 12px);z-index:1}.euiDataGridRowCell__expandButton>*{z-index:2}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell{background-color:#fffcdd!important}.euiDataGrid--stripes .euiDataGridRowCell.euiDataGridRowCell--stripe{background:#e3e5e8}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell,.euiDataGridRowCell--fontSizeSmall{font-size:13.5px;font-size:.75rem;line-height:1.333333}.euiDataGrid--fontSizeLarge .euiDataGridRowCell,.euiDataGridRowCell--fontSizeLarge{font-size:18px;font-size:1rem;line-height:1.333333}.euiDataGrid--paddingSmall .euiDataGridRowCell{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.euiDataGridRowCell--paddingSmall{padding:4px}.euiDataGrid--paddingLarge .euiDataGridRowCell{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.euiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1743
+ */.euiDataGridRow,.euiDataGridRowCell{display:-webkit-flex;display:flex}.euiDataGridRowCell{font-size:15.75px;font-size:.875rem;line-height:1.333333;padding:6px;border-right:1px solid #edeff1;border-bottom:1px solid #d6d9dd;-webkit-flex:0 0 auto;flex:0 0 auto;background:#fcfeff;position:relative;-webkit-align-items:center;align-items:center}.euiDataGridRowCell>*{max-width:100%;width:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #d6d9dd}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#d6d9dd}.euiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(7,130,126,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:hover .euiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellButtonSlideIn;animation-name:euiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__expandButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover) .euiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__expandButtonIcon{display:none}.euiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.euiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(90,104,117,.5);border:6px solid transparent;background-clip:content-box}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell__expand{width:100%;max-width:100%}.euiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.euiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.euiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.euiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.euiDataGridRowCell__expandButtonIcon{box-shadow:none!important;border:none}.euiDataGridRowCell__expandButtonIcon-isActive{margin-left:6px;width:12px}.euiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.66667em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.euiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#fcfeff 12px);z-index:1}.euiDataGridRowCell__expandButton>*{z-index:2}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell{background-color:#fffcdd!important}.euiDataGrid--stripes .euiDataGridRowCell.euiDataGridRowCell--stripe{background:#e3e5e8}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell,.euiDataGridRowCell--fontSizeSmall{font-size:13.5px;font-size:.75rem;line-height:1.333333}.euiDataGrid--fontSizeLarge .euiDataGridRowCell,.euiDataGridRowCell--fontSizeLarge{font-size:18px;font-size:1rem;line-height:1.333333}.euiDataGrid--paddingSmall .euiDataGridRowCell{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.euiDataGridRowCell--paddingSmall{padding:4px}.euiDataGrid--paddingLarge .euiDataGridRowCell{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.euiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes euiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1744
1744
  /*!
1745
1745
  * SPDX-License-Identifier: Apache-2.0
1746
1746
  *
package/dist/oui_theme_dark.css CHANGED
@@ -8457,7 +8457,14 @@ html {
8457
8457
  align-items: baseline;
8458
8458
  }
8459
8459
 
8460
- .ouiDataGridRowCell {
8460
+ .ouiDataGridRowCell__actionButtonIcon, .ouiDataGridRowCell__expandButtonIcon {
8461
+ height: 12px;
8462
+ border-radius: 2px;
8463
+ width: 0;
8464
+ overflow: hidden;
8465
+ transition: none;
8466
+ }
8467
+ .ouiDataGridRowCell__expandButtonIcon {
8461
8468
  box-shadow: none !important;
8462
8469
  /* ToDo: Remove unnecessary logic: the old beta theme has
8463
8470
  * evolved and the statement below about the `Next` theme
@@ -8465,17 +8472,10 @@ html {
8465
8472
  */
8466
8473
  border: none;
8467
8474
  }
8468
- .ouiDataGridRowCell-isActive {
8475
+ .ouiDataGridRowCell__expandButtonIcon-isActive {
8469
8476
  margin-left: 6px;
8470
8477
  width: 12px;
8471
8478
  }
8472
- .ouiDataGridRowCell__actionButtonIcon, .ouiDataGridRowCell__expandButtonIcon {
8473
- height: 12px;
8474
- border-radius: 2px;
8475
- width: 0;
8476
- overflow: hidden;
8477
- transition: none;
8478
- }
8479
8479
  .ouiDataGridRowCell__expandButton > * {
8480
8480
  z-index: 2;
8481
8481
  }
package/dist/oui_theme_dark.min.css CHANGED
@@ -1770,7 +1770,7 @@
1770
1770
  *
1771
1771
  * Modifications Copyright OpenSearch Contributors. See
1772
1772
  * GitHub history for details.
1773
- */.ouiDataGridRow,.ouiDataGridRowCell{display:-webkit-flex;display:flex}.ouiDataGridRowCell{font-size:14px;font-size:.875rem;line-height:1.5;padding:6px;border-right:1px solid #24272e;border-bottom:1px solid #343741;-webkit-flex:0 0 auto;flex:0 0 auto;background:#1d1e24;position:relative;-webkit-align-items:center;align-items:center}.ouiDataGridRowCell>*{max-width:100%;width:100%}.ouiDataGridRowCell.ouiDataGridRowCell--firstColumn{border-left:1px solid #343741}.ouiDataGridRowCell.ouiDataGridRowCell--lastColumn{border-right-color:#343741}.ouiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(27,169,245,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.ouiDataGridRowCell:hover .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:hover .ouiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:ouiDataGridCellButtonSlideIn;animation-name:ouiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__expandButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.ouiDataGridRowCell:focus .ouiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__expandButtonIcon{display:none}.ouiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.ouiDataGridRowCell.ouiDataGridRowCell--currency,.ouiDataGridRowCell.ouiDataGridRowCell--numeric{text-align:right}.ouiDataGridRowCell.ouiDataGridRowCell--uppercase{text-transform:uppercase}.ouiDataGridRowCell.ouiDataGridRowCell--lowercase{text-transform:lowercase}.ouiDataGridRowCell.ouiDataGridRowCell--capitalize{text-transform:capitalize}.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__content,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__expandContent,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn).ouiDataGridRowCell__truncate,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.ouiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.ouiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.ouiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);border:6px solid transparent;background-clip:content-box}.ouiDataGridRowCell__popover::-webkit-scrollbar-corner,.ouiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.ouiDataGridRowCell__expand{width:100%;max-width:100%}.ouiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.ouiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.ouiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.ouiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.ouiDataGridRowCell{box-shadow:none!important;border:none}.ouiDataGridRowCell-isActive{margin-left:6px;width:12px}.ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.ouiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.75em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.ouiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#1d1e24 12px);z-index:1}.ouiDataGridRowCell__expandButton>*{z-index:2}.ouiDataGrid--rowHoverHighlight .ouiDataGridRow:hover .ouiDataGridRowCell{background-color:#2e2d25!important}.ouiDataGrid--stripes .ouiDataGridRowCell.ouiDataGridRowCell--stripe{background:#25262e}.ouiDataGrid--bordersNone .ouiDataGridRowCell{border-color:transparent!important}.ouiDataGrid--bordersHorizontal .ouiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.ouiDataGrid--fontSizeSmall .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeSmall{font-size:12px;font-size:.75rem;line-height:1.5}.ouiDataGrid--fontSizeLarge .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeLarge{font-size:16px;font-size:1rem;line-height:1.5}.ouiDataGrid--paddingSmall .ouiDataGridRowCell{padding:4px}.ouiDataGrid--paddingSmall .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.ouiDataGridRowCell--paddingSmall{padding:4px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell{padding:8px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.ouiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1773
+ */.ouiDataGridRow,.ouiDataGridRowCell{display:-webkit-flex;display:flex}.ouiDataGridRowCell{font-size:14px;font-size:.875rem;line-height:1.5;padding:6px;border-right:1px solid #24272e;border-bottom:1px solid #343741;-webkit-flex:0 0 auto;flex:0 0 auto;background:#1d1e24;position:relative;-webkit-align-items:center;align-items:center}.ouiDataGridRowCell>*{max-width:100%;width:100%}.ouiDataGridRowCell.ouiDataGridRowCell--firstColumn{border-left:1px solid #343741}.ouiDataGridRowCell.ouiDataGridRowCell--lastColumn{border-right-color:#343741}.ouiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(27,169,245,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.ouiDataGridRowCell:hover .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:hover .ouiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:ouiDataGridCellButtonSlideIn;animation-name:ouiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__expandButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.ouiDataGridRowCell:focus .ouiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__expandButtonIcon{display:none}.ouiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.ouiDataGridRowCell.ouiDataGridRowCell--currency,.ouiDataGridRowCell.ouiDataGridRowCell--numeric{text-align:right}.ouiDataGridRowCell.ouiDataGridRowCell--uppercase{text-transform:uppercase}.ouiDataGridRowCell.ouiDataGridRowCell--lowercase{text-transform:lowercase}.ouiDataGridRowCell.ouiDataGridRowCell--capitalize{text-transform:capitalize}.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__content,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__expandContent,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn).ouiDataGridRowCell__truncate,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.ouiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.ouiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.ouiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);border:6px solid transparent;background-clip:content-box}.ouiDataGridRowCell__popover::-webkit-scrollbar-corner,.ouiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.ouiDataGridRowCell__expand{width:100%;max-width:100%}.ouiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.ouiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.ouiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.ouiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.ouiDataGridRowCell__expandButtonIcon{box-shadow:none!important;border:none}.ouiDataGridRowCell__expandButtonIcon-isActive{margin-left:6px;width:12px}.ouiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.75em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.ouiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#1d1e24 12px);z-index:1}.ouiDataGridRowCell__expandButton>*{z-index:2}.ouiDataGrid--rowHoverHighlight .ouiDataGridRow:hover .ouiDataGridRowCell{background-color:#2e2d25!important}.ouiDataGrid--stripes .ouiDataGridRowCell.ouiDataGridRowCell--stripe{background:#25262e}.ouiDataGrid--bordersNone .ouiDataGridRowCell{border-color:transparent!important}.ouiDataGrid--bordersHorizontal .ouiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.ouiDataGrid--fontSizeSmall .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeSmall{font-size:12px;font-size:.75rem;line-height:1.5}.ouiDataGrid--fontSizeLarge .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeLarge{font-size:16px;font-size:1rem;line-height:1.5}.ouiDataGrid--paddingSmall .ouiDataGridRowCell{padding:4px}.ouiDataGrid--paddingSmall .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.ouiDataGridRowCell--paddingSmall{padding:4px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell{padding:8px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.ouiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1774
1774
  /*!
1775
1775
  * SPDX-License-Identifier: Apache-2.0
1776
1776
  *
package/dist/oui_theme_light.css CHANGED
@@ -8423,7 +8423,14 @@ html {
8423
8423
  align-items: baseline;
8424
8424
  }
8425
8425
 
8426
- .ouiDataGridRowCell {
8426
+ .ouiDataGridRowCell__actionButtonIcon, .ouiDataGridRowCell__expandButtonIcon {
8427
+ height: 12px;
8428
+ border-radius: 2px;
8429
+ width: 0;
8430
+ overflow: hidden;
8431
+ transition: none;
8432
+ }
8433
+ .ouiDataGridRowCell__expandButtonIcon {
8427
8434
  box-shadow: none !important;
8428
8435
  /* ToDo: Remove unnecessary logic: the old beta theme has
8429
8436
  * evolved and the statement below about the `Next` theme
@@ -8431,17 +8438,10 @@ html {
8431
8438
  */
8432
8439
  border: none;
8433
8440
  }
8434
- .ouiDataGridRowCell-isActive {
8441
+ .ouiDataGridRowCell__expandButtonIcon-isActive {
8435
8442
  margin-left: 6px;
8436
8443
  width: 12px;
8437
8444
  }
8438
- .ouiDataGridRowCell__actionButtonIcon, .ouiDataGridRowCell__expandButtonIcon {
8439
- height: 12px;
8440
- border-radius: 2px;
8441
- width: 0;
8442
- overflow: hidden;
8443
- transition: none;
8444
- }
8445
8445
  .ouiDataGridRowCell__expandButton > * {
8446
8446
  z-index: 2;
8447
8447
  }
package/dist/oui_theme_light.min.css CHANGED
@@ -1740,7 +1740,7 @@
1740
1740
  *
1741
1741
  * Modifications Copyright OpenSearch Contributors. See
1742
1742
  * GitHub history for details.
1743
- */.ouiDataGridRow,.ouiDataGridRowCell{display:-webkit-flex;display:flex}.ouiDataGridRowCell{font-size:14px;font-size:.875rem;line-height:1.5;padding:6px;border-right:1px solid #edf0f5;border-bottom:1px solid #d3dae6;-webkit-flex:0 0 auto;flex:0 0 auto;background:#fff;position:relative;-webkit-align-items:center;align-items:center}.ouiDataGridRowCell>*{max-width:100%;width:100%}.ouiDataGridRowCell.ouiDataGridRowCell--firstColumn{border-left:1px solid #d3dae6}.ouiDataGridRowCell.ouiDataGridRowCell--lastColumn{border-right-color:#d3dae6}.ouiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(0,107,180,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.ouiDataGridRowCell:hover .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:hover .ouiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:ouiDataGridCellButtonSlideIn;animation-name:ouiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__expandButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.ouiDataGridRowCell:focus .ouiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__expandButtonIcon{display:none}.ouiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.ouiDataGridRowCell.ouiDataGridRowCell--currency,.ouiDataGridRowCell.ouiDataGridRowCell--numeric{text-align:right}.ouiDataGridRowCell.ouiDataGridRowCell--uppercase{text-transform:uppercase}.ouiDataGridRowCell.ouiDataGridRowCell--lowercase{text-transform:lowercase}.ouiDataGridRowCell.ouiDataGridRowCell--capitalize{text-transform:capitalize}.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__content,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__expandContent,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn).ouiDataGridRowCell__truncate,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.ouiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.ouiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.ouiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);border:6px solid transparent;background-clip:content-box}.ouiDataGridRowCell__popover::-webkit-scrollbar-corner,.ouiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.ouiDataGridRowCell__expand{width:100%;max-width:100%}.ouiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.ouiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.ouiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.ouiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.ouiDataGridRowCell{box-shadow:none!important;border:none}.ouiDataGridRowCell-isActive{margin-left:6px;width:12px}.ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.ouiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.75em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.ouiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#fff 12px);z-index:1}.ouiDataGridRowCell__expandButton>*{z-index:2}.ouiDataGrid--rowHoverHighlight .ouiDataGridRow:hover .ouiDataGridRowCell{background-color:#fffcdd!important}.ouiDataGrid--stripes .ouiDataGridRowCell.ouiDataGridRowCell--stripe{background:#f5f7fa}.ouiDataGrid--bordersNone .ouiDataGridRowCell{border-color:transparent!important}.ouiDataGrid--bordersHorizontal .ouiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.ouiDataGrid--fontSizeSmall .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeSmall{font-size:12px;font-size:.75rem;line-height:1.5}.ouiDataGrid--fontSizeLarge .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeLarge{font-size:16px;font-size:1rem;line-height:1.5}.ouiDataGrid--paddingSmall .ouiDataGridRowCell{padding:4px}.ouiDataGrid--paddingSmall .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.ouiDataGridRowCell--paddingSmall{padding:4px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell{padding:8px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.ouiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1743
+ */.ouiDataGridRow,.ouiDataGridRowCell{display:-webkit-flex;display:flex}.ouiDataGridRowCell{font-size:14px;font-size:.875rem;line-height:1.5;padding:6px;border-right:1px solid #edf0f5;border-bottom:1px solid #d3dae6;-webkit-flex:0 0 auto;flex:0 0 auto;background:#fff;position:relative;-webkit-align-items:center;align-items:center}.ouiDataGridRowCell>*{max-width:100%;width:100%}.ouiDataGridRowCell.ouiDataGridRowCell--firstColumn{border-left:1px solid #d3dae6}.ouiDataGridRowCell.ouiDataGridRowCell--lastColumn{border-right-color:#d3dae6}.ouiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(0,107,180,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.ouiDataGridRowCell:hover .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:hover .ouiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:ouiDataGridCellButtonSlideIn;animation-name:ouiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__expandButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.ouiDataGridRowCell:focus .ouiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__expandButtonIcon{display:none}.ouiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.ouiDataGridRowCell.ouiDataGridRowCell--currency,.ouiDataGridRowCell.ouiDataGridRowCell--numeric{text-align:right}.ouiDataGridRowCell.ouiDataGridRowCell--uppercase{text-transform:uppercase}.ouiDataGridRowCell.ouiDataGridRowCell--lowercase{text-transform:lowercase}.ouiDataGridRowCell.ouiDataGridRowCell--capitalize{text-transform:capitalize}.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__content,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__expandContent,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn).ouiDataGridRowCell__truncate,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.ouiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.ouiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.ouiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);border:6px solid transparent;background-clip:content-box}.ouiDataGridRowCell__popover::-webkit-scrollbar-corner,.ouiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.ouiDataGridRowCell__expand{width:100%;max-width:100%}.ouiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.ouiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.ouiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.ouiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.ouiDataGridRowCell__expandButtonIcon{box-shadow:none!important;border:none}.ouiDataGridRowCell__expandButtonIcon-isActive{margin-left:6px;width:12px}.ouiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.75em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.ouiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#fff 12px);z-index:1}.ouiDataGridRowCell__expandButton>*{z-index:2}.ouiDataGrid--rowHoverHighlight .ouiDataGridRow:hover .ouiDataGridRowCell{background-color:#fffcdd!important}.ouiDataGrid--stripes .ouiDataGridRowCell.ouiDataGridRowCell--stripe{background:#f5f7fa}.ouiDataGrid--bordersNone .ouiDataGridRowCell{border-color:transparent!important}.ouiDataGrid--bordersHorizontal .ouiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.ouiDataGrid--fontSizeSmall .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeSmall{font-size:12px;font-size:.75rem;line-height:1.5}.ouiDataGrid--fontSizeLarge .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeLarge{font-size:16px;font-size:1rem;line-height:1.5}.ouiDataGrid--paddingSmall .ouiDataGridRowCell{padding:4px}.ouiDataGrid--paddingSmall .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.ouiDataGridRowCell--paddingSmall{padding:4px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell{padding:8px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.ouiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1744
1744
  /*!
1745
1745
  * SPDX-License-Identifier: Apache-2.0
1746
1746
  *
package/dist/oui_theme_next_dark.css CHANGED
@@ -8459,7 +8459,14 @@ html {
8459
8459
  align-items: baseline;
8460
8460
  }
8461
8461
 
8462
- .ouiDataGridRowCell {
8462
+ .ouiDataGridRowCell__actionButtonIcon, .ouiDataGridRowCell__expandButtonIcon {
8463
+ height: 12px;
8464
+ border-radius: 2px;
8465
+ width: 0;
8466
+ overflow: hidden;
8467
+ transition: none;
8468
+ }
8469
+ .ouiDataGridRowCell__expandButtonIcon {
8463
8470
  box-shadow: none !important;
8464
8471
  /* ToDo: Remove unnecessary logic: the old beta theme has
8465
8472
  * evolved and the statement below about the `Next` theme
@@ -8467,17 +8474,10 @@ html {
8467
8474
  */
8468
8475
  border: none;
8469
8476
  }
8470
- .ouiDataGridRowCell-isActive {
8477
+ .ouiDataGridRowCell__expandButtonIcon-isActive {
8471
8478
  margin-left: 6px;
8472
8479
  width: 12px;
8473
8480
  }
8474
- .ouiDataGridRowCell__actionButtonIcon, .ouiDataGridRowCell__expandButtonIcon {
8475
- height: 12px;
8476
- border-radius: 2px;
8477
- width: 0;
8478
- overflow: hidden;
8479
- transition: none;
8480
- }
8481
8481
  .ouiDataGridRowCell__expandButton > * {
8482
8482
  z-index: 2;
8483
8483
  }
package/dist/oui_theme_next_dark.min.css CHANGED
@@ -1770,7 +1770,7 @@
1770
1770
  *
1771
1771
  * Modifications Copyright OpenSearch Contributors. See
1772
1772
  * GitHub history for details.
1773
- */.ouiDataGridRow,.ouiDataGridRowCell{display:-webkit-flex;display:flex}.ouiDataGridRowCell{font-size:15.75px;font-size:.875rem;line-height:1.333333;padding:6px;border-right:1px solid #202d3a;border-bottom:1px solid #293847;-webkit-flex:0 0 auto;flex:0 0 auto;background:#0a121a;position:relative;-webkit-align-items:center;align-items:center}.ouiDataGridRowCell>*{max-width:100%;width:100%}.ouiDataGridRowCell.ouiDataGridRowCell--firstColumn{border-left:1px solid #293847}.ouiDataGridRowCell.ouiDataGridRowCell--lastColumn{border-right-color:#293847}.ouiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(21,157,141,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.ouiDataGridRowCell:hover .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:hover .ouiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:ouiDataGridCellButtonSlideIn;animation-name:ouiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__expandButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.ouiDataGridRowCell:focus .ouiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__expandButtonIcon{display:none}.ouiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.ouiDataGridRowCell.ouiDataGridRowCell--currency,.ouiDataGridRowCell.ouiDataGridRowCell--numeric{text-align:right}.ouiDataGridRowCell.ouiDataGridRowCell--uppercase{text-transform:uppercase}.ouiDataGridRowCell.ouiDataGridRowCell--lowercase{text-transform:lowercase}.ouiDataGridRowCell.ouiDataGridRowCell--capitalize{text-transform:capitalize}.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__content,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__expandContent,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn).ouiDataGridRowCell__truncate,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.ouiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.ouiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.ouiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(141,152,163,.5);border:6px solid transparent;background-clip:content-box}.ouiDataGridRowCell__popover::-webkit-scrollbar-corner,.ouiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.ouiDataGridRowCell__expand{width:100%;max-width:100%}.ouiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.ouiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.ouiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.ouiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.ouiDataGridRowCell{box-shadow:none!important;border:none}.ouiDataGridRowCell-isActive{margin-left:6px;width:12px}.ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.ouiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.66667em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.ouiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#0a121a 12px);z-index:1}.ouiDataGridRowCell__expandButton>*{z-index:2}.ouiDataGrid--rowHoverHighlight .ouiDataGridRow:hover .ouiDataGridRowCell{background-color:#2e2d25!important}.ouiDataGrid--stripes .ouiDataGridRowCell.ouiDataGridRowCell--stripe{background:#101b25}.ouiDataGrid--bordersNone .ouiDataGridRowCell{border-color:transparent!important}.ouiDataGrid--bordersHorizontal .ouiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.ouiDataGrid--fontSizeSmall .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeSmall{font-size:13.5px;font-size:.75rem;line-height:1.333333}.ouiDataGrid--fontSizeLarge .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeLarge{font-size:18px;font-size:1rem;line-height:1.333333}.ouiDataGrid--paddingSmall .ouiDataGridRowCell{padding:4px}.ouiDataGrid--paddingSmall .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.ouiDataGridRowCell--paddingSmall{padding:4px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell{padding:8px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.ouiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1773
+ */.ouiDataGridRow,.ouiDataGridRowCell{display:-webkit-flex;display:flex}.ouiDataGridRowCell{font-size:15.75px;font-size:.875rem;line-height:1.333333;padding:6px;border-right:1px solid #202d3a;border-bottom:1px solid #293847;-webkit-flex:0 0 auto;flex:0 0 auto;background:#0a121a;position:relative;-webkit-align-items:center;align-items:center}.ouiDataGridRowCell>*{max-width:100%;width:100%}.ouiDataGridRowCell.ouiDataGridRowCell--firstColumn{border-left:1px solid #293847}.ouiDataGridRowCell.ouiDataGridRowCell--lastColumn{border-right-color:#293847}.ouiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(21,157,141,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.ouiDataGridRowCell:hover .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:hover .ouiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:ouiDataGridCellButtonSlideIn;animation-name:ouiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__expandButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.ouiDataGridRowCell:focus .ouiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__expandButtonIcon{display:none}.ouiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.ouiDataGridRowCell.ouiDataGridRowCell--currency,.ouiDataGridRowCell.ouiDataGridRowCell--numeric{text-align:right}.ouiDataGridRowCell.ouiDataGridRowCell--uppercase{text-transform:uppercase}.ouiDataGridRowCell.ouiDataGridRowCell--lowercase{text-transform:lowercase}.ouiDataGridRowCell.ouiDataGridRowCell--capitalize{text-transform:capitalize}.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__content,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__expandContent,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn).ouiDataGridRowCell__truncate,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.ouiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.ouiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.ouiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(141,152,163,.5);border:6px solid transparent;background-clip:content-box}.ouiDataGridRowCell__popover::-webkit-scrollbar-corner,.ouiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.ouiDataGridRowCell__expand{width:100%;max-width:100%}.ouiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.ouiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.ouiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.ouiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.ouiDataGridRowCell__expandButtonIcon{box-shadow:none!important;border:none}.ouiDataGridRowCell__expandButtonIcon-isActive{margin-left:6px;width:12px}.ouiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.66667em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.ouiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#0a121a 12px);z-index:1}.ouiDataGridRowCell__expandButton>*{z-index:2}.ouiDataGrid--rowHoverHighlight .ouiDataGridRow:hover .ouiDataGridRowCell{background-color:#2e2d25!important}.ouiDataGrid--stripes .ouiDataGridRowCell.ouiDataGridRowCell--stripe{background:#101b25}.ouiDataGrid--bordersNone .ouiDataGridRowCell{border-color:transparent!important}.ouiDataGrid--bordersHorizontal .ouiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.ouiDataGrid--fontSizeSmall .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeSmall{font-size:13.5px;font-size:.75rem;line-height:1.333333}.ouiDataGrid--fontSizeLarge .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeLarge{font-size:18px;font-size:1rem;line-height:1.333333}.ouiDataGrid--paddingSmall .ouiDataGridRowCell{padding:4px}.ouiDataGrid--paddingSmall .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.ouiDataGridRowCell--paddingSmall{padding:4px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell{padding:8px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.ouiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1774
1774
  /*!
1775
1775
  * SPDX-License-Identifier: Apache-2.0
1776
1776
  *
package/dist/oui_theme_next_light.css CHANGED
@@ -8425,7 +8425,14 @@ html {
8425
8425
  align-items: baseline;
8426
8426
  }
8427
8427
 
8428
- .ouiDataGridRowCell {
8428
+ .ouiDataGridRowCell__actionButtonIcon, .ouiDataGridRowCell__expandButtonIcon {
8429
+ height: 12px;
8430
+ border-radius: 2px;
8431
+ width: 0;
8432
+ overflow: hidden;
8433
+ transition: none;
8434
+ }
8435
+ .ouiDataGridRowCell__expandButtonIcon {
8429
8436
  box-shadow: none !important;
8430
8437
  /* ToDo: Remove unnecessary logic: the old beta theme has
8431
8438
  * evolved and the statement below about the `Next` theme
@@ -8433,17 +8440,10 @@ html {
8433
8440
  */
8434
8441
  border: none;
8435
8442
  }
8436
- .ouiDataGridRowCell-isActive {
8443
+ .ouiDataGridRowCell__expandButtonIcon-isActive {
8437
8444
  margin-left: 6px;
8438
8445
  width: 12px;
8439
8446
  }
8440
- .ouiDataGridRowCell__actionButtonIcon, .ouiDataGridRowCell__expandButtonIcon {
8441
- height: 12px;
8442
- border-radius: 2px;
8443
- width: 0;
8444
- overflow: hidden;
8445
- transition: none;
8446
- }
8447
8447
  .ouiDataGridRowCell__expandButton > * {
8448
8448
  z-index: 2;
8449
8449
  }
package/dist/oui_theme_next_light.min.css CHANGED
@@ -1740,7 +1740,7 @@
1740
1740
  *
1741
1741
  * Modifications Copyright OpenSearch Contributors. See
1742
1742
  * GitHub history for details.
1743
- */.ouiDataGridRow,.ouiDataGridRowCell{display:-webkit-flex;display:flex}.ouiDataGridRowCell{font-size:15.75px;font-size:.875rem;line-height:1.333333;padding:6px;border-right:1px solid #edeff1;border-bottom:1px solid #d6d9dd;-webkit-flex:0 0 auto;flex:0 0 auto;background:#fcfeff;position:relative;-webkit-align-items:center;align-items:center}.ouiDataGridRowCell>*{max-width:100%;width:100%}.ouiDataGridRowCell.ouiDataGridRowCell--firstColumn{border-left:1px solid #d6d9dd}.ouiDataGridRowCell.ouiDataGridRowCell--lastColumn{border-right-color:#d6d9dd}.ouiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(7,130,126,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.ouiDataGridRowCell:hover .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:hover .ouiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:ouiDataGridCellButtonSlideIn;animation-name:ouiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__expandButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.ouiDataGridRowCell:focus .ouiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__expandButtonIcon{display:none}.ouiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.ouiDataGridRowCell.ouiDataGridRowCell--currency,.ouiDataGridRowCell.ouiDataGridRowCell--numeric{text-align:right}.ouiDataGridRowCell.ouiDataGridRowCell--uppercase{text-transform:uppercase}.ouiDataGridRowCell.ouiDataGridRowCell--lowercase{text-transform:lowercase}.ouiDataGridRowCell.ouiDataGridRowCell--capitalize{text-transform:capitalize}.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__content,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__expandContent,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn).ouiDataGridRowCell__truncate,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.ouiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.ouiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.ouiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(90,104,117,.5);border:6px solid transparent;background-clip:content-box}.ouiDataGridRowCell__popover::-webkit-scrollbar-corner,.ouiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.ouiDataGridRowCell__expand{width:100%;max-width:100%}.ouiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.ouiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.ouiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.ouiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.ouiDataGridRowCell{box-shadow:none!important;border:none}.ouiDataGridRowCell-isActive{margin-left:6px;width:12px}.ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.ouiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.66667em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.ouiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#fcfeff 12px);z-index:1}.ouiDataGridRowCell__expandButton>*{z-index:2}.ouiDataGrid--rowHoverHighlight .ouiDataGridRow:hover .ouiDataGridRowCell{background-color:#fffcdd!important}.ouiDataGrid--stripes .ouiDataGridRowCell.ouiDataGridRowCell--stripe{background:#e3e5e8}.ouiDataGrid--bordersNone .ouiDataGridRowCell{border-color:transparent!important}.ouiDataGrid--bordersHorizontal .ouiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.ouiDataGrid--fontSizeSmall .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeSmall{font-size:13.5px;font-size:.75rem;line-height:1.333333}.ouiDataGrid--fontSizeLarge .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeLarge{font-size:18px;font-size:1rem;line-height:1.333333}.ouiDataGrid--paddingSmall .ouiDataGridRowCell{padding:4px}.ouiDataGrid--paddingSmall .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.ouiDataGridRowCell--paddingSmall{padding:4px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell{padding:8px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.ouiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1743
+ */.ouiDataGridRow,.ouiDataGridRowCell{display:-webkit-flex;display:flex}.ouiDataGridRowCell{font-size:15.75px;font-size:.875rem;line-height:1.333333;padding:6px;border-right:1px solid #edeff1;border-bottom:1px solid #d6d9dd;-webkit-flex:0 0 auto;flex:0 0 auto;background:#fcfeff;position:relative;-webkit-align-items:center;align-items:center}.ouiDataGridRowCell>*{max-width:100%;width:100%}.ouiDataGridRowCell.ouiDataGridRowCell--firstColumn{border-left:1px solid #d6d9dd}.ouiDataGridRowCell.ouiDataGridRowCell--lastColumn{border-right-color:#d6d9dd}.ouiDataGridRowCell:focus{border:1px solid transparent;box-shadow:0 0 0 2px rgba(7,130,126,.3);border-radius:1px;z-index:2;outline:none;margin-top:-1px}.ouiDataGridRowCell:hover .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:hover .ouiDataGridRowCell__expandButtonIcon{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:ouiDataGridCellButtonSlideIn;animation-name:ouiDataGridCellButtonSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell.ouiDataGridRowCell--open .ouiDataGridRowCell__expandButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover) .ouiDataGridRowCell__expandButtonIcon{-webkit-animation:none;animation:none;margin-left:6px;width:12px}.ouiDataGridRowCell:focus .ouiDataGridRowCell__actionButtonIcon{margin-left:6px;width:12px}.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell:not(:hover):not(:focus):not(.ouiDataGridRowCell--open) .ouiDataGridRowCell__expandButtonIcon{display:none}.ouiDataGridRowCell:focus:not(:first-of-type){padding-left:5px}.ouiDataGridRowCell.ouiDataGridRowCell--currency,.ouiDataGridRowCell.ouiDataGridRowCell--numeric{text-align:right}.ouiDataGridRowCell.ouiDataGridRowCell--uppercase{text-transform:uppercase}.ouiDataGridRowCell.ouiDataGridRowCell--lowercase{text-transform:lowercase}.ouiDataGridRowCell.ouiDataGridRowCell--capitalize{text-transform:capitalize}.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__content,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__expandContent,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn).ouiDataGridRowCell__truncate,.ouiDataGridRowCell:not(.ouiDataGridRowCell--controlColumn) .ouiDataGridRowCell__truncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important;overflow:hidden;white-space:nowrap}.ouiDataGridRowCell__popover{scrollbar-width:thin;overflow:auto;max-width:400px!important;max-height:400px!important}.ouiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.ouiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(90,104,117,.5);border:6px solid transparent;background-clip:content-box}.ouiDataGridRowCell__popover::-webkit-scrollbar-corner,.ouiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.ouiDataGridRowCell__expand{width:100%;max-width:100%}.ouiDataGridRowCell__expandFlex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.ouiDataGridRowCell__expandContent{-webkit-flex-grow:1;flex-grow:1}.ouiDataGridRowCell__contentByHeight{-webkit-flex-grow:1;flex-grow:1;height:100%}.ouiDataGridRowCell__alignBaseLine{-webkit-align-items:baseline;align-items:baseline}.ouiDataGridRowCell__actionButtonIcon,.ouiDataGridRowCell__expandButtonIcon{height:12px;border-radius:2px;width:0;overflow:hidden;transition:none}.ouiDataGridRowCell__expandButtonIcon{box-shadow:none!important;border:none}.ouiDataGridRowCell__expandButtonIcon-isActive{margin-left:6px;width:12px}.ouiDataGridRowCell__expandButton{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;position:absolute;top:calc(.66667em + 6px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;z-index:1;padding:6px 6px 6px 12px}.ouiDataGridRowCell__expandButton:before{content:"";position:absolute;display:block;right:0;top:0;height:100%;width:100%;background-image:linear-gradient(90deg,transparent 0,#fcfeff 12px);z-index:1}.ouiDataGridRowCell__expandButton>*{z-index:2}.ouiDataGrid--rowHoverHighlight .ouiDataGridRow:hover .ouiDataGridRowCell{background-color:#fffcdd!important}.ouiDataGrid--stripes .ouiDataGridRowCell.ouiDataGridRowCell--stripe{background:#e3e5e8}.ouiDataGrid--bordersNone .ouiDataGridRowCell{border-color:transparent!important}.ouiDataGrid--bordersHorizontal .ouiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.ouiDataGrid--fontSizeSmall .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeSmall{font-size:13.5px;font-size:.75rem;line-height:1.333333}.ouiDataGrid--fontSizeLarge .ouiDataGridRowCell,.ouiDataGridRowCell--fontSizeLarge{font-size:18px;font-size:1rem;line-height:1.333333}.ouiDataGrid--paddingSmall .ouiDataGridRowCell{padding:4px}.ouiDataGrid--paddingSmall .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:3px}.ouiDataGridRowCell--paddingSmall{padding:4px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell{padding:8px}.ouiDataGrid--paddingLarge .ouiDataGridRowCell:focus:not(:first-of-type){padding-left:7px}.ouiDataGridRowCell--paddingLarge{padding:8px}@-webkit-keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}@keyframes ouiDataGridCellButtonSlideIn{0%{margin-left:0;width:0}to{margin-left:6px;width:12px}}
1744
1744
  /*!
1745
1745
  * SPDX-License-Identifier: Apache-2.0
1746
1746
  *
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@opensearch-project/oui",
3
3
  "description": "OpenSearch UI Component Library",
4
- "version": "1.5.0",
4
+ "version": "1.5.1",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib",
7
7
  "module": "es",
package/src/components/datagrid/_data_grid_data_row.scss CHANGED
@@ -166,21 +166,6 @@
166
166
  }
167
167
 
168
168
  .ouiDataGridRowCell {
169
- box-shadow: none !important; // sass-lint:disable-line no-important
170
-
171
- /* ToDo: Remove unnecessary logic: the old beta theme has
172
- * evolved and the statement below about the `Next` theme
173
- * is not valid.
174
- */
175
- // Remove default .ouiButtonIcon--fill border
176
- // This way we don't need to animate the border that is inexistent in Next and unnecessary for a fill button
177
- border: none;
178
-
179
- &-isActive {
180
- margin-left: $ouiDataGridCellPaddingM;
181
- width: $ouiSizeM;
182
- }
183
-
184
169
  &__actionButtonIcon,
185
170
  &__expandButtonIcon {
186
171
  height: $ouiSizeM;
@@ -190,6 +175,23 @@
190
175
  transition: none; // Have to take out the generic transition so it is instantaneous on focus
191
176
  }
192
177
 
178
+ &__expandButtonIcon {
179
+ box-shadow: none !important; // sass-lint:disable-line no-important
180
+
181
+ /* ToDo: Remove unnecessary logic: the old beta theme has
182
+ * evolved and the statement below about the `Next` theme
183
+ * is not valid.
184
+ */
185
+ // Remove default .ouiButtonIcon--fill border
186
+ // This way we don't need to animate the border that is inexistent in Next and unnecessary for a fill button
187
+ border: none;
188
+
189
+ &-isActive {
190
+ margin-left: $ouiDataGridCellPaddingM;
191
+ width: $ouiSizeM;
192
+ }
193
+ }
194
+
193
195
  &__expandButton > * {
194
196
  z-index: 2;
195
197
  }