Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

@wedgekit/color

Package Overview
Dependencies
0
Maintainers
18
Versions
26
Issues
File Explorer

Advanced tools

@wedgekit/color

## Purpose

    4.5.3latest

Version published
Maintainers
18
Yearly downloads
10,477
decreased by-9.8%

Weekly downloads

Readme

Source

Color

Purpose

The color package allows users to generate colors approved by the design system.

The default export of @wedgekit/color is an object in which each key is a ColorTag and each value is a color represented in hex.

Usage

import styled from 'styled-components'; import color from '@wedgekit/color'; const ColorSwatch = styled.div` height: 90px; width: 90px; background: ${color.G700}; `; const Example = () => <ColorSwatch />; render(<Example />);

ColorTag

A ColorTag is a string that combines a color family abbreviation (i.e. Blue -> B) and three digit number indicating a color in that family. As a rule, higher numbers are darker. For example:

color.N700 is black.

color.N050 is white.

Further reading on avaliable colors avaliable here

Usage

import { ColorTag } from '@wedgekit/color';

Other Exports

contextualize

getContrastColors

hexToRGBA

FAQs

What is @wedgekit&#x2F;color?

## Purpose

Is @wedgekit&#x2F;color popular?

The npm package @wedgekit&#x2F;color receives a total of 161 weekly downloads. As such, @wedgekit&#x2F;color popularity was classified as not popular.

Is @wedgekit&#x2F;color well maintained?

We found that @wedgekit&#x2F;color demonstrated a healthy version release cadence and project activity. It has 18 open source maintainers collaborating on the project.

Last updated on 18 Feb 2022
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc