-
Notifications
You must be signed in to change notification settings - Fork 26
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor: refactored build system + renamed project (#67)
👀
- Loading branch information
Showing
191 changed files
with
725 additions
and
5,703 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
import styled from 'styled-components'; | ||
import { variables } from '@kata-kit/theme'; | ||
|
||
const IntroHeader = styled('header')` | ||
margin-bottom: ${variables.spaces.space3}; | ||
text-align: center; | ||
img { | ||
max-width: 100%; | ||
margin-left: auto; | ||
margin-right: auto; | ||
margin-bottom: ${variables.spaces.space3}; | ||
} | ||
p { | ||
font-size: 16px; | ||
line-height: 1.5; | ||
font-weight: 300; | ||
} | ||
strong { | ||
font-weight: 700; | ||
} | ||
`; | ||
|
||
export default IntroHeader; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,16 +1,14 @@ | ||
{ | ||
"extends": "../tsconfig.json", | ||
"extends": "../tsconfig.base.json", | ||
"compilerOptions": { | ||
"module": "commonjs", | ||
"removeComments": false, | ||
"composite": false, | ||
"baseUrl": "./", | ||
"paths": { | ||
"@doc-utils": ["../.storybook"], | ||
"@doc-utils": ["./"], | ||
"@docs": ["../docs"], | ||
"@kata-kit/*": ["./*/src"], | ||
"@kata-kit/doc-utils": ["../doc-utils/src"] | ||
"@kata-kit/*": ["../packages/*/src"] | ||
} | ||
}, | ||
"include": ["../", "../types/**/*.d.ts"], | ||
"exclude": ["../node_modules", "../scripts", "../build", "../website"] | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,8 @@ | ||
language: node_js | ||
node_js: | ||
- "stable" | ||
- 'stable' | ||
- '8' | ||
- '10' | ||
|
||
cache: | ||
yarn: true | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
# Contributing | ||
|
||
Wicara is developed by the help of developers like you! Please read our [Contributing Guidelines](https://github.com/kata-ai/kata-kit/blob/master/CONTRIBUTING.md) to get started on developing Wicara. | ||
|
||
This project is bound by a [Code of Conduct](https://github.com/kata-ai/kata-kit/blob/master/CODE_OF_CONDUCT.md). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
# Getting Started | ||
|
||
## Prerequisites | ||
|
||
At the bare minimum, you should at least import the global CSS reset provided by Wicara. | ||
|
||
```js | ||
import '@kata-kit/reset'; | ||
``` | ||
|
||
## Example | ||
|
||
Wicara is built in React, with styling done in styled-components. To use these components, import them as follows: | ||
|
||
```jsx | ||
// Example for `<Button />` component. | ||
|
||
import * as React from 'react'; | ||
import { Button } from '@kata-kit/button'; | ||
|
||
export default () => <Button>Push Me</Button>; | ||
``` |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
# Introduction | ||
|
||
**Wicara** (previously kata-kit) is the React implementation of the Kata Design System (KDS). Developing apps according to KDS is now easy thanks to this library of modular, reusable components. | ||
|
||
**Note: Wicara is still in beta.** | ||
|
||
## Principles | ||
|
||
These principles guide us on what to strive for when building components for Wicara. | ||
|
||
### Clear and transparent. | ||
|
||
- Use component/prop names that are as clear and standard as possible. | ||
- Strive for component + prop names no longer than 2-3 words. | ||
- Use the onVerb naming structure for event handlers. | ||
- Keep component/prop names concise without being clever. | ||
- When in doubt, look at other component libraries for inspiration. | ||
|
||
### Modular and reusable. | ||
|
||
- Components should do one thing and do it well. | ||
- Strive for a modular component architecture. Prefer importing existing components with similar uses rather than reinventing the wheel. | ||
- Consider leveraging React features + patterns like render/children props for enhanced modularity + easy reuse of components. | ||
- Strive for a cleaner API. Don’t expose underlying internals in the API unless necessary. | ||
- Use the theming API to ensure components can be restyled outside of the library itself. | ||
|
||
### Accessibility comes first. | ||
|
||
- Components should be designed with accessibility in mind. Make sure the fancy features doesn’t break accessibility. (Morten Rand-Hendriksen) | ||
- Strive for an accessible color contrast ratio. Aim for a contrast rating higher than “AA” and “AA Large”. (Check your color contrast [here](https://colorable.jxnblk.com/)) | ||
- Make sure components work well with screen readers, as well as for users with limited access to keyboards and mice. |
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.