stripe / stripe-apps

Stripe Apps lets you embed custom user experiences directly in the Stripe Dashboard and orchestrate the Stripe API.
https://stripe.com/docs/stripe-apps
MIT License
148 stars 73 forks source link

Banner component in 9.0.0-alpha.15 has incorrect css for inline action items. #994

Closed bensontrent closed 1 week ago

bensontrent commented 2 weeks ago

The screenshots below show an issue with the version 9 beta of the SDK. Inline elments of the action attribute are not afforded appropriate space, and (minor issue) links do not have the appropriate color.

Banner component in 9.0.0-alpha.15

image

Banner component in 8.9.1:

image

Code sample:

<Banner
  type="critical"
  title="Invalid API Key"
  description="You must enter a PRODUCTION API Key from EasyPost.  You'll still be able to print test labels in Parcelcraft with a Production API Key."
  actions={ <Link href="https://www.easypost.com/signup?utm_source=Parcelcraft" target="_blank" external>Get my free API Key</Link> }
 />
matebek-stripe commented 1 week ago

Thanks for reporting @bensontrent! A fix has been rolled out for the Banner action prop width. The color of the link is intended to match the Banner in version 9.