search

elastic / elastic-charts

https://elastic.github.io/elastic-charts/storybook
Other
372 stars 120 forks source link

chore(deps): update dependency @elastic/eui to v97 #2542

Closed elastic-renovate-prod[bot] closed 1 month ago

elastic-renovate-prod[bot] commented 1 month ago

This PR contains the following updates:

Package Type Update Change
@elastic/eui dependencies major ^95.8.0 -> ^97.1.0
@elastic/eui devDependencies major ^95.8.0 -> ^97.1.0

Release Notes

elastic/eui (@​elastic/eui) ### [`v97.1.0`](https://togithub.com/elastic/eui/releases/tag/v97.1.0) [Compare Source](https://togithub.com/elastic/eui/compare/v97.0.0...v97.1.0) - Added `columnVisibility.canDragAndDropColumns` on `EuiDataGrid` which enables reordering columns via draggable header cells ([#​8015](https://togithub.com/elastic/eui/pull/8015)) - Updated `EuiHeader`s in dark mode to have a visible border-bottom color ([#​8070](https://togithub.com/elastic/eui/pull/8070)) - Added props `minDate` and `maxDate` on `EuiSuperDatePicker` to support restricting date range selections ([#​8071](https://togithub.com/elastic/eui/pull/8071)) ### [`v97.0.0`](https://togithub.com/elastic/eui/releases/tag/v97.0.0) [Compare Source](https://togithub.com/elastic/eui/compare/v96.1.0...v97.0.0) **Breaking changes** - EuiDataGrid's custom grid body (rendered via `renderCustomGridBody`) no longer automatically renders the column header row or footer rows. It instead now passes the `headerRow` and `footerRow` React elements, which require manual rendering. ([#​8028](https://togithub.com/elastic/eui/pull/8028)) - This change was made to allow consumers to sync header/footer rows with their own custom virtualization libraries. - To facilitate this, a `gridWidth` prop is now also passed to custom grid body renderers. **Bug fixes** - Fixed inputs not taking the whole width when passing `fullWidth` as `true` to EuiDatePickerRange component ([#​8061](https://togithub.com/elastic/eui/pull/8061)) **Accessibility** - Improved accessibility of `EuiExternalLinkIcon` by clarifying text for Screen Reader users. ([#​8065](https://togithub.com/elastic/eui/pull/8065)) ### [`v96.1.0`](https://togithub.com/elastic/eui/releases/tag/v96.1.0) [Compare Source](https://togithub.com/elastic/eui/compare/v96.0.0...v96.1.0) **CSS-in-JS conversions** - Removed the following component-specific Sass mixins: ([#​8055](https://togithub.com/elastic/eui/pull/8055)) - `euiButton` - `euiButtonBase` - `euiButtonFocus` - `euiButtonContent` - `euiButtonContentDisabled` - `euiButtonDefaultStyle` - `euiButtonFillStyle` - `euiPanel` - `euiFormControlDefaultShadow` - `euiToolTipTitle` ### [`v96.0.0`](https://togithub.com/elastic/eui/releases/tag/v96.0.0) [Compare Source](https://togithub.com/elastic/eui/compare/v95.12.0...v96.0.0) - Improved `EuiPageHeader`/`EuiPageTemplate.Header`'s responsive UX: ([#​8044](https://togithub.com/elastic/eui/pull/8044)) - `rightSideItems` are no longer pushed to the side by wide `tabs` content - `rightSideItems` now wrap more responsively at smaller container widths - Updated `EuiDraggable` with a new `usePortal` prop. ([#​8048](https://togithub.com/elastic/eui/pull/8048)) - This prop portals the dragged element to the body, allowing it to escape stacking contexts which prevents buggy drag positioning in e.g. popovers, modals, and flyouts. **Bug fixes** - Fixed `EuiProvider`'s system color mode detection causing errors during server-side rendering ([#​8040](https://togithub.com/elastic/eui/pull/8040)) - Fixed an `EuiDataGrid` rendering bug that was causing bouncing scrollbar issues ([#​8041](https://togithub.com/elastic/eui/pull/8041)) - Fixed `EuiSearchBox` skips input when running with React 18 in Legacy Mode ([#​8047](https://togithub.com/elastic/eui/pull/8047)) **Deprecations** - Deprecated `EuiPopover`'s `hasDragDrop` prop. Use `EuiDraggable`'s new `usePortal` prop instead. ([#​8048](https://togithub.com/elastic/eui/pull/8048)) **Breaking changes** - Removed the following exported `.css` files: ([#​8045](https://togithub.com/elastic/eui/pull/8045)) - `@elastic/eui/dist/eui_theme_light.css` - `@elastic/eui/dist/eui_theme_light.min.css` - `@elastic/eui/dist/eui_theme_dark.css` - `@elastic/eui/dist/eui_theme_dark.min.css` - All EUI components are now on CSS-in-JS. A CSS file/import in consuming applications is no longer needed, and is safe to remove. ([#​8045](https://togithub.com/elastic/eui/pull/8045)) - Removed all `src/theme/legacy` Sass exports ([#​8054](https://togithub.com/elastic/eui/pull/8054)) **CSS-in-JS conversions** - Removed the following component-specific Sass variables: ([#​8031](https://togithub.com/elastic/eui/pull/8031)) - `$euiButtonColorDisabled` - `$euiButtonColorDisabledText` - `$euiButtonColorGhostDisabled` - `$euiButtonFontWeight` - `$euiFormControlIconSizes` - `$euiFormControlLayoutGroupInputHeight` - `$euiFormControlLayoutGroupInputCompressedHeight` - `$euiFormControlLayoutGroupInputCompressedBorderRadius` - `$euiPageSidebarMinWidth` - `$euiPageDefaultMaxWidth` - `$euiPanelPaddingModifiers` - `$euiPanelBorderRadiusModifiers` - `$euiPanelBackgroundColorModifiers` - `$euiRangeTrackColor` - `$euiRangeHighlightColor` - `$euiRangeThumbHeight` - `$euiRangeThumbWidth` - `$euiRangeThumbBorderColor` - `$euiRangeThumbBackgroundColor` - `$euiRangeTrackWidth` - `$euiRangeTrackHeight` - `$euiRangeTrackCompressedHeight` - `$euiRangeTrackBorderWidth` - `$euiRangeTrackBorderColor` - `$euiRangeTrackRadius` - `$euiRangeDisabledOpacity` - `$euiRangeHighlightHeight` - `$euiRangeHighlightCompressedHeight` - `$euiRangeHeight` - `$euiRangeCompressedHeight` - `$euiTooltipAnimations` - `$euiTooltipBackgroundColor` - `$euiTooltipBorderColor` - Removed the following Sass mixins due to low external usage: ([#​8031](https://togithub.com/elastic/eui/pull/8031)) - `euiHoverState` - `euiFocusState` - `euiDisabledState` - `euiInteractiveStates` - `euiFormControlStyle` - `euiFormControlStyleCompressed` - `euiFormControlFocusStyle` - `euiFormControlInvalidStyle` - `euiFormControlDisabledTextStyle` - `euiFormControlDisabledStyle` - `euiFormControlReadOnlyStyle` - `euiFormControlText` - `euiFormControlSize` - `euiFormControlGradient` - `euiFormControlLayoutPadding` - `euiFormControlWithIcon` - `euiFormControlIsLoading` - `euiFormControlSideBorderRadius` - `euiPlaceholderPerBrowser` - `euiHiddenSelectableInput` - `euiLink` - `euiLoadingSpinnerBorderColors` - `euiRangeTrackSize` - `euiRangeTrackPerBrowser` - `euiRangeThumbBorder` - `euiRangeThumbBoxShadow` - `euiRangeThumbFocusBoxShadow` - `euiRangeThumbStyle` - `euiRangeThumbPerBrowser` - `euiRangeThumbFocus` - `euiToolTipAnimation` ### [`v95.12.0`](https://togithub.com/elastic/eui/releases/tag/v95.12.0) [Compare Source](https://togithub.com/elastic/eui/compare/v95.11.0...v95.12.0) - Enhanced `EuiDataGrid` and `EuiBasic/InMemoryTable` to clean content newlines/tabs when users copy and paste from their tabular data ([#​8019](https://togithub.com/elastic/eui/pull/8019)) - Updated `EuiResizableButton` with a new `accountForScrollbars` prop ([#​8021](https://togithub.com/elastic/eui/pull/8021)) - Updated `EuiProvider` to inherit from the user's OS/system light/dark mode setting if a `colorMode` prop has not been passed ([#​8026](https://togithub.com/elastic/eui/pull/8026)) **Bug fixes** - Fixed `EuiDatePicker`'s `onClear` button to not appear when the input is `disabled` ([#​8020](https://togithub.com/elastic/eui/pull/8020)) - Fixed several `EuiDataGrid` row height bugs: ([#​8025](https://togithub.com/elastic/eui/pull/8025)) - Fixed row heights not recalculating when `rowHeightOptions.lineHeight`, `gridStyles.fontSize`, or `gridStyles.cellPadding` changed - Fixed incorrect height calculations for `rowHeightOptions.rowHeights` with `lineCount`s - Fixed control column content to align better with multi-line row heights, as well as custom line-heights ### [`v95.11.0`](https://togithub.com/elastic/eui/releases/tag/v95.11.0) [Compare Source](https://togithub.com/elastic/eui/compare/v95.10.1...v95.11.0) - Updated `EuiText`, `EuiTextColor`, and `EuiTextAlign` with a new `component` prop that allows changing the default rendered `
` wrapper to a `` or `

