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 出现bug的组件

• description

semi-ui version

• latest

Expected result 期望的结果是什么

• 需要支持 key 作为 label 使用时 可以传入 reactElement

Actual result 实际的结果是什么

• 传入 reactElemet 时，key 仍被用作 reactKey 且被 toString 为 [object Object]

Steps to reproduce 复现步骤

![Xkn9JEjVxI](https://user-images.githubusercontent.com/29626873/140703334-caa29eb5-0083-4943-9963-e3

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

Is your feature request related to a problem? Please describe.
I find it surprising and confusing that the bg shorthand can be set to a color name/key, but not background, as they read the same.

Describe the solution you'd like
I would like background to be a theme-aware property, so I can do sx={{ background: 'myCustomColorName' }}.

**Describe alternatives you've considere

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

(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