design-system

Expected Behavior

defaultMode is used in Grommet component along with themeMode prop to determine initial theme mode between dark and light themes. As this property is used by Grommet Theme Designer, Grommet HPE Theme and in HPE Design System I would expect it to

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

selected prop for <Navigation.Item /> component is not working if url prop is not provided.

Expected behavior

Since it is not written in the doc that the url prop is required, using the selected prop without it should work just fine.
I wanted to use the onClick prop to handle my routing, combined with the selected prop for the UI, but it is not possible.

Component

Transfer

Feature Description

目前业务上这样的述求

Is your feature request related to a problem? Please describe.
I spent many hours trying to override what I later found out was the highlight color variable, used in a number of Components in the code. I had no idea that this variable existed. :(

Describe the solution you'd like
Maybe just include the highlight default value in the base theme, so that developers building on that w

To elaborate the issue, here is a codepen of the above code with each variation.
(The "dont have permission to fetch" variation made no sense as I wouldn't've displayed the row at all, but I realised I forgot to add the "don't have permission to edit" variation).

I love the UX of labels focusing their inputs, but it doesn't make sense to any sce

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!

Actual Behavior

https://wixplosives.github.io/stylable-playground/#state=%28%27files%21%282%21%27%2540st-import%2520%255B7%255D%2520from%2520%255C%27.3%255C%275*%2540property%252075*6*%2520%2520%2520%25204red5%29%27%7E3%21%2764green8.label18.icon18%27%29%7Eselected%212%278%255Cn0.st.css1%2520%282%27%252Findex03%252Fbutton047%253A%25205%253B*6.root17--x8%29*%2501876543210*_

Expected Beh