Socket
Socket
Sign inDemoInstall

@ausbom/styles

Package Overview
Dependencies
Maintainers
5
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ausbom/styles - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

README.md

13

docs/styles.md

@@ -14,2 +14,3 @@ ---

<!-- Readme -->
### Installation

@@ -26,4 +27,4 @@

```
<!-- EndReadme -->
### ThemeProvider Properties

@@ -56,11 +57,6 @@

```jsx
import Button from '@ausbom/button'
import { palette, ThemeProvider } from '@ausbom/styles'
import React from 'react'
import styled from 'styled-components'
import { ThemeProvider, palette } from '@ausbom/styles'
import Button from '@ausbom/button'
const StyledButton = styled(Button)`
background-color: ${palette.primary.bomBrightBlue}
`
const ThemeProviderDemo: React.StatelessComponent<any> = () => (

@@ -76,3 +72,2 @@ <React.Fragment>

<Button text='Theme Color' onClick={() => {}} />
<StyledButton text='Override Theme Color' onClick={() => {}} />
</ThemeProvider>

@@ -79,0 +74,0 @@ </React.Fragment>

@@ -1,1 +0,1 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;/* tslint:disable: object-literal-sort-keys */var palette={primary:{bomNavy:"#003c71",bomBrightBlue:"#1871e4",bomLightCyan:"#41cee9"},secondary:{bomBlack:"#191e50",betaGreen:"#007f69"},neutral:{black:"#000000",lightBlack:"#555555",darkGrey:"#878787",mediumGrey:"#cccccc",lightGrey:"#e7e7e7",offWhite:"#f5f5f5",coldWhite:"#f9f9fa",white:"#ffffff"},system:{error1:"#ff3f41",error2:"#fadfdf",failure1:"#f0a000",failure2:"#fbe6d9",information1:"#6780ff",information2:"#d5dbf9",success1:"#50b83c",success2:"#d2edcd",focus1:"#41Cee9",focus2:"#f9f9fa"},data:{darkRain:"#046eaf",lightRain:"#5eb4e9",warning:"#ffbe00"}/* tslint:enable: object-literal-sort-keys */};var _default=palette;exports["default"]=_default;
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;/* tslint:disable: object-literal-sort-keys */var palette={primary:{bomNavy:"#003c71",bomBrightBlue:"#1871e4",bomLightCyan:"#41cee9"},secondary:{bomBlack:"#191e50",betaGreen:"#007f69"},neutral:{black:"#000000",lightBlack:"#555555",darkGrey:"#878787",mediumGrey:"#cccccc",lightGrey:"#e7e7e7",offWhite:"#f5f5f5",coldWhite:"#f9f9fa",white:"#ffffff"},system:{error1:"#ff3f41",error2:"#fadfdf",failure1:"#f0a000",failure2:"#fbe6d9",information1:"#6780ff",information2:"#d5dbf9",success1:"#50b83c",success2:"#d2edcd",focus1:"#1871e4",focus2:"#f9f9fa"},data:{darkRain:"#046eaf",lightRain:"#5eb4e9",warning:"#ffbe00"}/* tslint:enable: object-literal-sort-keys */};var _default=palette;exports["default"]=_default;
{
"name": "@ausbom/styles",
"version": "0.2.0",
"version": "0.2.1",
"description": "",
"keywords": [],
"author": "",
"homepage": "https://github.com/AusBOM/bom-design-system#readme",
"homepage": "https://beta.design.bom.gov.au/components/styles",
"license": "MIT",

@@ -21,2 +21,3 @@ "main": "lib/index.js",

"build:watch": "npm run build -- --copy-files --watch",
"build:readme": "../generate-readme.sh",
"postbuild": "cp -r ./src/*.d.* ./lib"

@@ -36,3 +37,3 @@ },

},
"gitHead": "157d7e97a2aa1a6975c591759c3c24f3ccfb4476"
"gitHead": "a963b325781acabf7da89ec2fa49c85cdee66bad"
}

@@ -33,3 +33,3 @@ import { Palette } from './palette.d'

success2: '#d2edcd',
focus1: '#41Cee9',
focus1: '#1871e4',
focus2: '#f9f9fa',

@@ -36,0 +36,0 @@ },

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc