Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@esri/calcite-colors

Package Overview
Dependencies
Maintainers
38
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@esri/calcite-colors - npm Package Compare versions

Comparing version 4.0.0 to 4.0.1

4

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log

## 4.0.1 - 2020-10-14
- Update readme documentation.
## 4.0.0 - 2020-10-13

@@ -8,0 +12,0 @@

2

package.json
{
"name": "@esri/calcite-colors",
"version": "4.0.0",
"version": "4.0.1",
"description": "Authoritative color variables for Esri",

@@ -5,0 +5,0 @@ "private": false,

@@ -23,3 +23,3 @@ # Calcite Colors

```scss
@import "@esri/calcite-colors/colors.scss";
@import "@esri/calcite-colors/src/colors.scss";

@@ -48,11 +48,7 @@ :root {

```js
import colors from "@esri/calcite-colors/dist/colors.js";
import { Colors } from "@esri/calcite-colors/dist/colors";
console.log(colors["ui-blue"]); // => "#007ac2"
console.log(Colors["ui-blue"]); // => "#007ac2"
```
## JSON file
A simple JSON file is also included in the `dist` directory `colors.json`. This file includes a simple object containing every color of the palette as key value pairs.
## UI Colors

@@ -64,3 +60,3 @@

Colors for charts can be found in the `dist/chart` folder. Here you will find `colors.json` JSON file and `colors.js` JavaScript file. These files can be used to import colors for charting libraries.
Colors for charts are included as well. These can be used to import colors for charting libraries.

@@ -73,3 +69,3 @@ ## Colors naming anatomy

To run a build run `npm run build` within a terminal at the project's root directory. This will compile the Typescript files into JavaScript and JSON files.
To run a build run `npm run build` within a terminal at the project's root directory. This will compile the Typescript files into JavaScript modules.

@@ -76,0 +72,0 @@ **Make sure to run `npm install` has been run before the first time building**

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