diff --git a/packages/docusaurus-theme/package.json b/packages/docusaurus-theme/package.json index 7d54b6af02a..8504d8578b5 100644 --- a/packages/docusaurus-theme/package.json +++ b/packages/docusaurus-theme/package.json @@ -38,8 +38,8 @@ "@elastic/eui": "workspace:^", "@elastic/eui-docgen": "workspace:^", "@elastic/eui-theme-borealis": "workspace:^", - "@emotion/css": "^11.11.2", - "@emotion/react": "^11.11.4", + "@emotion/css": "^11.13.5", + "@emotion/react": "^11.14.0", "@types/react-window": "^1.8.8", "clsx": "^2.1.1", "codesandbox": "^2.2.3", diff --git a/packages/eui-theme-common/package.json b/packages/eui-theme-common/package.json index 0f2f1cf1bf8..68dda76ec62 100644 --- a/packages/eui-theme-common/package.json +++ b/packages/eui-theme-common/package.json @@ -32,7 +32,7 @@ "@babel/preset-env": "^7.21.5", "@babel/preset-react": "^7.18.6", "@babel/preset-typescript": "^7.21.5", - "@emotion/react": "^11.11.0", + "@emotion/react": "^11.14.0", "@types/chroma-js": "^2.4.0", "@types/jest": "^29.5.12", "@types/prettier": "2.7.3", diff --git a/packages/eui/package.json b/packages/eui/package.json index 9c750f6ad59..cf1499f5447 100644 --- a/packages/eui/package.json +++ b/packages/eui/package.json @@ -108,12 +108,12 @@ "@elastic/charts": "^64.1.0", "@elastic/datemath": "^5.0.3", "@elastic/eui-theme-borealis": "workspace:*", - "@emotion/babel-preset-css-prop": "^11.11.0", - "@emotion/cache": "^11.11.0", - "@emotion/css": "^11.11.0", - "@emotion/eslint-plugin": "^11.11.0", - "@emotion/jest": "^11.11.0", - "@emotion/react": "^11.11.0", + "@emotion/babel-preset-css-prop": "^11.12.0", + "@emotion/cache": "^11.14.0", + "@emotion/css": "^11.13.5", + "@emotion/eslint-plugin": "^11.12.0", + "@emotion/jest": "^11.13.0", + "@emotion/react": "^11.14.0", "@faker-js/faker": "^8.0.2", "@loki/create-async-callback": "^0.35.0", "@loki/is-loki-running": "^0.35.0", diff --git a/packages/eui/src/components/breadcrumbs/_breadcrumb_content.tsx b/packages/eui/src/components/breadcrumbs/_breadcrumb_content.tsx index dcb1b9a0f77..e88ca638c6b 100644 --- a/packages/eui/src/components/breadcrumbs/_breadcrumb_content.tsx +++ b/packages/eui/src/components/breadcrumbs/_breadcrumb_content.tsx @@ -13,7 +13,10 @@ import React, { useCallback, forwardRef, } from 'react'; -import { ArrayCSSInterpolation } from '@emotion/css'; +import type { + ArrayCSSInterpolation, + CSSInterpolation, +} from '@emotion/css/create-instance'; import classNames from 'classnames'; import { useEuiMemoizedStyles } from '../../services'; @@ -54,7 +57,7 @@ export const EuiBreadcrumbContent: FunctionComponent< const classes = classNames('euiBreadcrumb__content', className); const styles = useEuiMemoizedStyles(euiBreadcrumbContentStyles); - const cssStyles: ArrayCSSInterpolation = [ + const cssStyles: CSSInterpolation[] = [ styles.euiBreadcrumb__content, styles[type], ]; diff --git a/packages/eui/src/components/button/button_group/button_group_button.tsx b/packages/eui/src/components/button/button_group/button_group_button.tsx index f385399370e..919d87c70d1 100644 --- a/packages/eui/src/components/button/button_group/button_group_button.tsx +++ b/packages/eui/src/components/button/button_group/button_group_button.tsx @@ -12,7 +12,7 @@ import React, { MouseEventHandler, ReactElement, } from 'react'; -import { CSSInterpolation } from '@emotion/css'; +import type { CSSInterpolation } from '@emotion/css/create-instance'; import { isEuiThemeRefreshVariant, diff --git a/packages/eui/src/components/collapsible_nav_beta/_kibana_solution/__snapshots__/collapsible_nav_kibana_solution.test.tsx.snap b/packages/eui/src/components/collapsible_nav_beta/_kibana_solution/__snapshots__/collapsible_nav_kibana_solution.test.tsx.snap index 7c3f34dd391..a72b135f66a 100644 --- a/packages/eui/src/components/collapsible_nav_beta/_kibana_solution/__snapshots__/collapsible_nav_kibana_solution.test.tsx.snap +++ b/packages/eui/src/components/collapsible_nav_beta/_kibana_solution/__snapshots__/collapsible_nav_kibana_solution.test.tsx.snap @@ -56,7 +56,7 @@ exports[`KibanaCollapsibleNavSolution renders docked icons: popover 1`] = ` aria-label="Solution view" aria-live="off" aria-modal="true" - class="euiPanel euiPanel--plain euiPanel--paddingSmall euiPopover__panel emotion-euiPanel-grow-m-s-plain-euiPopover__panel-light-isOpen-hasTransform-right-euiCollapsedNavPopover__panel-euiCollapsibleNavKibanaSolution__switcherPopover" + class="euiPanel euiPanel--plain euiPanel--paddingSmall euiPopover__panel emotion-euiPanel-grow-m-s-plain-euiPopover__panel-light-isOpen-hasTransform-right-euiCollapsedNavPopover__panel-euiCollapsibleNavKibanaSolution__switcherPopover" data-autofocus="true" data-popover-open="true" data-popover-panel="true" @@ -187,7 +187,7 @@ exports[`KibanaCollapsibleNavSolution renders with a solution switcher: popover aria-label="Solution view" aria-live="off" aria-modal="true" - class="euiPanel euiPanel--plain euiPanel--paddingSmall euiPopover__panel emotion-euiPanel-grow-m-s-plain-euiPopover__panel-light-isOpen-isAttached-bottom-euiCollapsibleNavKibanaSolution__switcherPopover" + class="euiPanel euiPanel--plain euiPanel--paddingSmall euiPopover__panel emotion-euiPanel-grow-m-s-plain-euiPopover__panel-light-isOpen-isAttached-bottom-euiCollapsibleNavKibanaSolution__switcherPopover" data-autofocus="true" data-popover-open="true" data-popover-panel="true" diff --git a/packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/__snapshots__/collapsible_nav_link.test.tsx.snap b/packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/__snapshots__/collapsible_nav_link.test.tsx.snap index 31feda97af0..4eef0874685 100644 --- a/packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/__snapshots__/collapsible_nav_link.test.tsx.snap +++ b/packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/__snapshots__/collapsible_nav_link.test.tsx.snap @@ -20,7 +20,7 @@ exports[`EuiCollapsibleNavLink renders a link 1`] = ` > Link diff --git a/packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_popover.test.tsx.snap b/packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_popover.test.tsx.snap index 086833154e0..ab9bbb712fb 100644 --- a/packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_popover.test.tsx.snap +++ b/packages/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_popover.test.tsx.snap @@ -42,7 +42,7 @@ exports[`EuiCollapsedNavPopover renders 1`] = ` aria-label="aria-label" aria-live="off" aria-modal="true" - class="euiPanel euiPanel--plain euiPopover__panel emotion-euiPanel-grow-m-plain-euiPopover__panel-light-isOpen-hasTransform-right-euiCollapsedNavPopover__panel" + class="euiPanel euiPanel--plain euiPopover__panel emotion-euiPanel-grow-m-plain-euiPopover__panel-light-isOpen-hasTransform-right-euiCollapsedNavPopover__panel" data-autofocus="true" data-popover-open="true" data-popover-panel="true" diff --git a/packages/eui/src/components/color_picker/__snapshots__/color_picker.test.tsx.snap b/packages/eui/src/components/color_picker/__snapshots__/color_picker.test.tsx.snap index 8ebe78405ba..afe4403450b 100644 --- a/packages/eui/src/components/color_picker/__snapshots__/color_picker.test.tsx.snap +++ b/packages/eui/src/components/color_picker/__snapshots__/color_picker.test.tsx.snap @@ -314,7 +314,7 @@ exports[`EuiColorPicker inline 1`] = ` />