` tag. ([#​7993](https://togithub.com/elastic/eui/pull/7993)) - Updated `EuiDataGrid`'s cell actions to always consistently be left-aligned, regardless of text content alignment ([#​8011](https://togithub.com/elastic/eui/pull/8011)) - Increased `EuiDataGrid`'s cell actions hover zone to reduce UX friction when mousing over from the grid cell to its actions ([#​8011](https://togithub.com/elastic/eui/pull/8011)) **Bug fixes** - Fixed `EuiPopover` to correctly inherit from `EuiProvider`'s `componentDefaults.EuiPortal.insert` ([#​8003](https://togithub.com/elastic/eui/pull/8003)) - Fixed push `EuiFlyoutResizable`s to not potentially block scrollbars on outside content ([#​8010](https://togithub.com/elastic/eui/pull/8010)) - Fixed an `EuiDataGrid` bug where the `setCellProps` callback passed by `renderCellValue` was not correctly applying custom `data-test-subj`s ([#​8011](https://togithub.com/elastic/eui/pull/8011)) **Accessibility** - Updated the `EuiBasicTable` actions button's `aria-label` by adding a reference to the current row ([#​7994](https://togithub.com/elastic/eui/pull/7994)) **CSS-in-JS conversions** - Converted `EuiDataGrid`'s toolbar controls to Emotion ([#​7997](https://togithub.com/elastic/eui/pull/7997)) - Removed `$euiDataGridPopoverMaxHeight` - Converted `EuiDataGrid` to Emotion ([#​7998](https://togithub.com/elastic/eui/pull/7998)) - Removed `$euiZDataGrid` - Removed `$euiZHeaderBelowDataGrid` - Converted `EuiDataGrid`'s `gridStyle`s to Emotion; Removed the following Sass variables and mixins: ([#​8006](https://togithub.com/elastic/eui/pull/8006)) - `$euiDataGridCellPaddingS` - `$euiDataGridCellPaddingM` - `$euiDataGridCellPaddingL` - `$euiDataGridVerticalBorder` - `$euiDataGridPrefix` - `$euiDataGridStyles` - `@euiDataGridSelector` - `@euiDataGridStyles` - Converted `EuiDataGrid`'s cell popover, actions, and focus outline to Emotion; Removed the following Sass variables and mixins: ([#​8011](https://togithub.com/elastic/eui/pull/8011)) - `$euiZDataGridCellPopover` - `@euiDataGridCellFocus` - Converted `EuiDataGrid`'s row, header, and footer cells to Emotion; Removed the following Sass variables and mixins: ([#​8013](https://togithub.com/elastic/eui/pull/8013)) - `$euiDataGridColumnResizerWidth` - `@euiDataGridRowCell` - `@euiDataGridHeaderCell` - `@euiDataGridFooterCell` ### [`v95.10.1`](https://togithub.com/elastic/eui/releases/tag/v95.10.1) [Compare Source](https://togithub.com/elastic/eui/compare/v95.10.0...v95.10.1) **Bug fixes** - Fixed a visual bug in compact density `EuiDataGrid`s, where the header cell height would increase when the actions button became visible ([#​7999](https://togithub.com/elastic/eui/pull/7999)) ### [`v95.10.0`](https://togithub.com/elastic/eui/releases/tag/v95.10.0) [Compare Source](https://togithub.com/elastic/eui/compare/v95.9.0...v95.10.0) - Updated `EuiDataGrid` to support interactive header cell content ([#​7898](https://togithub.com/elastic/eui/pull/7898)) - Updated `EuiSearchBar`'s `field_value_selection` filter type with a new `autoSortOptions` config, allowing consumers to configure whether or not selected options are automatically sorted to the top of the filter list ([#​7958](https://togithub.com/elastic/eui/pull/7958)) - Updated `getDefaultEuiMarkdownPlugins` to support the following new default plugin configurations: ([#​7985](https://togithub.com/elastic/eui/pull/7985)) - `parsingConfig.linkValidator`, which allows configuring `allowRelative` and `allowProtocols` - `parsingConfig.emoji`, which allows configuring emoticon parsing - `processingConfig.linkProps`, which allows configuring rendered links with any props that `EuiLink` accepts - See our **Markdown plugins** documentation for example `EuiMarkdownFormat` and `EuiMarkdownEditor` usage - Updated `EuiDatePicker` to support `append` and `prepend` nodes in its form control layout ([#​7987](https://togithub.com/elastic/eui/pull/7987)) **Bug fixes** - Fixed border rendering bug with inline `EuiDatePicker`s with `shadow={false}` ([#​7987](https://togithub.com/elastic/eui/pull/7987)) - Fixed `EuiSuperSelect`'s placeholder text color to match other form controls ([#​7995](https://togithub.com/elastic/eui/pull/7995)) **Accessibility** - Improved the keyboard navigation and screen reader output for `EuiDataGrid` header cells ([#​7898](https://togithub.com/elastic/eui/pull/7898)) ### [`v95.9.0`](https://togithub.com/elastic/eui/releases/tag/v95.9.0) [Compare Source](https://togithub.com/elastic/eui/compare/v95.8.0...v95.9.0) - Updated `EuiSearchBar`'s optional `box.schema` prop with a new `recognizedFields` configuration. This allows specifying the phrases that will be parsed as field clauses ([#​7960](https://togithub.com/elastic/eui/pull/7960)) - Updated `EuiIcon` with a new `tokenSemanticText` glyph ([#​7971](https://togithub.com/elastic/eui/pull/7971)) - Added support for TypeScript 5 ([#​7980](https://togithub.com/elastic/eui/pull/7980)) **Bug fixes** - Fixed `EuiSelectableTemplateSitewide` styles when used within a dark-themed `EuiHeader` ([#​7977](https://togithub.com/elastic/eui/pull/7977))

Configuration

📅 Schedule: Branch creation - "every 1 week on monday" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

This PR has been generated by Renovate Bot.

markov00 commented 1 month ago

it's time to bring our reset css


SassError: Can't find stylesheet to import.
--
  | ERR!   ╷
  | ERR! 1 │ @import '~@elastic/eui/dist/eui_theme_light';
  | ERR!   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  | ERR!   ╵
  | ERR!   style.scss 1:9  root stylesheet
  | ERR! SassError: SassError: Can't find stylesheet to import.
  | ERR!   ╷
  | ERR! 1 │ @import '~@elastic/eui/dist/eui_theme_light';
  | ERR!   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  | ERR!   ╵
elastic-renovate-prod[bot] commented 1 month ago

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.

nickofthyme commented 1 month ago

buildkite update screenshots