From 2120e2a748fb346ed1eeb24993cc99813e311204 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Wed, 6 Nov 2024 08:50:15 +1100
Subject: [PATCH] [8.x] [unified_doc_viewer / unified_search] clean up SASS
 compilation warnings (#198876) (#199052)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Backport

This will backport the following commits from `main` to `8.x`:
- [[unified_doc_viewer / unified_search] clean up SASS compilation
warnings (#198876)](https://github.com/elastic/kibana/pull/198876)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Tim
Sullivan","email":"tsullivan@users.noreply.github.com"},"sourceCommit":{"committedDate":"2024-11-05T20:08:05Z","message":"[unified_doc_viewer
/ unified_search] clean up SASS compilation warnings (#198876)\n\n##
Summary\r\n\r\nThis PR cleans up two noisy warnings seen when building
Kibana:\r\n```\r\n[2024-11-04 21:26:37] │ warn worker stderr DEPRECATION
WARNING: Using / for division outside of calc() is deprecated and will
be removed in Dart Sass 2.0.0.\r\n[2024-11-04 21:26:37] │ warn worker
stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr Recommendation:
math.div($euiSizeXS, 2) or calc($euiSizeXS / 2)\r\n[2024-11-04 21:26:37]
│ warn worker stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr More
info and automated migrator:
https://sass-lang.com/d/slash-div\r\n[2024-11-04 21:26:37] │ warn worker
stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr ╷\r\n[2024-11-04
21:26:37] │ warn worker stderr 94 │ padding: $euiSizeXS / 2 0 0
$euiSizeXS;\r\n[2024-11-04 21:26:37] │ warn worker stderr │
^^^^^^^^^^^^^^\r\n[2024-11-04 21:26:37] │ warn worker stderr
╵\r\n[2024-11-04 21:26:37] │ warn worker stderr
file:///home/tim/kibana/src/plugins/unified_doc_viewer/public/components/doc_viewer_table/table.scss
94:14 root stylesheet\r\n[2024-11-04 21:26:37] │ warn worker stderr
\r\n[2024-11-04 21:35:27] │ warn worker stderr DEPRECATION WARNING:
Using / for division outside of calc() is deprecated and will be removed
in Dart Sass 2.0.0.\r\n[2024-11-04 21:35:27] │ warn worker stderr
\r\n[2024-11-04 21:35:27] │ warn worker stderr Recommendation:
math.div($euiSizeM, 2) or calc($euiSizeM / 2)\r\n[2024-11-04 21:35:27] │
warn worker stderr \r\n[2024-11-04 21:35:27] │ warn worker stderr More
info and automated migrator:
https://sass-lang.com/d/slash-div\r\n[2024-11-04 21:35:27] │ warn worker
stderr \r\n[2024-11-04 21:35:27] │ warn worker stderr ╷\r\n[2024-11-04
21:35:27] │ warn worker stderr 11 │ padding-block: $euiSizeM /
2;\r\n[2024-11-04 21:35:27] │ warn worker stderr │
^^^^^^^^^^^^^\r\n[2024-11-04 21:35:27] │ warn worker stderr
╵\r\n[2024-11-04 21:35:27] │ warn worker stderr
file:///home/tim/kibana/src/plugins/unified_search/public/filter_bar/filter_item/filter_item.scss
11:18 root
stylesheet\r\n```","sha":"7a3a2b3cb8525acca46481508663d6fd98c5b27b","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","backport:prev-minor"],"title":"[unified_doc_viewer
/ unified_search] clean up SASS compilation
warnings","number":198876,"url":"https://github.com/elastic/kibana/pull/198876","mergeCommit":{"message":"[unified_doc_viewer
/ unified_search] clean up SASS compilation warnings (#198876)\n\n##
Summary\r\n\r\nThis PR cleans up two noisy warnings seen when building
Kibana:\r\n```\r\n[2024-11-04 21:26:37] │ warn worker stderr DEPRECATION
WARNING: Using / for division outside of calc() is deprecated and will
be removed in Dart Sass 2.0.0.\r\n[2024-11-04 21:26:37] │ warn worker
stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr Recommendation:
math.div($euiSizeXS, 2) or calc($euiSizeXS / 2)\r\n[2024-11-04 21:26:37]
│ warn worker stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr More
info and automated migrator:
https://sass-lang.com/d/slash-div\r\n[2024-11-04 21:26:37] │ warn worker
stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr ╷\r\n[2024-11-04
21:26:37] │ warn worker stderr 94 │ padding: $euiSizeXS / 2 0 0
$euiSizeXS;\r\n[2024-11-04 21:26:37] │ warn worker stderr │
^^^^^^^^^^^^^^\r\n[2024-11-04 21:26:37] │ warn worker stderr
╵\r\n[2024-11-04 21:26:37] │ warn worker stderr
file:///home/tim/kibana/src/plugins/unified_doc_viewer/public/components/doc_viewer_table/table.scss
94:14 root stylesheet\r\n[2024-11-04 21:26:37] │ warn worker stderr
\r\n[2024-11-04 21:35:27] │ warn worker stderr DEPRECATION WARNING:
Using / for division outside of calc() is deprecated and will be removed
in Dart Sass 2.0.0.\r\n[2024-11-04 21:35:27] │ warn worker stderr
\r\n[2024-11-04 21:35:27] │ warn worker stderr Recommendation:
math.div($euiSizeM, 2) or calc($euiSizeM / 2)\r\n[2024-11-04 21:35:27] │
warn worker stderr \r\n[2024-11-04 21:35:27] │ warn worker stderr More
info and automated migrator:
https://sass-lang.com/d/slash-div\r\n[2024-11-04 21:35:27] │ warn worker
stderr \r\n[2024-11-04 21:35:27] │ warn worker stderr ╷\r\n[2024-11-04
21:35:27] │ warn worker stderr 11 │ padding-block: $euiSizeM /
2;\r\n[2024-11-04 21:35:27] │ warn worker stderr │
^^^^^^^^^^^^^\r\n[2024-11-04 21:35:27] │ warn worker stderr
╵\r\n[2024-11-04 21:35:27] │ warn worker stderr
file:///home/tim/kibana/src/plugins/unified_search/public/filter_bar/filter_item/filter_item.scss
11:18 root
stylesheet\r\n```","sha":"7a3a2b3cb8525acca46481508663d6fd98c5b27b"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/198876","number":198876,"mergeCommit":{"message":"[unified_doc_viewer
/ unified_search] clean up SASS compilation warnings (#198876)\n\n##
Summary\r\n\r\nThis PR cleans up two noisy warnings seen when building
Kibana:\r\n```\r\n[2024-11-04 21:26:37] │ warn worker stderr DEPRECATION
WARNING: Using / for division outside of calc() is deprecated and will
be removed in Dart Sass 2.0.0.\r\n[2024-11-04 21:26:37] │ warn worker
stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr Recommendation:
math.div($euiSizeXS, 2) or calc($euiSizeXS / 2)\r\n[2024-11-04 21:26:37]
│ warn worker stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr More
info and automated migrator:
https://sass-lang.com/d/slash-div\r\n[2024-11-04 21:26:37] │ warn worker
stderr \r\n[2024-11-04 21:26:37] │ warn worker stderr ╷\r\n[2024-11-04
21:26:37] │ warn worker stderr 94 │ padding: $euiSizeXS / 2 0 0
$euiSizeXS;\r\n[2024-11-04 21:26:37] │ warn worker stderr │
^^^^^^^^^^^^^^\r\n[2024-11-04 21:26:37] │ warn worker stderr
╵\r\n[2024-11-04 21:26:37] │ warn worker stderr
file:///home/tim/kibana/src/plugins/unified_doc_viewer/public/components/doc_viewer_table/table.scss
94:14 root stylesheet\r\n[2024-11-04 21:26:37] │ warn worker stderr
\r\n[2024-11-04 21:35:27] │ warn worker stderr DEPRECATION WARNING:
Using / for division outside of calc() is deprecated and will be removed
in Dart Sass 2.0.0.\r\n[2024-11-04 21:35:27] │ warn worker stderr
\r\n[2024-11-04 21:35:27] │ warn worker stderr Recommendation:
math.div($euiSizeM, 2) or calc($euiSizeM / 2)\r\n[2024-11-04 21:35:27] │
warn worker stderr \r\n[2024-11-04 21:35:27] │ warn worker stderr More
info and automated migrator:
https://sass-lang.com/d/slash-div\r\n[2024-11-04 21:35:27] │ warn worker
stderr \r\n[2024-11-04 21:35:27] │ warn worker stderr ╷\r\n[2024-11-04
21:35:27] │ warn worker stderr 11 │ padding-block: $euiSizeM /
2;\r\n[2024-11-04 21:35:27] │ warn worker stderr │
^^^^^^^^^^^^^\r\n[2024-11-04 21:35:27] │ warn worker stderr
╵\r\n[2024-11-04 21:35:27] │ warn worker stderr
file:///home/tim/kibana/src/plugins/unified_search/public/filter_bar/filter_item/filter_item.scss
11:18 root
stylesheet\r\n```","sha":"7a3a2b3cb8525acca46481508663d6fd98c5b27b"}}]}]
BACKPORT-->

Co-authored-by: Tim Sullivan <tsullivan@users.noreply.github.com>
---
 .../public/components/doc_viewer_table/table.scss               | 2 +-
 .../public/filter_bar/filter_item/filter_item.scss              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/plugins/unified_doc_viewer/public/components/doc_viewer_table/table.scss b/src/plugins/unified_doc_viewer/public/components/doc_viewer_table/table.scss
index 19d556b0b142a..64e700c73fca5 100644
--- a/src/plugins/unified_doc_viewer/public/components/doc_viewer_table/table.scss
+++ b/src/plugins/unified_doc_viewer/public/components/doc_viewer_table/table.scss
@@ -90,7 +90,7 @@
   }
 
   & [data-gridcell-column-id='pin_field'] .euiDataGridRowCell__content {
-    padding: $euiSizeXS / 2 0 0 $euiSizeXS;
+    padding: calc($euiSizeXS / 2) 0 0 $euiSizeXS;
   }
 
   .kbnDocViewer__fieldsGrid__pinAction {
diff --git a/src/plugins/unified_search/public/filter_bar/filter_item/filter_item.scss b/src/plugins/unified_search/public/filter_bar/filter_item/filter_item.scss
index 7a14dd3a64ef3..85c5b6bb9278f 100644
--- a/src/plugins/unified_search/public/filter_bar/filter_item/filter_item.scss
+++ b/src/plugins/unified_search/public/filter_bar/filter_item/filter_item.scss
@@ -7,7 +7,7 @@
 .globalFilterItem {
   line-height: $euiSize;
   color: $euiTextColor;
-  padding-block: $euiSizeM / 2;
+  padding-block: calc($euiSizeM / 2);
   white-space: normal; /* 1 */
 
   &:not(.globalFilterItem-isDisabled) {