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

Which Component Need Enhancement 期望新增功能的组件

• Tag

What does the proposed API look like 期望支持的API

有时哦我们想要一个圆形边框的 tag，但这个 tag 可能没有 avatar，用现在的 api 实现不了。就现在的 api 还不够正交。也许可以

// 现在的 api
<Tag avatarSrc={src} avatarShape='circle'>焦锐志</Tag>

// 想要的 api
<Tag shape='circle'>焦锐志</Tag>

Feature Description 功能描述

Additional information 补充说明

Issue summary

As shown in the screenshot below, when the viewport size is 769px, the logo shows up twice.

![Screen Shot 2021-03-29 at 5 01 54 PM](https://user-images.githubusercontent.com/85783/112914351-9f86fd80-90b0-1

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!