@operational/theme
Advanced tools
Comparing version 0.1.0-10 to 0.1.0-11
{ | ||
"name": "@operational/theme", | ||
"version": "0.1.0-10", | ||
"version": "0.1.0-11", | ||
"description": "Customization theme for the Operational UI packages.", | ||
@@ -5,0 +5,0 @@ "main": "./lib/index.js", |
# Operational UI Theme | ||
The `@operational/theme` package is basically a structured plain JavaScript object that other `@operational` packages consume to customize their styling. | ||
<!-- separator --> | ||
The `@operational/theme` package defines a set of styling constants in the form of a plain JavaScript object that other `@operational` packages consume to customize their styling. | ||
## Getting Started | ||
@@ -9,3 +11,3 @@ | ||
`npm install @operational/theme @operational/components` | ||
`npm install @operational/theme` | ||
@@ -15,6 +17,4 @@ Inspect and customize the theme object: | ||
```js | ||
import { operationalTheme } from "@operational/theme" | ||
import { operational } from "@operational/theme" | ||
console.log(operationalTheme) | ||
const ownTheme = { | ||
@@ -24,2 +24,3 @@ ...operationalTheme, | ||
...operationalTheme.colors, | ||
// Redefine the success color to a basic green | ||
success: "#0F0" | ||
@@ -32,10 +33,12 @@ } | ||
`npm install @operational/components` | ||
```js | ||
import React from "react" | ||
import { Button, ThemeProvider } from "@operational/components" | ||
import { OperationalUI, Button, ThemeProvider } from "@operational/components" | ||
const App = () => { | ||
<ThemeProvider theme={ownTheme}> | ||
<OperationalUI theme={ownTheme}> | ||
<Button color="success">So much success</Button> | ||
</ThemeProvider> | ||
</OperationalUI> | ||
} | ||
@@ -46,2 +49,4 @@ ``` | ||
<!-- separator --> | ||
## Documentation | ||
@@ -48,0 +53,0 @@ |
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
14072
51