Socket
Socket
Sign inDemoInstall

@sendgrid/design-primitives

Package Overview
Dependencies
Maintainers
20
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@sendgrid/design-primitives - npm Package Compare versions

Comparing version 1.3.0-beta.1 to 1.3.0-beta.2

packages/sg-dot-com/components/border.json

9

CHANGELOG.md

@@ -8,5 +8,12 @@ # Changelog

## [Unreleased]
### [1.3.0-beta.2] - 2019-05-08
#### Added
- Sg-dot-com border tokens.
- Sg-dot-com box-shadow tokens.
- Sg-dot-com row tokens.
### [1.3.0-beta.1] - 2019-05-08
#### Added
- z-index tokens.
- Utilies z-index tokens.

@@ -13,0 +20,0 @@ ### [1.3.0-beta.0] - 2019-05-03

2

package.json
{
"name": "@sendgrid/design-primitives",
"version": "1.3.0-beta.1",
"version": "1.3.0-beta.2",
"description": "SendGrid design primitives",

@@ -5,0 +5,0 @@ "repository": "https://github.com/sendgrid/design-primitives",

@@ -5,3 +5,6 @@ {

"../utilities/font-weight.json",
"./components/border.json",
"./components/box-shadow.json",
"../utilities/breakpoint.json",
"./components/row.json",
"./components/scale.json",

@@ -8,0 +11,0 @@ "../utilities/spacing.json",

@@ -6,2 +6,9 @@ /*

*/
export const borderLarge = "6px";
export const borderMedium = "4px";
export const borderRadius = "3px";
export const borderSmall = "2px";
export const boxShadowButtons = "0 2px 4px 0 #c8d7ee";
export const boxShadowLarge = "0 20px 32px -8px #ebf2ff, 0 0 1px 0 #a8b9d5";
export const boxShadowSmall = "0 7px 11px -4px rgba(0, 23, 62, 0.2), 0 0 1px 0 #a8b9d5";
export const breakpointDesktop = "1280px";

@@ -77,2 +84,6 @@ export const breakpointMobile = "768px";

export const fontWeightNormal = "400";
export const rowLarge = "1280px";
export const rowMedium = "880px";
export const rowSmall = "672px";
export const rowXsmall = "392px";
export const scaleBase = "16px";

@@ -110,2 +121,13 @@ export const scaleDown01 = "14px";

export const zIndex10 = "1000";
export const border = {
borderLarge,
borderMedium,
borderRadius,
borderSmall,
};
export const boxShadow = {
boxShadowButtons,
boxShadowLarge,
boxShadowSmall,
};
export const breakpoint = {

@@ -187,2 +209,8 @@ breakpointDesktop,

};
export const row = {
rowLarge,
rowMedium,
rowSmall,
rowXsmall,
};
export const scale = {

@@ -189,0 +217,0 @@ scaleBase,

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