Merge branch 'main' into refactor/8180-refactor-code-block-tests

packages/eui/changelogs/CHANGELOG_2024.md

@@ -1,3 +1,32 @@
+## [`v98.1.0`](https://github.com/elastic/eui/releases/v98.1.0)
+
+- Updated `EuiBetaBadge` with a new `warning` color variant ([#8177](https://github.com/elastic/eui/pull/8177))
+
+**Accessibility**
+
+- Ensures `autoFocus` on `EuiSelectableList` triggers initial focus ([#8091](https://github.com/elastic/eui/pull/8091))
+- Improved the accessibility of `EuiSearchBarFilters` by:  ([#8091](https://github.com/elastic/eui/pull/8091))
+  - adding a more descriptive `aria-label` to selection filter buttons
+  - ensuring the selection listbox is initially focused when opening a selection popover
+- Improved the accessibility experience of tabs (EuiTab, EuiTabs): tab group is a tab stop and tabs can be traversed with arrow keys. ([#8116](https://github.com/elastic/eui/pull/8116))
+- Updated `EuiCodeBlock` with a new `copyAriaLabel` prop, which allows setting a custom screen reader label on the copy button. ([#8176](https://github.com/elastic/eui/pull/8176))
+
+**CSS-in-JS conversions**
+
+- Removed the following global Sass variables: ([#8169](https://github.com/elastic/eui/pull/8169))
+  - `$euiButtonMinWidth`
+  - `$euiDatePickerCalendarWidth`
+- Removed the following Sass animations: ([#8169](https://github.com/elastic/eui/pull/8169))
+  - `euiAnimFadeIn`
+  - `euiGrow`
+  - `focusRingAnimate`
+  - `focusRingAnimateLarge`
+  - `euiButtonActive`
+- Removed the following Sass mixins: ([#8169](https://github.com/elastic/eui/pull/8169))
+  - `euiFullHeight`
+  - `euiSlightShadowHover`
+  - `datePickerArrow`
+
 ## [`v98.0.0`](https://github.com/elastic/eui/releases/v98.0.0)
 
 **Bug fixes**

packages/eui/i18ntokens.json

@@ -437,14 +437,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 44,
-        "column": 24,
-        "index": 1519
+        "line": 46,
+        "column": 31,
+        "index": 1569
       },
       "end": {
-        "line": 44,
-        "column": 67,
-        "index": 1562
+        "line": 46,
+        "column": 74,
+        "index": 1612
       }
     },
     "filepath": "src/components/code/code_block_copy.tsx"
@@ -4721,14 +4721,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 110,
+        "line": 109,
         "column": 12,
-        "index": 3054
+        "index": 3041
       },
       "end": {
-        "line": 110,
+        "line": 109,
         "column": 70,
-        "index": 3112
+        "index": 3099
       }
     },
     "filepath": "src/components/error_boundary/error_boundary.tsx"
@@ -5171,14 +5171,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 172,
+        "line": 171,
         "column": 37,
-        "index": 5274
+        "index": 5264
       },
       "end": {
-        "line": 175,
+        "line": 174,
         "column": 3,
-        "index": 5350
+        "index": 5340
       }
     },
     "filepath": "src/components/inline_edit/inline_edit_form.tsx"
@@ -5189,14 +5189,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 176,
+        "line": 175,
         "column": 39,
-        "index": 5391
+        "index": 5381
       },
       "end": {
-        "line": 179,
+        "line": 178,
         "column": 3,
-        "index": 5471
+        "index": 5461
       }
     },
     "filepath": "src/components/inline_edit/inline_edit_form.tsx"
@@ -5207,14 +5207,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 300,
+        "line": 299,
         "column": 10,
-        "index": 9596
+        "index": 9598
       },
       "end": {
-        "line": 303,
+        "line": 302,
         "column": 12,
-        "index": 9775
+        "index": 9777
       }
     },
     "filepath": "src/components/inline_edit/inline_edit_form.tsx"
@@ -5225,14 +5225,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 391,
+        "line": 390,
         "column": 10,
-        "index": 12623
+        "index": 12625
       },
       "end": {
-        "line": 394,
+        "line": 393,
         "column": 12,
-        "index": 12764
+        "index": 12766
       }
     },
     "filepath": "src/components/inline_edit/inline_edit_form.tsx"
@@ -5333,14 +5333,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 45,
+        "line": 44,
         "column": 25,
-        "index": 1302
+        "index": 1289
       },
       "end": {
-        "line": 48,
+        "line": 47,
         "column": 3,
-        "index": 1369
+        "index": 1356
       }
     },
     "filepath": "src/components/mark/mark.tsx"
@@ -5351,14 +5351,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 49,
+        "line": 48,
         "column": 23,
-        "index": 1394
+        "index": 1381
       },
       "end": {
-        "line": 49,
+        "line": 48,
         "column": 74,
-        "index": 1445
+        "index": 1432
       }
     },
     "filepath": "src/components/mark/mark.tsx"
@@ -5911,12 +5911,12 @@
       "start": {
         "line": 700,
         "column": 16,
-        "index": 20806
+        "index": 20852
       },
       "end": {
         "line": 703,
         "column": 18,
-        "index": 21000
+        "index": 21046
       }
     },
     "filepath": "src/components/popover/popover.tsx"
@@ -5993,6 +5993,24 @@
     },
     "filepath": "src/components/resizable_container/resizable_panel.tsx"
   },
+  {
+    "token": "euiFieldValueSelectionFilter.buttonLabelHint",
+    "defString": "Selection",
+    "highlighting": "string",
+    "loc": {
+      "start": {
+        "line": 302,
+        "column": 6,
+        "index": 8608
+      },
+      "end": {
+        "line": 305,
+        "column": 7,
+        "index": 8713
+      }
+    },
+    "filepath": "src/components/search_bar/filters/field_value_selection_filter.tsx"
+  },
   {
     "token": "euiSearchBox.placeholder",
     "defString": "Search...",
@@ -6989,14 +7007,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 95,
+        "line": 93,
         "column": 14,
-        "index": 2888
+        "index": 2872
       },
       "end": {
-        "line": 102,
+        "line": 100,
         "column": 15,
-        "index": 3156
+        "index": 3140
       }
     },
     "filepath": "src/components/tour/_tour_footer.tsx"
@@ -7007,14 +7025,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 95,
+        "line": 93,
         "column": 14,
-        "index": 2888
+        "index": 2872
       },
       "end": {
-        "line": 102,
+        "line": 100,
         "column": 15,
-        "index": 3156
+        "index": 3140
       }
     },
     "filepath": "src/components/tour/_tour_footer.tsx"
@@ -7025,14 +7043,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 95,
+        "line": 93,
         "column": 14,
-        "index": 2888
+        "index": 2872
       },
       "end": {
-        "line": 102,
+        "line": 100,
         "column": 15,
-        "index": 3156
+        "index": 3140
       }
     },
     "filepath": "src/components/tour/_tour_footer.tsx"

packages/eui/i18ntokens_changelog.json

@@ -1,4 +1,14 @@
 [
+  {
+    "version": "98.1.0",
+    "changes": [
+      {
+        "token": "euiFieldValueSelectionFilter.buttonLabelHint",
+        "changeType": "added",
+        "value": "Selection"
+      }
+    ]
+  },
   {
     "version": "97.3.0",
     "changes": [

packages/eui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "98.0.0",
+  "version": "98.1.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
@@ -113,16 +113,17 @@
     "@loki/create-async-callback": "^0.35.0",
     "@loki/is-loki-running": "^0.35.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@storybook/addon-essentials": "^8.0.5",
-    "@storybook/addon-interactions": "^8.0.5",
-    "@storybook/addon-links": "^8.0.5",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-links": "^8.4.5",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.0.5",
-    "@storybook/manager-api": "^8.1.3",
-    "@storybook/preview-api": "^8.1.3",
-    "@storybook/react": "^8.0.5",
-    "@storybook/react-webpack5": "^8.0.5",
-    "@storybook/test": "^8.0.5",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/docs-tools": "^8.4.5",
+    "@storybook/manager-api": "^8.4.5",
+    "@storybook/preview-api": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-webpack5": "^8.4.5",
+    "@storybook/test": "^8.4.5",
     "@svgr/core": "8.0.0",
     "@svgr/plugin-jsx": "^8.0.1",
     "@svgr/plugin-svgo": "^8.0.1",
@@ -189,7 +190,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^0.9.0",
     "expose-gc": "^1.0.0",
     "file-loader": "^6.1.0",
     "findup": "^0.1.5",
@@ -235,7 +236,7 @@
     "sass-loader": "^13.2.0",
     "shelljs": "^0.8.4",
     "start-server-and-test": "^1.11.3",
-    "storybook": "^8.0.5",
+    "storybook": "^8.4.5",
     "style-loader": "^3.3.1",
     "stylelint": "^15.7.0",
     "stylelint-config-prettier-scss": "^1.0.0",

packages/eui/src-docs/src/components/guide_page/versions.json

@@ -1,5 +1,6 @@
 {
   "euiVersions": [
+    "98.1.0",
     "98.0.0",
     "97.3.1",
     "97.3.0",