Skip to content

[EuiPopover] Remove hasShadow and hasBorder from panelProps type#6836

Merged
cee-chen merged 3 commits intoelastic:mainfrom
cee-chen:popover-panel-ts
Jun 8, 2023
Merged

[EuiPopover] Remove hasShadow and hasBorder from panelProps type#6836
cee-chen merged 3 commits intoelastic:mainfrom
cee-chen:popover-panel-ts

Conversation

@cee-chen
Copy link
Copy Markdown
Contributor

@cee-chen cee-chen commented Jun 8, 2023

Summary

closes #6832

The hasShadow and hasBorder props cannot be customized on EuiPopover's panel display as a general visual and accessibility consistency pattern. Their props should not be listed as available in our props table or via TS.

This PR does not change any actual end-user or consumer behavior, it simply fixes our typing and props docs.

QA

General checklist

  • Props have proper autodocs (using @default if default values are missing) and playground toggles
  • A changelog entry exists and is marked appropriately

@cee-chen cee-chen added documentation Issues or PRs that only affect documentation - will not need changelog entries typescript labels Jun 8, 2023
@kibanamachine
Copy link
Copy Markdown

Preview documentation changes for this PR: https://eui.elastic.co/pr_6836/

@cee-chen cee-chen requested a review from a team June 8, 2023 17:27
@cee-chen cee-chen changed the title [EuiPopover] Remove hasShadow and hasBorder from panelProps [EuiPopover] Remove hasShadow and hasBorder from panelProps type Jun 8, 2023
@cee-chen cee-chen force-pushed the popover-panel-ts branch from 1d43d26 to 8185481 Compare June 8, 2023 17:37
Copy link
Copy Markdown
Contributor

@1Copenut 1Copenut left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 LGTM!

@kibanamachine
Copy link
Copy Markdown

Preview documentation changes for this PR: https://eui.elastic.co/pr_6836/

@cee-chen cee-chen marked this pull request as ready for review June 8, 2023 18:27
@cee-chen cee-chen merged commit 78f405b into elastic:main Jun 8, 2023
@cee-chen cee-chen deleted the popover-panel-ts branch June 8, 2023 18:27
@cee-chen cee-chen assigned cee-chen and unassigned cee-chen Jun 8, 2023
breehall added a commit to elastic/kibana that referenced this pull request Jun 14, 2023
eui@81.3.0 ⏩ eui@82.1.0

## [`82.1.0`](https://github.com/elastic/eui/tree/v82.1.0)

- Added ability for `EuiMarkdownEditor` plugins to disable toolbar
buttons ([#6840](elastic/eui#6840))

## [`82.0.0`](https://github.com/elastic/eui/tree/v82.0.0)

**Bug fixes**

- Fixed `EuiPopover`'s types to omit `panelProps.hasBorder` and
`panelProps.hasShadow` - these props are not customizable on popovers
for visual consistency
([#6836](elastic/eui#6836))

**Breaking changes**

- `EuiRange` & `EuiDualRange` no longer have a hard limit of 20
displayed ticks. The component now instead detects the width available,
and throws an error if each tick has less than 5 pixels of width. We
recommend testing your tick usage at smaller screens to ensure they
always display legibly to users.
([#6829](elastic/eui#6829))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Issues or PRs that only affect documentation - will not need changelog entries typescript

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[EuiPopover] Both hasShadow and hasBorder are ignored in panelProps

3 participants