Socket
Socket
Sign inDemoInstall

@wedgekit/color

Package Overview
Dependencies
0
Maintainers
18
Versions
28
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@wedgekit/color

## Purpose


Version published
Maintainers
18
Weekly downloads
106
increased by55.88%

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

Last updated on 18 Feb 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc