Upgrade EUI to 87.2.0 (#164385)

`87.1.0` ➡️ `87.2.0`

## [`87.2.0`](https://github.com/elastic/eui/tree/v87.2.0)

- `EuiResizableButton` is now available as a generic top-level export
([#7087](https://github.com/elastic/eui/pull/7087))
- Added new `alignIndicator` prop to `EuiResizableButton`. Defaults to
`center`, and can now additionally be configured to `start` and `end`
([#7087](https://github.com/elastic/eui/pull/7087))
- Updated `useGeneratedHtmlId` hook to use `React.useId` as the source
of unique identifiers when available
([#7095](https://github.com/elastic/eui/pull/7095))

**CSS-in-JS conversions**

- Converted `EuiResizableButton` to Emotion; Removed
`$euiResizableButtonTransitionSpeed` and `$euiResizableButtonSize`
([#7081](https://github.com/elastic/eui/pull/7081))
- Converted `EuiResizableCollapseButton` to Emotion
([#7091](https://github.com/elastic/eui/pull/7091))

---------

Co-authored-by: Cee Chen <constance.chen@elastic.co>
This commit is contained in:
Bree Hall 2023-08-23 18:25:28 -04:00 committed by GitHub
parent 5d5ac37e9e
commit 950ac6ea25
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 13 additions and 17 deletions

View file

@ -99,7 +99,7 @@
"@elastic/datemath": "5.0.3",
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.9.1-canary.1",
"@elastic/ems-client": "8.4.0",
"@elastic/eui": "87.1.0",
"@elastic/eui": "87.2.0",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

View file

@ -291,8 +291,8 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiRelativeTab.numberInputError": "Must be >= 0",
"euiRelativeTab.numberInputLabel": "Time span amount",
"euiRelativeTab.unitInputLabel": "Relative time span",
"euiResizableButton.horizontalResizerAriaLabel": "Press left or right to adjust panels size",
"euiResizableButton.verticalResizerAriaLabel": "Press up or down to adjust panels size",
"euiResizableButton.horizontalResizerAriaLabel": "Press the left or right arrow keys to adjust panels size",
"euiResizableButton.verticalResizerAriaLabel": "Press the up or down arrow keys to adjust panels size",
"euiResizablePanel.toggleButtonAriaLabel": "Press to toggle this panel",
"euiSaturation.ariaLabel": "HSV color mode saturation and value 2-axis slider",
"euiSaturation.screenReaderInstructions": "Arrow keys to navigate the square color gradient. Coordinates will be used to calculate HSV color mode \\"saturation\\" and \\"value\\" numbers, in the range of 0 to 1. Left and right to change the saturation. Up and down change the value.",

View file

@ -1469,13 +1469,13 @@ export const getEuiContextMapping = (): EuiTokensObject => {
'euiResizableButton.horizontalResizerAriaLabel': i18n.translate(
'core.euiResizableButton.horizontalResizerAriaLabel',
{
defaultMessage: 'Press left or right to adjust panels size',
defaultMessage: 'Press the left or right arrow keys to adjust panels size',
}
),
'euiResizableButton.verticalResizerAriaLabel': i18n.translate(
'core.euiResizableButton.verticalResizerAriaLabel',
{
defaultMessage: 'Press up or down to adjust panels size',
defaultMessage: 'Press the up or down arrow keys to adjust panels size',
}
),
'euiResizablePanel.toggleButtonAriaLabel': i18n.translate(

View file

@ -85,7 +85,7 @@ export const LICENSE_OVERRIDES = {
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
'@elastic/ems-client@8.4.0': ['Elastic License 2.0'],
'@elastic/eui@87.1.0': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@87.2.0': ['SSPL-1.0 OR Elastic License 2.0'],
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODCBy license https://github.com/mattcg/language-subtag-registry
'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary
};

View file

@ -61,7 +61,7 @@ export const PanelsResizable = ({
[]
);
const resizeWithPortalsHackButtonCss = css`
z-index: 3 !important; // !important can be removed once EuiResizableButton is converted to Emotion
z-index: 3;
`;
const resizeWithPortalsHackOverlayCss = css`
position: absolute;
@ -164,12 +164,8 @@ export const PanelsResizable = ({
const { euiTheme } = useEuiTheme();
const buttonCss = css`
// The selectors here are intended to override EuiResizableButtons's Sass styles
// it can be removed once EuiResizableButton has been converted to Emotion
&.euiResizableButton.euiResizableButton--vertical {
margin-top: -${euiTheme.size.base};
margin-bottom: 0;
}
margin-top: -${euiTheme.size.base};
margin-bottom: 0;
`;
return (

View file

@ -1577,10 +1577,10 @@
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
"@elastic/eui@87.1.0":
version "87.1.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-87.1.0.tgz#1ef2c5634d2efafbdd3fde6a68c037f3cad2f30e"
integrity sha512-dnvgTveGqyDoWrG1DRE3LbTWMlDaChDEENs3hw6B5sO6koNOCfsNm7JwJje7ARQbk82/kuymy+zfQsnkOA3sTA==
"@elastic/eui@87.2.0":
version "87.2.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-87.2.0.tgz#6feabaea7daa03c1d9a906ed2f97312eec12bfe0"
integrity sha512-U4pDkDHTgYf39/D4o9inOcKMedDf+Y4sv42fRydg/blBYNbDCTlU/3z4fhpO2rA03kDyMFohMmRMt4aBrirBTA==
dependencies:
"@hello-pangea/dnd" "^16.2.0"
"@types/lodash" "^4.14.194"