Skip to content
#

design-systems

Here are 280 public repositories matching this topic...

ant-design
material-ui
storybook
levelingup
levelingup commented Dec 24, 2019

I tried to follow the initial steps from here: https://www.learnstorybook.com/intro-to-storybook/react/en/get-started/

running:

npx create-react-app taskbox
cd taskbox

Then when I ran:
npx -p @storybook/cli sb init

I get the error TypeError: Cannot set property 'storybook' of undefined

This is the full message in my terminal:

 sb init - the simplest way to add a
evergreen
css
thisisdano
thisisdano commented Feb 7, 2020

We need to improve the custom font token documentation, as it is currently only in the setting file itself. This leaves little room for good examples and writing. We've promised better docs for this since 2.0 and still haven't delivered.

https://designsystem.digital.gov/design-tokens/typesetting/font-family/

<img width="722" alt="Screen Shot 2020-02-07 at 11 20 14 AM" src="https://user-image

styled-system
The-Code-Monkey
The-Code-Monkey commented Feb 18, 2020

I am looking into variants and i feel like its a bit confusing which is the old api and which is the new one?

I feel like I should just be able to drop the variant function onto a component and give it scale="accents" and then if I pass variant="info" then it should look in the theme object for accents and pull the info key inside that yet it doesn't do that unless I write `variants: {

lauriejones
lauriejones commented Nov 1, 2019

When a text element has child elements like a link or span, and needs to wrap, the text layers are placed on top of one another.

html-sketchapp version: 4.3.0

minimal example:

<p>
  <a href="/contact-us">Visit our Contact Us page</a> to find retail centres, opening hours and more.
</p>

I've seen the same behaviour with divs and spans too:

<div>
 
MartinDM
MartinDM commented May 14, 2019

Just picking up the CLI edition of Pattern Lab.

Although the Readme goes into a little detail on the build options, there's no guidance for the options from here on....

Eg. Something to explain what each npm script does and which to run first or, how to modify Patten lab such as that your starter kit it doesn't get deleted when ./source is cleaned.

I understand the documentation is

chidexebere
chidexebere commented Jan 15, 2020

The documentation for Custom Transforms / Value Transforms is not clear.
I am trying to create a custom transform to HSL colors.

/*
{
  CUSTOM_EASING: {
    type: 'easing',
    value: [1,2,3,4]
  }
}
*/

theo.registerValueTransform(
  // Name to be used with registerTransform()
  "easing/web",
  // Determine if the value transform
  // should be run on the specified prop
  p
style-dictionary
custa1200
custa1200 commented Oct 7, 2019

One of the consumers of our system uses curly braces for content replacement in strings.

Due to the way that SD currently uses curly braces in the build process there is no way I can have a string that includes the braces for consumption.

I have tried a number of ways to escape the braces with no luck

Other languages and templating systems seem to use the concept of using double curly b

LaurenceRLewis
LaurenceRLewis commented Aug 7, 2019

For consideration:

Headings (hx) should be used to wrap the accordion triggering button. This would align with the recommendations of the ARIA 1.1 Practices Guide. The heading level as the first element in the <section>s will also align to the recommendations for the <section> element in the HTML 5.1 W3C Recommendation.

Accordion (Sections With Show/Hide Functionality)
https://www.w3.or

fast-dna

Improve this page

Add a description, image, and links to the design-systems topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the design-systems topic, visit your repo's landing page and select "manage topics."

Learn more

You can’t perform that action at this time.