design-system

The ability to view Storybook stories with different themes was added in grommet/grommet#5674.

We need to make adjustments to the stories component by component to take advantage of the theming ability. The Button stories are currently using this enhancement and can be viewed on storybook. While

The DatePicker component is already created and it's functional, but it was written some time ago and it can be refactored (migrating from class-based to hooks). In order to achieve a good result, we also need a good test coverage.

Running storyb

Issue summary

In vertical view (smaller viewports), MediaCard without primaryAction or secondaryAction has extra space at the bottom.

Expected behavior (no extraneous space between description and bottom)

![

I'm currently implementing a news list with an image in each item, and these images have 4:3 ratio in mobile devices and 16:9 ratio in desktop devices. Would it be possible or even make sense for the Aspect and AspectImage components to handle this kind of thing? I imagine an API like this:

<AspectImage {...imageProps} ratio={[4/3, 16/9]} />

Where each item in this array of ratios woul

Component

Transfer

Feature Description

目前业务上这样的述求

I noticed that all the hex colors for CSS-in-JS are in uppercase:

For Sass they're in lowercase:

<img width="206" alt="Screenshot 2021-10-20 at 13 45 48" src="https://user-images.githubusercontent.com/2750668/138095391-ad7

Proofreading from native speakers wanted. Review and comment on this PR 🙏.

(moved over from https://github.com/github/design-systems/issues/860, thanks @smockle 👋 !)

Problem

Occasionally it’s useful to add an interactive element with the semantics of button (correctly represented in the AT)—but without its visual styles.

Solution

Other teams at GitHub spread the following object in sx props to destyle Buttons:

// Removes most of 'button'’s visual appearanc

Hi, I am using atomize for a toy project. I noticed that the collapse atom is not very snappy in it's animation, I'd like to speed up the animation. How to do this? Thank you!