@makers99/ui v2.1.51
Makers99 Components library
PNPM Commands
PNPM commands available:
| Task | Description |
|---|---|
| prebuild | Builds Jest results file for Storybook integration |
| build | Builds the Storybook styleguide |
| dev | Starts storybook command in --quiet mode |
| init-storybook | Runs prebuild and dev for first installations |
| storybook | Starts the Storybook development server |
| compile^1 | Compile React components |
| compile:esm | Compile ECMAScripts modules (esm) |
| compile:cjs | Compile CommonJS modules (cjs) |
| test:generate-output | Compile Jest results file |
| test | Run all tests |
| lint | Run all linters |
| lint:js | Runs eslint |
| lint:fix | Common task for runners |
| lint:js:fix | Fixes all JS issues found on eslint |
ChakraUI equivalence
ChakraUI default spacing scale
| CSS | Tokens | Pixels | ChakraUI |
|---|---|---|---|
| --s-4xs | 0.0625rem | 1px | 0.25* |
| --s-3xs | 0.125rem | 2px | 0.5 |
| --s-2xs | 0.25rem | 4px | 1 |
| --s-xs | 0.5rem | 8px | 2 |
| --s-sm | 0.75rem | 12px | 3 |
| --s-md | 1rem | 16px | 4 |
| --s-lg | 1.25rem | 20px | 5 |
| --s-xl | 1.5rem | 24px | 6 |
| --s-2xl | 1.75rem | 28px | 7 |
| --s-3xl | 2rem | 32px | 8 |
| --s-4xl | 2.5rem | 40px | 10 |
| --s-5xl | 3rem | 48px | 12 |
| --s-6xl | 4rem | 64px | 16 |
| --s-7xl | 5rem | 80px | 20 |
| --s-8xl | 6rem | 96px | 24 |
| --s-9xl | 7rem | 112px | 28 |
| --s-10xl | 8rem | 128px | 32 |
| --s-11xl | 9rem | 144px | 36 |
| --s-12xl | 10rem | 160px | 40 |
* Custom ChakraUI size
Troubleshooting
Error message "error:0308010C:digital envelope routines::unsupported"
This is caused by the latest node.js V17 compatible issues with OpenSSL, see the bellow issues on GitHub.
# Mac
export NODE_OPTIONS=--openssl-legacy-provider
# Windows Powershell
$env:NODE_OPTIONS=--openssl-legacy-provider^1: Before compiling add the export for openssl in the Troubleshooting section
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago