Socket
Socket
Sign inDemoInstall

@khanacademy/wonder-blocks-color

Package Overview
Dependencies
Maintainers
1
Versions
52
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@khanacademy/wonder-blocks-color - npm Package Compare versions

Comparing version 0.0.7 to 1.0.0

__snapshots__/generated-snapshot.test.js.snap

42

index.js
// @flow
import {mix, fade} from "./utils.js";
const offBlack = "#21242c";
const white = "#ffffff";
const Color = {
// Product
blue: "#1865F2",
green: "#30BF3C",
gold: "#FFB100",
red: "#D92916",
blue: "#1865f2",
purple: "#9059ff",
green: "#00a60e",
gold: "#ffb100",
red: "#d92916",
// Neutral
offBlack: "#21242C",
offWhite: "#F7F8FA",
white: "#FFFFFF",
offBlack,
offBlack64: fade(offBlack, 0.64),
offBlack50: fade(offBlack, 0.5),
offBlack32: fade(offBlack, 0.32),
offBlack16: fade(offBlack, 0.16),
offBlack8: fade(offBlack, 0.08),
offWhite: "#f7f8fa",
white,
white64: fade(white, 0.64),
// Brand
darkBlue: "#044760",
lightBlue: "#37C5FD",
pink: "#FA50AE",
salmon: "#FD6C6E",
darkBlue: "#0a2a66",
teal: "#00e5ae",
lightBlue: "#37c5fd",
pink: "#fa50ae",
};
export {Color as default};
const SemanticColor = {
controlDefault: Color.blue,
controlDestructive: Color.red,
};
export {Color as default, SemanticColor, mix, fade};
{
"name": "@khanacademy/wonder-blocks-color",
"version": "0.0.7",
"version": "1.0.0",
"design": "v2",
"publishConfig": {
"access": "public"
},
"description": "",
"main": "index.js",
"main": "dist/index.js",
"source": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": {
"name": "Khan Academy",
"email": "opensource+npm@khanacademy.com"
"devDependencies": {
"@khanacademy/wonder-blocks-core": "^1.0.0",
"@khanacademy/wonder-blocks-typography": "^1.0.0"
},
"author": "",
"license": "MIT"
}
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