4.0.6-beta.1 â€Ē Published 10 months ago

@appquality/unguess-design-system v4.0.6-beta.1

Weekly downloads
-
License
ISC
Repository
github
Last release
10 months ago

UNGUESS Design System

Commitizen friendly

Used by

Tech stack

Building components

Maintaining the system

  • ðŸ“Ķ Yarn for package management
  • ðŸ“Ķ NPM for distribution
  • ✅ Chromatic to prevent UI bugs in components (by Storybook maintainers)

Why

The Unguess design system codifies existing UI components into a central, well-maintained repository. It is built to address having to paste the same components into multiple projects again and again. This simplifies building UI's with Storybook's design patterns.

Install

yarn

Global Styles

Components within the design system assume that a set of global styles have been configured. Depending upon the needs of the application, this can be done several ways:

Option 1: Render the GlobalStyle component

Useful when you don't need any custom body styling in the application, typically this would be placed in a layout component that wraps all pages, or a top-level App component.

import { global } from '@storybook/design-system';
const { GlobalStyle } = global;
/* Render the global styles once per page */
<GlobalStyle />

Option 2: Use the bodyStyles to apply styling

Useful when you want build upon the shared global styling.

import { Global, css } from '@storybook/theming';
import { global } from '@storybook/design-system';
const { bodyStyles } = global;

const customGlobalStyle = css`
  body {
    ${bodyStyles}// Custom body styling for the app
  }
`;

const CustomGlobalStyle = () => <Global styles={customGlobalStyle} />;
/* Render the global styles once per page */
<CustomGlobalStyle />
4.0.6-beta.0

10 months ago

4.0.6-beta.1

10 months ago

4.0.6

10 months ago

4.0.5

10 months ago

4.0.4

10 months ago

4.0.3

10 months ago

4.0.2

10 months ago

4.0.1

10 months ago

4.0.0

10 months ago

3.1.106-vite

11 months ago

3.1.106-highlight-7

11 months ago

3.1.106-highlight-5

11 months ago

3.1.106-highlight-6

11 months ago

3.1.106-highlight-3

11 months ago

3.1.106-highlight-4

11 months ago

3.1.106-highlight-1

11 months ago

3.1.106-highlight-2

11 months ago

3.1.113

11 months ago

3.1.112

11 months ago

3.1.111

11 months ago

3.1.110

11 months ago

3.1.115

11 months ago

3.1.114

11 months ago

3.1.109

11 months ago

3.1.108

11 months ago

3.1.106-precision-1

11 months ago

3.1.106-vite-2

11 months ago

3.1.106-vite-6

11 months ago

3.1.106-vite-5

11 months ago

3.1.106-vite-4

11 months ago

3.1.106-vite-3

11 months ago

3.1.107

11 months ago

3.1.105-deps1

11 months ago

3.1.105-deps2

11 months ago

3.1.105-deps5

11 months ago

3.1.105-deps3

11 months ago

3.1.105-deps4

11 months ago

3.1.91-highlight

11 months ago

3.1.105

11 months ago

3.1.91-highlight-6

11 months ago

3.1.91-highlight-7

11 months ago

3.1.91-highlight-8

11 months ago

3.1.91-highlight-9

11 months ago

3.1.91-highlight-2

11 months ago

3.1.91-highlight-3

11 months ago

3.1.91-highlight-4

11 months ago

3.1.91-highlight-5

11 months ago

3.1.91-highlight-1

11 months ago

3.1.99

1 year ago

3.1.94

1 year ago

3.1.93

1 year ago

3.1.96

1 year ago

3.1.95

1 year ago

3.1.98

1 year ago

3.1.97

1 year ago

3.1.91-pip

1 year ago

3.1.102

1 year ago

3.1.101

1 year ago

3.1.100

1 year ago

3.1.104

1 year ago

3.1.103

1 year ago

3.1.102-pip

1 year ago

3.1.91-pip-test

1 year ago

3.1.92

1 year ago

3.1.91

1 year ago

3.1.90

1 year ago

3.1.89

1 year ago

3.1.88-tooltip

1 year ago

3.1.89-tooltip

1 year ago

3.1.88

1 year ago

3.1.83

1 year ago

3.1.85

1 year ago

3.1.84

1 year ago

3.1.87

1 year ago

3.1.86

1 year ago

3.1.82

1 year ago

3.1.81

1 year ago

3.1.80

1 year ago

3.1.79

1 year ago

3.1.78

1 year ago

3.1.76

1 year ago

3.1.75

2 years ago

3.1.72

2 years ago

3.1.71

2 years ago

3.1.69

2 years ago

3.1.70

2 years ago

3.1.67

2 years ago

3.1.68

2 years ago

3.1.66

2 years ago

3.1.65

2 years ago

3.1.64

2 years ago

3.1.63

2 years ago

3.1.62

2 years ago

3.1.59

2 years ago

3.1.61

2 years ago

3.1.60

2 years ago

3.1.56

2 years ago

3.1.55

2 years ago

3.1.52

2 years ago

3.1.51

2 years ago

3.1.54

2 years ago

3.1.53

2 years ago

3.1.50

2 years ago

3.1.41-player

2 years ago

3.1.45

2 years ago

3.1.3

2 years ago

3.1.47

2 years ago

3.1.46

2 years ago

3.1.49

2 years ago

3.1.48

2 years ago

3.1.41

2 years ago

3.1.43-player

2 years ago

3.1.42-player

2 years ago

3.1.40-player

2 years ago

3.1.2-beta.0

2 years ago

3.1.39-player

2 years ago

3.1.44-sentiment

2 years ago

3.1.2

2 years ago

3.1.1

2 years ago

3.1.0

2 years ago

3.1.1-nav-beta

2 years ago

3.1.2-nav-beta

2 years ago

3.1.1-fix-svg.1

2 years ago

3.1.1-fix-svg.0

2 years ago

3.0.0-colors.5

2 years ago

3.0.0-colors.7

2 years ago

3.0.0-colors.1

2 years ago

3.0.0-colors.2

2 years ago

3.0.0-colors.3

2 years ago

3.0.1-svgr-beta

2 years ago

3.0.10-alpha

2 years ago

3.0.4-alpha

2 years ago

3.0.0-colors.9

2 years ago

3.0.6-alpha

2 years ago

3.0.12-alpha

2 years ago

3.0.3-alpha

2 years ago

3.0.1-alpha

2 years ago

2.12.86

2 years ago

2.12.85

2 years ago

3.0.8-alpha

2 years ago

2.12.84

2 years ago

3.0.4

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.7-alpha

2 years ago

3.0.0-colors

2 years ago

3.0.2-alpha

2 years ago

3.0.4-svgr-beta

2 years ago

3.0.9-alpha

2 years ago

3.0.3-svgr-beta

2 years ago

3.0.2-svgr-beta

2 years ago

3.0.0-colors.11

2 years ago

3.0.0-colors.12

2 years ago

3.0.0-colors.13

2 years ago

3.0.0-colors.14

2 years ago

3.0.0-colors.15

2 years ago

3.0.0-colors.16

2 years ago

3.0.0-colors.17

2 years ago

3.0.0-colors.18

2 years ago

3.0.0-colors.10

2 years ago

3.0.0-colors.19

2 years ago

3.0.0-colors.22

2 years ago

3.0.0-colors.20

2 years ago

3.0.0-colors.21

2 years ago

3.0.0-svgr-beta

2 years ago

3.0.5-alpha

2 years ago

3.0.11-alpha

2 years ago

2.12.83

2 years ago

2.12.82

2 years ago

2.12.81

2 years ago

2.12.80

2 years ago

2.12.79

2 years ago

2.12.78

2 years ago

2.12.77

2 years ago

2.12.76

2 years ago

2.12.75

2 years ago

2.12.74

2 years ago

2.12.73

3 years ago

2.12.72

3 years ago

2.12.71

3 years ago

2.12.70

3 years ago

2.12.69

3 years ago

2.12.68

3 years ago

2.12.67

3 years ago

2.12.66

3 years ago

2.12.65

3 years ago

2.12.64

3 years ago

2.12.63

3 years ago

2.12.62

3 years ago

2.12.61

3 years ago

2.12.60

3 years ago

2.12.59

3 years ago

2.12.58

3 years ago

2.12.57

3 years ago

2.12.56

3 years ago

2.12.55

3 years ago

2.12.54

3 years ago

2.12.53

3 years ago

2.12.49

3 years ago

2.12.48

3 years ago

2.12.47

3 years ago

2.12.46

3 years ago

2.12.45

3 years ago

2.12.44

3 years ago

2.12.43

3 years ago

2.12.42

3 years ago

2.12.41

3 years ago

2.12.40

3 years ago

2.12.39

3 years ago

2.12.38

3 years ago

2.12.37

3 years ago

2.12.36

3 years ago

2.12.35

3 years ago

2.12.34

3 years ago

2.12.33

3 years ago

2.12.32

3 years ago

2.12.31

3 years ago

2.12.30

3 years ago

2.12.52

3 years ago

2.12.51

3 years ago

2.12.50

3 years ago

2.12.29

3 years ago

2.12.28

3 years ago

2.12.27

3 years ago

2.12.26

3 years ago

2.12.25

3 years ago

2.12.24

3 years ago

2.12.23

3 years ago

2.12.22

3 years ago

2.12.21

3 years ago

2.12.20

3 years ago

2.12.19

3 years ago

2.12.18

3 years ago

2.12.17

3 years ago

2.12.16

3 years ago

2.12.15

3 years ago

2.12.14

3 years ago

2.12.13

3 years ago

2.12.12

3 years ago

2.11.0

3 years ago

2.11.1

3 years ago

