mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 17:28:26 -04:00
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:
parent
5d5ac37e9e
commit
950ac6ea25
6 changed files with 13 additions and 17 deletions
|
@ -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",
|
||||
|
|
|
@ -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.",
|
||||
|
|
|
@ -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(
|
||||
|
|
|
@ -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 ODC‑By license https://github.com/mattcg/language-subtag-registry
|
||||
'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary
|
||||
};
|
||||
|
|
|
@ -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 (
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue