@elastic/eui 93.6.0 → 94.0.0

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 (133) hide show
  1. package/dist/eui_theme_dark.css +0 -765
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +0 -765
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/basic_table/basic_table.js +117 -131
  6. package/es/components/basic_table/basic_table.styles.js +3 -17
  7. package/es/components/basic_table/expanded_item_actions.js +1 -2
  8. package/es/components/basic_table/in_memory_table.js +57 -76
  9. package/es/components/provider/component_defaults/component_defaults.js +7 -1
  10. package/es/components/table/_table_cell_content.js +72 -0
  11. package/es/components/table/_table_cell_content.styles.js +63 -0
  12. package/es/components/table/index.js +0 -1
  13. package/es/components/table/mobile/responsive_context.js +37 -0
  14. package/es/components/table/mobile/table_header_mobile.js +11 -4
  15. package/es/components/table/mobile/table_header_mobile.styles.js +15 -0
  16. package/es/components/table/mobile/table_sort_mobile.js +12 -3
  17. package/es/components/table/table.js +23 -13
  18. package/es/components/table/table.styles.js +102 -0
  19. package/es/components/table/table_cells_shared.styles.js +47 -0
  20. package/es/components/table/table_footer_cell.js +12 -12
  21. package/es/components/table/table_header_cell.js +36 -51
  22. package/es/components/table/table_header_cell_checkbox.js +6 -2
  23. package/es/components/table/table_row.js +18 -6
  24. package/es/components/table/table_row.styles.js +78 -0
  25. package/es/components/table/table_row_cell.js +65 -91
  26. package/es/components/table/table_row_cell.styles.js +89 -0
  27. package/es/components/table/table_row_cell_checkbox.js +7 -0
  28. package/eui.d.ts +662 -507
  29. package/i18ntokens.json +40 -40
  30. package/lib/components/basic_table/basic_table.js +116 -130
  31. package/lib/components/basic_table/basic_table.styles.js +5 -20
  32. package/lib/components/basic_table/expanded_item_actions.js +1 -2
  33. package/lib/components/basic_table/in_memory_table.js +57 -76
  34. package/lib/components/provider/component_defaults/component_defaults.js +7 -1
  35. package/lib/components/table/_table_cell_content.js +82 -0
  36. package/lib/components/table/_table_cell_content.styles.js +68 -0
  37. package/lib/components/table/index.js +0 -7
  38. package/lib/components/table/mobile/responsive_context.js +47 -0
  39. package/lib/components/table/mobile/table_header_mobile.js +11 -4
  40. package/lib/components/table/mobile/table_header_mobile.styles.js +22 -0
  41. package/lib/components/table/mobile/table_sort_mobile.js +12 -3
  42. package/lib/components/table/table.js +23 -13
  43. package/lib/components/table/table.styles.js +109 -0
  44. package/lib/components/table/table_cells_shared.styles.js +53 -0
  45. package/lib/components/table/table_footer_cell.js +11 -11
  46. package/lib/components/table/table_header_cell.js +36 -51
  47. package/lib/components/table/table_header_cell_checkbox.js +6 -2
  48. package/lib/components/table/table_row.js +17 -5
  49. package/lib/components/table/table_row.styles.js +84 -0
  50. package/lib/components/table/table_row_cell.js +64 -92
  51. package/lib/components/table/table_row_cell.styles.js +94 -0
  52. package/lib/components/table/table_row_cell_checkbox.js +7 -0
  53. package/optimize/es/components/basic_table/basic_table.js +56 -59
  54. package/optimize/es/components/basic_table/basic_table.styles.js +3 -17
  55. package/optimize/es/components/basic_table/expanded_item_actions.js +1 -2
  56. package/optimize/es/components/basic_table/in_memory_table.js +1 -6
  57. package/optimize/es/components/table/_table_cell_content.js +56 -0
  58. package/optimize/es/components/table/_table_cell_content.styles.js +63 -0
  59. package/optimize/es/components/table/index.js +0 -1
  60. package/optimize/es/components/table/mobile/responsive_context.js +37 -0
  61. package/optimize/es/components/table/mobile/table_header_mobile.js +11 -4
  62. package/optimize/es/components/table/mobile/table_header_mobile.styles.js +15 -0
  63. package/optimize/es/components/table/mobile/table_sort_mobile.js +7 -1
  64. package/optimize/es/components/table/table.js +13 -12
  65. package/optimize/es/components/table/table.styles.js +102 -0
  66. package/optimize/es/components/table/table_cells_shared.styles.js +44 -0
  67. package/optimize/es/components/table/table_footer_cell.js +12 -12
  68. package/optimize/es/components/table/table_header_cell.js +35 -37
  69. package/optimize/es/components/table/table_header_cell_checkbox.js +6 -2
  70. package/optimize/es/components/table/table_row.js +10 -2
  71. package/optimize/es/components/table/table_row.styles.js +78 -0
  72. package/optimize/es/components/table/table_row_cell.js +49 -80
  73. package/optimize/es/components/table/table_row_cell.styles.js +89 -0
  74. package/optimize/es/components/table/table_row_cell_checkbox.js +7 -0
  75. package/optimize/lib/components/basic_table/basic_table.js +55 -58
  76. package/optimize/lib/components/basic_table/basic_table.styles.js +5 -20
  77. package/optimize/lib/components/basic_table/expanded_item_actions.js +1 -2
  78. package/optimize/lib/components/basic_table/in_memory_table.js +1 -6
  79. package/optimize/lib/components/table/_table_cell_content.js +66 -0
  80. package/optimize/lib/components/table/_table_cell_content.styles.js +68 -0
  81. package/optimize/lib/components/table/index.js +0 -7
  82. package/optimize/lib/components/table/mobile/responsive_context.js +47 -0
  83. package/optimize/lib/components/table/mobile/table_header_mobile.js +11 -4
  84. package/optimize/lib/components/table/mobile/table_header_mobile.styles.js +22 -0
  85. package/optimize/lib/components/table/mobile/table_sort_mobile.js +7 -1
  86. package/optimize/lib/components/table/table.js +13 -12
  87. package/optimize/lib/components/table/table.styles.js +109 -0
  88. package/optimize/lib/components/table/table_cells_shared.styles.js +51 -0
  89. package/optimize/lib/components/table/table_footer_cell.js +11 -11
  90. package/optimize/lib/components/table/table_header_cell.js +35 -37
  91. package/optimize/lib/components/table/table_header_cell_checkbox.js +6 -2
  92. package/optimize/lib/components/table/table_row.js +9 -1
  93. package/optimize/lib/components/table/table_row.styles.js +85 -0
  94. package/optimize/lib/components/table/table_row_cell.js +48 -82
  95. package/optimize/lib/components/table/table_row_cell.styles.js +94 -0
  96. package/optimize/lib/components/table/table_row_cell_checkbox.js +7 -0
  97. package/package.json +1 -1
  98. package/src/components/index.scss +0 -1
  99. package/test-env/components/basic_table/basic_table.js +112 -129
  100. package/test-env/components/basic_table/basic_table.styles.js +5 -20
  101. package/test-env/components/basic_table/expanded_item_actions.js +1 -2
  102. package/test-env/components/basic_table/in_memory_table.js +57 -76
  103. package/test-env/components/provider/component_defaults/component_defaults.js +7 -1
  104. package/test-env/components/table/_table_cell_content.js +76 -0
  105. package/test-env/components/table/_table_cell_content.styles.js +68 -0
  106. package/test-env/components/table/index.js +0 -7
  107. package/test-env/components/table/mobile/responsive_context.js +47 -0
  108. package/test-env/components/table/mobile/table_header_mobile.js +11 -4
  109. package/test-env/components/table/mobile/table_header_mobile.styles.js +22 -0
  110. package/test-env/components/table/mobile/table_sort_mobile.js +12 -3
  111. package/test-env/components/table/table.js +23 -13
  112. package/test-env/components/table/table.styles.js +109 -0
  113. package/test-env/components/table/table_cells_shared.styles.js +51 -0
  114. package/test-env/components/table/table_footer_cell.js +11 -11
  115. package/test-env/components/table/table_header_cell.js +36 -51
  116. package/test-env/components/table/table_header_cell_checkbox.js +6 -2
  117. package/test-env/components/table/table_row.js +17 -5
  118. package/test-env/components/table/table_row.styles.js +85 -0
  119. package/test-env/components/table/table_row_cell.js +59 -93
  120. package/test-env/components/table/table_row_cell.styles.js +94 -0
  121. package/test-env/components/table/table_row_cell_checkbox.js +7 -0
  122. package/es/components/table/table_header_button.js +0 -52
  123. package/lib/components/table/table_header_button.js +0 -59
  124. package/optimize/es/components/table/table_header_button.js +0 -43
  125. package/optimize/lib/components/table/table_header_button.js +0 -50
  126. package/src/components/table/_index.scss +0 -7
  127. package/src/components/table/_mixins.scss +0 -20
  128. package/src/components/table/_responsive.scss +0 -211
  129. package/src/components/table/_table.scss +0 -241
  130. package/src/components/table/_variables.scss +0 -17
  131. package/src/components/table/mobile/_index.scss +0 -1
  132. package/src/components/table/mobile/_mobile.scss +0 -17
  133. package/test-env/components/table/table_header_button.js +0 -58