2.11.8

3 years ago

2.11.9

3 years ago

2.11.6

3 years ago

2.11.7

3 years ago

2.11.4

3 years ago

2.11.5

3 years ago

2.11.2

3 years ago

2.11.3

3 years ago

2.11.10

3 years ago

2.11.11

3 years ago

2.11.12

3 years ago

2.11.13

3 years ago

2.11.14

3 years ago

2.11.15

3 years ago

2.11.16

3 years ago

2.11.17

3 years ago

2.11.18

3 years ago

2.11.19

3 years ago

2.12.0

3 years ago

2.12.9

3 years ago

2.12.7

3 years ago

2.12.8

3 years ago

2.12.5

3 years ago

2.12.6

3 years ago

2.12.3

3 years ago

2.12.4

3 years ago

2.12.11

3 years ago

2.12.1

3 years ago

2.12.10

3 years ago

2.12.2

3 years ago

2.10.38

3 years ago

2.10.39

3 years ago

2.10.40

3 years ago

2.10.41

3 years ago

2.10.42

3 years ago

2.10.43

3 years ago

2.10.44

3 years ago

2.10.45

3 years ago

2.10.46

3 years ago

2.10.47

3 years ago

2.10.48

3 years ago

2.10.49

3 years ago

2.10.70

3 years ago

2.10.71

3 years ago

2.10.50

3 years ago

2.10.51

3 years ago

2.10.52

3 years ago

2.10.53

3 years ago

2.10.54

3 years ago

2.10.55

3 years ago

2.10.56

3 years ago

2.10.57

3 years ago

2.10.58

3 years ago

2.10.59

3 years ago

2.10.60

3 years ago

2.10.61

3 years ago

2.10.62

3 years ago

2.10.63

3 years ago

2.10.64

3 years ago

2.10.65

3 years ago

2.10.66

3 years ago

2.10.67

3 years ago

2.10.68

3 years ago

2.10.69

3 years ago

2.10.30

3 years ago

2.10.31

3 years ago

2.10.32

3 years ago

2.10.33

3 years ago

2.10.34

3 years ago

2.10.35

3 years ago

2.10.36

3 years ago

2.10.37

3 years ago

2.8.34

3 years ago

2.8.33

3 years ago

2.8.32

3 years ago

2.8.31

3 years ago

2.8.37

3 years ago

2.8.36

3 years ago

2.8.35

3 years ago

2.10.1

3 years ago

2.10.2

3 years ago

2.10.10

3 years ago

2.10.11

3 years ago

2.10.0

3 years ago

2.10.12

3 years ago

2.10.13

3 years ago

2.10.14

3 years ago

2.10.15

3 years ago

2.10.16

3 years ago

2.10.17

3 years ago

2.10.18

3 years ago

2.10.19

3 years ago

2.10.9

3 years ago

2.10.7

3 years ago

2.10.8

3 years ago

2.10.5

3 years ago

2.10.6

3 years ago

2.10.3

3 years ago

2.10.4

3 years ago

2.10.20

3 years ago

2.10.21

3 years ago

2.10.22

3 years ago

2.10.23

3 years ago

2.10.24

3 years ago

2.10.25

3 years ago

2.10.26

3 years ago

2.10.27

3 years ago

2.10.28

3 years ago

2.10.29

3 years ago

2.9.0

3 years ago

2.8.30

3 years ago

2.2.0

3 years ago

2.4.1

3 years ago

2.4.0

3 years ago

2.6.1

3 years ago

2.6.0

3 years ago

2.8.1

3 years ago

2.8.0

3 years ago

2.6.2

3 years ago

2.5.6

3 years ago

2.5.5

3 years ago

2.5.7

3 years ago

2.3.0

3 years ago

2.8.19

3 years ago

2.8.18

3 years ago

2.5.0

3 years ago

2.8.17

3 years ago

2.3.1

3 years ago

2.7.0

3 years ago

2.5.2

3 years ago

2.5.1

3 years ago

2.5.4

3 years ago

2.7.1

3 years ago

2.8.12

3 years ago

2.8.16

3 years ago

2.8.15

3 years ago

2.8.14

3 years ago

2.1.0

3 years ago

2.8.13

3 years ago

2.8.3

3 years ago

2.8.2

3 years ago

2.8.5

3 years ago

2.8.4

3 years ago

2.8.7

3 years ago

2.8.6

3 years ago

2.8.8

3 years ago

2.8.29

3 years ago

2.8.28

3 years ago

2.8.23

3 years ago

2.8.22

3 years ago

2.8.21

3 years ago

2.8.20

3 years ago

2.8.27

3 years ago

2.8.26

3 years ago

2.8.25

3 years ago

2.8.24

3 years ago

2.0.0

3 years ago

0.3.5

3 years ago

0.3.4

3 years ago

0.3.3

3 years ago

0.3.2

3 years ago

0.3.1

3 years ago

0.3.0

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago