@ausbom/styles
Advanced tools
Comparing version 0.2.1 to 0.2.2
@@ -9,3 +9,5 @@ --- | ||
<!-- Readme --> | ||
> Styles is a library of components that help other components determine what styles to take by default and which ones to override using specified theme objects. | ||
<!-- EndReadme --> | ||
@@ -21,4 +23,5 @@ ## API Docs | ||
``` | ||
<!-- EndReadme --> | ||
### Import | ||
### Usage | ||
@@ -28,3 +31,2 @@ ```javascript | ||
``` | ||
<!-- EndReadme --> | ||
@@ -53,6 +55,9 @@ ### ThemeProvider Properties | ||
<!-- Readme --> | ||
### Demo | ||
<!-- EndReadme --> | ||
<ThemeProvider /> | ||
<!-- Readme --> | ||
```jsx | ||
@@ -77,1 +82,2 @@ import Button from '@ausbom/button' | ||
``` | ||
<!-- EndReadme --> |
{ | ||
"name": "@ausbom/styles", | ||
"version": "0.2.1", | ||
"description": "", | ||
"keywords": [], | ||
"version": "0.2.2", | ||
"description": "Styles is a library of components that help other components determine what styles to take by default and which ones to override using specified theme objects.", | ||
"keywords": [ | ||
"palette", | ||
"styles", | ||
"ThemeProvider" | ||
], | ||
"author": "", | ||
@@ -36,3 +40,3 @@ "homepage": "https://beta.design.bom.gov.au/components/styles", | ||
}, | ||
"gitHead": "a963b325781acabf7da89ec2fa49c85cdee66bad" | ||
"gitHead": "0927311b52c40df79720236fe036b7e377635bcf" | ||
} |
# @ausbom/styles | ||
> Styles is a library of components that help other components determine what styles to take by default and which ones to override using specified theme objects. | ||
### Installation | ||
@@ -7,7 +8,21 @@ | ||
``` | ||
### Demo | ||
```jsx | ||
import Button from '@ausbom/button' | ||
import { palette, ThemeProvider } from '@ausbom/styles' | ||
import React from 'react' | ||
### Import | ||
```javascript | ||
import { ThemeProvider, palette } from '@ausbom/styles' | ||
const ThemeProviderDemo: React.StatelessComponent<any> = () => ( | ||
<React.Fragment> | ||
<Button text='Default Color' onClick={() => {}} /> | ||
<ThemeProvider theme={{ | ||
button: { | ||
backgroundColor: palette.secondary.betaGreen | ||
} | ||
}} | ||
> | ||
<Button text='Theme Color' onClick={() => {}} /> | ||
</ThemeProvider> | ||
</React.Fragment> | ||
) | ||
``` |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
15295
28
289