1.3.5 • Published 4 years ago
@sendgrid/design-primitives v1.3.5
SendGrid Design Primitives
Global design primitives/tokens to be used across SendGrid's products, stored as json data.
Packages
Current Usage
This package is currently being used for Style Guide and SendGrid.design.
Installation
npm install @sendgrid/design-primitives --save
Usage
Sass:
@import '@sendgrid/design-primitives/tokens/sg-style-guide/scss/base.scss';
.my-selector {
color: $color-slate-20;
}
CSS:
@import '@sendgrid/design-primitives/tokens/sg-style-guide/css/base.css';
.my-selector {
color: var(--color-slate-20);
}
JavaScript (ES6):
// Individual tokens
import { colfax } from '@sendgrid/design-primitives/tokens/sg-style-guide/es6/base.es6';
console.log(colfax);
// Token category
import { colors } from '@sendgrid/design-primitives/tokens/sg-style-guide/es6/base.es6';
console.log(colors.colorCodePurple);
// All tokens
import * as tokens from '@sendgrid/design-primitives/tokens/sg-style-guide/es6/base.es6';
JavaScript (CommonJS):
// Individual tokens
import { colfax } from '@sendgrid/design-primitives/tokens/sg-style-guide/common/base.common';
console.log(colfax);
// Token category
import { colors } from '@sendgrid/design-primitives/tokens/sg-style-guide/common/base.common';
console.log(colors.colorCodePurple);
// All tokens
import * as tokens from '@sendgrid/design-primitives/tokens/sg-style-guide/common/base.common';
1.3.5
4 years ago
1.3.4
5 years ago
1.3.3
5 years ago
1.3.2
5 years ago
1.3.1
5 years ago
1.3.0
5 years ago
1.3.0-beta.3
5 years ago
1.3.0-beta.2
5 years ago
1.3.0-beta.1
5 years ago
1.3.0-beta.0
5 years ago
1.2.2
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.0
6 years ago