@@ -5873,771 +5873,6 @@ The following files still use the Sass version:
5873
5873
  font-weight: 500;
5874
5874
  }
5875
5875
 
5876
- .euiTable {
5877
- font-size: 14px;
5878
- font-size: 1rem;
5879
- line-height: 1.7142857143rem;
5880
- font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
5881
- width: 100%;
5882
- table-layout: fixed;
5883
- border: none;
5884
- border-collapse: collapse;
5885
- background-color: #1D1E24;
5886
- }
5887
- .euiTable.euiTable--auto {
5888
- table-layout: auto;
5889
- }
5890
-
5891
- .euiTableCaption {
5892
- position: relative;
5893
- }
5894
-
5895
- @media only screen and (min-width: 768px) and (max-width: 991px) {
5896
- .euiTable--compressed .euiTableCellContent {
5897
- font-size: 12px;
5898
- font-size: 0.8571428571rem;
5899
- line-height: 1.1428571429rem;
5900
- padding: 4px;
5901
- }
5902
- }
5903
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
5904
- .euiTable--compressed .euiTableCellContent {
5905
- font-size: 12px;
5906
- font-size: 0.8571428571rem;
5907
- line-height: 1.1428571429rem;
5908
- padding: 4px;
5909
- }
5910
- }
5911
- @media only screen and (min-width: 1200px) {
5912
- .euiTable--compressed .euiTableCellContent {
5913
- font-size: 12px;
5914
- font-size: 0.8571428571rem;
5915
- line-height: 1.1428571429rem;
5916
- padding: 4px;
5917
- }
5918
- }
5919
- .euiTableFooterCell,
5920
- .euiTableHeaderCell {
5921
- vertical-align: middle;
5922
- border-top: 1px solid #343741;
5923
- border-bottom: 1px solid #343741;
5924
- font-weight: inherit;
5925
- text-align: left;
5926
- overflow-wrap: break-word !important;
5927
- word-break: break-word;
5928
- color: #DFE5EF;
5929
- font-size: 14px;
5930
- font-size: 1rem;
5931
- line-height: 1.7142857143rem;
5932
- font-weight: 700;
5933
- font-weight: 500;
5934
- border: none;
5935
- }
5936
- .euiTableFooterCell .euiTableHeaderButton,
5937
- .euiTableHeaderCell .euiTableHeaderButton {
5938
- text-align: left;
5939
- font-weight: 500;
5940
- }
5941
- .euiTableFooterCell .euiTableCellContent__text,
5942
- .euiTableHeaderCell .euiTableCellContent__text {
5943
- font-size: 12px;
5944
- font-size: 0.8571428571rem;
5945
- line-height: 1.1428571429rem;
5946
- font-weight: 600;
5947
- }
5948
-
5949
- .euiTableHeaderButton {
5950
- font-size: 14px;
5951
- font-size: 1rem;
5952
- line-height: 1.7142857143rem;
5953
- color: inherit;
5954
- width: 100%;
5955
- }
5956
- .euiTableHeaderButton:hover .euiTableCellContent__text, .euiTableHeaderButton:focus .euiTableCellContent__text {
5957
- text-decoration: underline;
5958
- color: #36A2EF;
5959
- }
5960
- .euiTableHeaderButton:hover .euiTableSortIcon, .euiTableHeaderButton:focus .euiTableSortIcon {
5961
- fill: #36A2EF;
5962
- }
5963
-
5964
- .euiTableSortIcon {
5965
- margin-left: 4px;
5966
- -webkit-flex-shrink: 0;
5967
- flex-shrink: 0;
5968
- }
5969
- .euiTableHeaderButton-isSorted .euiTableSortIcon {
5970
- fill: #DFE5EF;
5971
- }
5972
-
5973
- .euiTableHeaderCellCheckbox {
5974
- vertical-align: middle;
5975
- border-top: 1px solid #343741;
5976
- border-bottom: 1px solid #343741;
5977
- font-weight: inherit;
5978
- text-align: left;
5979
- width: 32px;
5980
- vertical-align: middle;
5981
- border: none;
5982
- }
5983
-
5984
- .euiTableRow:hover {
5985
- background-color: #1e1e25;
5986
- }
5987
- .euiTableRow.euiTableRow-isClickable:hover {
5988
- background-color: rgba(54, 162, 239, 0.05);
5989
- cursor: pointer;
5990
- }
5991
- .euiTableRow.euiTableRow-isClickable:focus {
5992
- background-color: rgba(54, 162, 239, 0.1);
5993
- }
5994
- .euiTableRow.euiTableRow-isExpandedRow {
5995
- background-color: #1e1e25;
5996
- }
5997
- .euiTableRow.euiTableRow-isExpandedRow.euiTableRow-isSelectable .euiTableCellContent {
5998
- padding-left: 40px;
5999
- }
6000
- .euiTableRow.euiTableRow-isSelected {
6001
- background-color: rgba(54, 162, 239, 0.2);
6002
- }
6003
- .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
6004
- background-color: rgba(54, 162, 239, 0.2);
6005
- }
6006
- .euiTableRow.euiTableRow-isSelected:hover, .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
6007
- background-color: rgba(27, 81, 120, 0.28);
6008
- }
6009
-
6010
- .euiTableRowCell {
6011
- vertical-align: middle;
6012
- border-top: 1px solid #343741;
6013
- border-bottom: 1px solid #343741;
6014
- font-weight: inherit;
6015
- text-align: left;
6016
- color: #DFE5EF;
6017
- }
6018
- .euiTableRowCell--top {
6019
- vertical-align: top;
6020
- }
6021
- .euiTableRowCell--bottom {
6022
- vertical-align: bottom;
6023
- }
6024
- .euiTableRowCell--baseline {
6025
- vertical-align: baseline;
6026
- }
6027
- .euiTableRowCell.euiTableRowCell--isMobileHeader {
6028
- display: none;
6029
- }
6030
-
6031
- .euiTableRowCellCheckbox {
6032
- vertical-align: middle;
6033
- border-top: 1px solid #343741;
6034
- border-bottom: 1px solid #343741;
6035
- font-weight: inherit;
6036
- text-align: left;
6037
- width: 32px;
6038
- vertical-align: middle;
6039
- }
6040
-
6041
- .euiTableFooterCell {
6042
- background-color: #25262E;
6043
- }
6044
-
6045
- /**
6046
- * 1. Vertically align all children.
6047
- * 2. The padding on this div allows the ellipsis to show if the content is truncated. If
6048
- * the padding was on the cell, the ellipsis would be cropped.
6049
- * 4. Prevent very long single words (e.g. the name of a field in a document) from overflowing
6050
- * the cell.
6051
- */
6052
- .euiTableCellContent {
6053
- overflow: hidden; /* 4 */
6054
- display: -webkit-flex;
6055
- display: flex;
6056
- -webkit-align-items: center;
6057
- align-items: center; /* 1 */
6058
- padding: 8px; /* 2 */
6059
- }
6060
-
6061
- .euiTableCellContent__text {
6062
- overflow-wrap: break-word !important;
6063
- word-break: break-word;
6064
- /* 4 */
6065
- min-width: 0;
6066
- text-overflow: ellipsis;
6067
- }
6068
-
6069
- .euiTableCellContent--alignRight {
6070
- -webkit-justify-content: flex-end;
6071
- justify-content: flex-end;
6072
- text-align: right;
6073
- }
6074
-
6075
- .euiTableCellContent--alignCenter {
6076
- -webkit-justify-content: center;
6077
- justify-content: center;
6078
- text-align: center;
6079
- }
6080
-
6081
- .euiTableHeaderCell,
6082
- .euiTableFooterCell,
6083
- .euiTableCellContent--truncateText {
6084
- max-width: 100%;
6085
- overflow: hidden !important;
6086
- text-overflow: ellipsis !important;
6087
- white-space: nowrap !important;
6088
- }
6089
- .euiTableHeaderCell .euiTableCellContent__text,
6090
- .euiTableFooterCell .euiTableCellContent__text,
6091
- .euiTableCellContent--truncateText .euiTableCellContent__text {
6092
- overflow: hidden;
6093
- }
6094
-
6095
- .euiTableCellContent--overflowingContent {
6096
- overflow: visible;
6097
- white-space: normal;
6098
- word-break: break-word;
6099
- }
6100
-
6101
- .euiTableCellContent--showOnHover > *:not(:first-child) {
6102
- margin-left: 8px;
6103
- }
6104
-
6105
- .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
6106
- -webkit-flex-shrink: 0;
6107
- flex-shrink: 0;
6108
- opacity: 0.7;
6109
- -webkit-filter: grayscale(100%);
6110
- filter: grayscale(100%);
6111
- transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
6112
- transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
6113
- transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
6114
- }
6115
- .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
6116
- -webkit-filter: grayscale(0%);
6117
- filter: grayscale(0%);
6118
- opacity: 0;
6119
- }
6120
- .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem,
6121
- .euiTableRow-hasActions .euiTableCellContent--showOnHover:focus-within .euiTableCellContent__hoverItem {
6122
- opacity: 1;
6123
- -webkit-filter: grayscale(0%);
6124
- filter: grayscale(0%);
6125
- }
6126
-
6127
- .euiTableRow-isExpandedRow .euiTableCellContent {
6128
- -webkit-animation: 150ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal none growExpandedRow;
6129
- animation: 150ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal none growExpandedRow;
6130
- }
6131
-
6132
- @-webkit-keyframes growExpandedRow {
6133
- 0% {
6134
- opacity: 0;
6135
- -webkit-transform: translateY(-12px);
6136
- transform: translateY(-12px);
6137
- }
6138
- 100% {
6139
- opacity: 1;
6140
- -webkit-transform: translateY(0);
6141
- transform: translateY(0);
6142
- }
6143
- }
6144
-
6145
- @keyframes growExpandedRow {
6146
- 0% {
6147
- opacity: 0;
6148
- -webkit-transform: translateY(-12px);
6149
- transform: translateY(-12px);
6150
- }
6151
- 100% {
6152
- opacity: 1;
6153
- -webkit-transform: translateY(0);
6154
- transform: translateY(0);
6155
- }
6156
- }
6157
- .euiTableRowCell__mobileHeader {
6158
- display: none;
6159
- }
6160
-
6161
- @media only screen and (max-width: 574px) {
6162
- .euiTableRowCell--hideForMobile {
6163
- display: none !important;
6164
- }
6165
- }
6166
- @media only screen and (min-width: 575px) and (max-width: 767px) {
6167
- .euiTableRowCell--hideForMobile {
6168
- display: none !important;
6169
- }
6170
- }
6171
- @media only screen and (min-width: 768px) and (max-width: 991px) {
6172
- .euiTableRowCell--hideForDesktop {
6173
- display: none !important;
6174
- }
6175
- }
6176
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
6177
- .euiTableRowCell--hideForDesktop {
6178
- display: none !important;
6179
- }
6180
- }
6181
- @media only screen and (min-width: 1200px) {
6182
- .euiTableRowCell--hideForDesktop {
6183
- display: none !important;
6184
- }
6185
- }
6186
- @media only screen and (max-width: 574px) {
6187
- .euiTable.euiTable--responsive thead {
6188
- display: none;
6189
- }
6190
- .euiTable.euiTable--responsive tfoot {
6191
- display: none;
6192
- }
6193
- .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
6194
- max-width: 100%;
6195
- overflow: hidden !important;
6196
- text-overflow: ellipsis !important;
6197
- white-space: nowrap !important;
6198
- font-size: 9.625px;
6199
- font-size: 0.6875rem;
6200
- display: block;
6201
- color: #98A2B3;
6202
- padding: 8px;
6203
- padding-bottom: 0;
6204
- margin-bottom: -8px;
6205
- min-height: 24px;
6206
- }
6207
- .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
6208
- min-height: 0;
6209
- }
6210
- .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
6211
- font-size: 16px;
6212
- font-size: 1.1428571429rem;
6213
- line-height: 1.7142857143rem;
6214
- }
6215
- .euiTable.euiTable--responsive .euiTableRow {
6216
- -webkit-flex-grow: 1;
6217
- flex-grow: 1;
6218
- }
6219
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
6220
- -webkit-flex-grow: 0;
6221
- flex-grow: 0;
6222
- }
6223
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
6224
- box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1);
6225
- }
6226
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
6227
- border: 1px solid #343741;
6228
- box-shadow: none;
6229
- }
6230
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
6231
- transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
6232
- }
6233
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
6234
- display: block;
6235
- width: 100%;
6236
- text-align: left;
6237
- }
6238
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
6239
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
6240
- -webkit-transform: translateY(-2px);
6241
- transform: translateY(-2px);
6242
- cursor: pointer;
6243
- }
6244
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
6245
- border-radius: 0;
6246
- }
6247
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
6248
- border-radius: 6px;
6249
- }
6250
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
6251
- background-color: transparent;
6252
- }
6253
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
6254
- background-color: #1D1E24;
6255
- }
6256
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
6257
- background-color: #141519;
6258
- }
6259
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
6260
- background-color: #4a2b39;
6261
- }
6262
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
6263
- background-color: #103148;
6264
- }
6265
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
6266
- background-color: #264341;
6267
- }
6268
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
6269
- background-color: #493f22;
6270
- }
6271
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
6272
- background-color: #4a201e;
6273
- }
6274
- .euiTable.euiTable--responsive .euiTableRow {
6275
- box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
6276
- background-color: #1D1E24;
6277
- border-radius: 6px;
6278
- display: -webkit-flex;
6279
- display: flex;
6280
- -webkit-flex-wrap: wrap;
6281
- flex-wrap: wrap;
6282
- padding: 8px;
6283
- margin-bottom: 8px;
6284
- }
6285
- .euiTable.euiTable--responsive .euiTableRow:hover {
6286
- background-color: #1D1E24;
6287
- }
6288
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
6289
- background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
6290
- background-size: 40px 100%;
6291
- background-position-x: right;
6292
- background-repeat: no-repeat;
6293
- padding-right: 40px;
6294
- position: relative;
6295
- }
6296
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
6297
- min-width: 0;
6298
- width: 24px;
6299
- position: absolute;
6300
- top: 16px;
6301
- right: 8px;
6302
- }
6303
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
6304
- display: none;
6305
- }
6306
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
6307
- -webkit-flex-direction: column;
6308
- flex-direction: column;
6309
- padding: 0;
6310
- }
6311
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
6312
- padding: 4px;
6313
- }
6314
- .euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child {
6315
- width: 100%;
6316
- }
6317
- .euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child::before {
6318
- content: "";
6319
- position: absolute;
6320
- left: 0;
6321
- right: 0;
6322
- height: 1px;
6323
- background-color: rgba(83, 89, 102, 0.1);
6324
- }
6325
- .euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child .euiTableCellContent {
6326
- position: relative;
6327
- top: 4px;
6328
- }
6329
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
6330
- top: auto;
6331
- bottom: 16px;
6332
- right: 0;
6333
- }
6334
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
6335
- padding-left: 36px;
6336
- position: relative;
6337
- }
6338
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
6339
- position: absolute;
6340
- left: 4px;
6341
- top: 8px;
6342
- }
6343
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
6344
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
6345
- background-color: rgba(54, 162, 239, 0.2);
6346
- }
6347
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
6348
- background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
6349
- background-size: 40px 100%;
6350
- background-position-x: right;
6351
- background-repeat: no-repeat;
6352
- box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
6353
- margin-top: -16px;
6354
- position: relative;
6355
- z-index: 2;
6356
- border-top: none;
6357
- border-top-left-radius: 0;
6358
- border-top-right-radius: 0;
6359
- padding-left: 8px;
6360
- }
6361
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
6362
- background-color: #1D1E24;
6363
- }
6364
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
6365
- width: calc(100% - 40px);
6366
- }
6367
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
6368
- display: none;
6369
- }
6370
- .euiTable.euiTable--responsive .euiTableRowCell {
6371
- min-width: 50%;
6372
- border: none;
6373
- }
6374
- .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
6375
- border: none;
6376
- }
6377
- .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover > * {
6378
- margin-left: 0;
6379
- }
6380
- .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
6381
- display: none;
6382
- }
6383
- .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
6384
- opacity: 1;
6385
- -webkit-filter: none;
6386
- filter: none;
6387
- margin-left: 0;
6388
- margin-bottom: 8px;
6389
- }
6390
- .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
6391
- -webkit-justify-content: flex-start;
6392
- justify-content: flex-start;
6393
- }
6394
- .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
6395
- -webkit-justify-content: flex-start;
6396
- justify-content: flex-start;
6397
- }
6398
- }
6399
- @media only screen and (min-width: 575px) and (max-width: 767px) {
6400
- .euiTable.euiTable--responsive thead {
6401
- display: none;
6402
- }
6403
- .euiTable.euiTable--responsive tfoot {
6404
- display: none;
6405
- }
6406
- .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
6407
- max-width: 100%;
6408
- overflow: hidden !important;
6409
- text-overflow: ellipsis !important;
6410
- white-space: nowrap !important;
6411
- font-size: 9.625px;
6412
- font-size: 0.6875rem;
6413
- display: block;
6414
- color: #98A2B3;
6415
- padding: 8px;
6416
- padding-bottom: 0;
6417
- margin-bottom: -8px;
6418
- min-height: 24px;
6419
- }
6420
- .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
6421
- min-height: 0;
6422
- }
6423
- .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
6424
- font-size: 16px;
6425
- font-size: 1.1428571429rem;
6426
- line-height: 1.7142857143rem;
6427
- }
6428
- .euiTable.euiTable--responsive .euiTableRow {
6429
- -webkit-flex-grow: 1;
6430
- flex-grow: 1;
6431
- }
6432
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
6433
- -webkit-flex-grow: 0;
6434
- flex-grow: 0;
6435
- }
6436
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
6437
- box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1);
6438
- }
6439
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
6440
- border: 1px solid #343741;
6441
- box-shadow: none;
6442
- }
6443
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
6444
- transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
6445
- }
6446
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
6447
- display: block;
6448
- width: 100%;
6449
- text-align: left;
6450
- }
6451
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
6452
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
6453
- -webkit-transform: translateY(-2px);
6454
- transform: translateY(-2px);
6455
- cursor: pointer;
6456
- }
6457
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
6458
- border-radius: 0;
6459
- }
6460
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
6461
- border-radius: 6px;
6462
- }
6463
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
6464
- background-color: transparent;
6465
- }
6466
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
6467
- background-color: #1D1E24;
6468
- }
6469
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
6470
- background-color: #141519;
6471
- }
6472
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
6473
- background-color: #4a2b39;
6474
- }
6475
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
6476
- background-color: #103148;
6477
- }
6478
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
6479
- background-color: #264341;
6480
- }
6481
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
6482
- background-color: #493f22;
6483
- }
6484
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
6485
- background-color: #4a201e;
6486
- }
6487
- .euiTable.euiTable--responsive .euiTableRow {
6488
- box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
6489
- background-color: #1D1E24;
6490
- border-radius: 6px;
6491
- display: -webkit-flex;
6492
- display: flex;
6493
- -webkit-flex-wrap: wrap;
6494
- flex-wrap: wrap;
6495
- padding: 8px;
6496
- margin-bottom: 8px;
6497
- }
6498
- .euiTable.euiTable--responsive .euiTableRow:hover {
6499
- background-color: #1D1E24;
6500
- }
6501
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
6502
- background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
6503
- background-size: 40px 100%;
6504
- background-position-x: right;
6505
- background-repeat: no-repeat;
6506
- padding-right: 40px;
6507
- position: relative;
6508
- }
6509
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
6510
- min-width: 0;
6511
- width: 24px;
6512
- position: absolute;
6513
- top: 16px;
6514
- right: 8px;
6515
- }
6516
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
6517
- display: none;
6518
- }
6519
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
6520
- -webkit-flex-direction: column;
6521
- flex-direction: column;
6522
- padding: 0;
6523
- }
6524
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
6525
- padding: 4px;
6526
- }
6527
- .euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child {
6528
- width: 100%;
6529
- }
6530
- .euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child::before {
6531
- content: "";
6532
- position: absolute;
6533
- left: 0;
6534
- right: 0;
6535
- height: 1px;
6536
- background-color: rgba(83, 89, 102, 0.1);
6537
- }
6538
- .euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child .euiTableCellContent {
6539
- position: relative;
6540
- top: 4px;
6541
- }
6542
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
6543
- top: auto;
6544
- bottom: 16px;
6545
- right: 0;
6546
- }
6547
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
6548
- padding-left: 36px;
6549
- position: relative;
6550
- }
6551
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
6552
- position: absolute;
6553
- left: 4px;
6554
- top: 8px;
6555
- }
6556
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
6557
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
6558
- background-color: rgba(54, 162, 239, 0.2);
6559
- }
6560
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
6561
- background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
6562
- background-size: 40px 100%;
6563
- background-position-x: right;
6564
- background-repeat: no-repeat;
6565
- box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
6566
- margin-top: -16px;
6567
- position: relative;
6568
- z-index: 2;
6569
- border-top: none;
6570
- border-top-left-radius: 0;
6571
- border-top-right-radius: 0;
6572
- padding-left: 8px;
6573
- }
6574
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
6575
- background-color: #1D1E24;
6576
- }
6577
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
6578
- width: calc(100% - 40px);
6579
- }
6580
- .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
6581
- display: none;
6582
- }
6583
- .euiTable.euiTable--responsive .euiTableRowCell {
6584
- min-width: 50%;
6585
- border: none;
6586
- }
6587
- .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
6588
- border: none;
6589
- }
6590
- .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover > * {
6591
- margin-left: 0;
6592
- }
6593
- .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
6594
- display: none;
6595
- }
6596
- .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
6597
- opacity: 1;
6598
- -webkit-filter: none;
6599
- filter: none;
6600
- margin-left: 0;
6601
- margin-bottom: 8px;
6602
- }
6603
- .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
6604
- -webkit-justify-content: flex-start;
6605
- justify-content: flex-start;
6606
- }
6607
- .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
6608
- -webkit-justify-content: flex-start;
6609
- justify-content: flex-start;
6610
- }
6611
- }
6612
- .euiTableHeaderMobile,
6613
- .euiTableHeaderCell--hideForDesktop {
6614
- display: none;
6615
- }
6616
-
6617
- @media only screen and (max-width: 574px) {
6618
- .euiTableHeaderMobile {
6619
- display: -webkit-flex;
6620
- display: flex;
6621
- -webkit-justify-content: flex-end;
6622
- justify-content: flex-end;
6623
- padding: 8px 0;
6624
- }
6625
- .euiTableSortMobile {
6626
- display: block;
6627
- }
6628
- }
6629
- @media only screen and (min-width: 575px) and (max-width: 767px) {
6630
- .euiTableHeaderMobile {
6631
- display: -webkit-flex;
6632
- display: flex;
6633
- -webkit-justify-content: flex-end;
6634
- justify-content: flex-end;
6635
- padding: 8px 0;
6636
- }
6637
- .euiTableSortMobile {
6638
- display: block;
6639
- }
6640
- }
6641
5876
  .euiComboBox--appended .euiFormControlLayout__childrenWrapper {
6642
5877
  border-top-left-radius: 6px;
6643
5878
  border-bottom-left-radius: 6px;