polaris_tokens 1.1.0.pre.beta.7 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +26 -2
- data/package.json +1 -1
- metadata +4 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b14464d068a6602d40459f6b530e95eca1baca11
|
|
4
|
+
data.tar.gz: 1d130ed7333bab11f97a0b0f5d79f620a6a7039d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3e8fb19dada0fe237514a81440ee08cf666649330c8c94eceaacd007a0016c83a9eef7bb3e221ccf3e89ed65463a1b17a477687e6fdde4aafb39dac47775f4ca
|
|
7
|
+
data.tar.gz: 6ab10a2208f94d393c604a4df1db5a79771809fae77835687f0ed80066f5301eab02b7874c75f1326afa13f52ef9ea58c17f9a15e1e0f3793fc4737a443389a4
|
data/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
<h1 align="center">Polaris design tokens</h1>
|
|
2
2
|
|
|
3
|
+
<img src="https://user-images.githubusercontent.com/85783/39013335-ebf76f5e-43cb-11e8-81f2-706259125897.png" alt="" align="center" />
|
|
4
|
+
|
|
3
5
|
<h3 align="center">Colors, spacing, typography for all platforms</h3>
|
|
4
6
|
|
|
5
7
|
<p align="center"><em>JavaScript · JSON · CSS · SCSS · Sketch · macOS · Adobe Swatch</em></p>
|
|
@@ -20,9 +22,11 @@ Design tokens originated at Salesforce, and the best way to describe them is to
|
|
|
20
22
|
|
|
21
23
|
## Installation
|
|
22
24
|
|
|
23
|
-
Polaris design tokens are available on [npm](https://www.npmjs.com/) as
|
|
25
|
+
Polaris design tokens are available as both a npm package (`@shopify/polaris-tokens`) on [npm](https://www.npmjs.com/), and as a Ruby gem (`polaris_tokens`) on [RubyGems](https://rubygems.org/).
|
|
26
|
+
|
|
27
|
+
The recommended way to use and install design tokens may vary depending on your project; the most common are documented below.
|
|
24
28
|
|
|
25
|
-
|
|
29
|
+
### JavaScript package installation
|
|
26
30
|
|
|
27
31
|
Using [npm](https://www.npmjs.com/):
|
|
28
32
|
|
|
@@ -36,6 +40,15 @@ Using [yarn](https://yarnpkg.com/en/):
|
|
|
36
40
|
yarn add @shopify/polaris-tokens
|
|
37
41
|
```
|
|
38
42
|
|
|
43
|
+
### Ruby on Rails installation
|
|
44
|
+
|
|
45
|
+
Add `polaris_tokens` to your `Gemfile`:
|
|
46
|
+
|
|
47
|
+
```sh
|
|
48
|
+
$ echo "gem 'polaris_tokens'" >> Gemfile
|
|
49
|
+
$ bundle install
|
|
50
|
+
```
|
|
51
|
+
|
|
39
52
|
## Usage
|
|
40
53
|
|
|
41
54
|
Find all available tokens in the [design tokens documentation](https://shopify.github.io/polaris-tokens/).
|
|
@@ -96,6 +109,17 @@ a {
|
|
|
96
109
|
}
|
|
97
110
|
```
|
|
98
111
|
|
|
112
|
+
### Rails
|
|
113
|
+
|
|
114
|
+
Token files are added to the assets pipeline. In JSON, design token names are formatted in [kebab-case](http://wiki.c2.com/?KebabCase).
|
|
115
|
+
|
|
116
|
+
```ruby
|
|
117
|
+
require 'json'
|
|
118
|
+
polaris_token_file = Rails.application.assets_manifest.find_sources('colors.json').first
|
|
119
|
+
polaris_colors = JSON.parse(polaris_token_file)
|
|
120
|
+
polaris_colors['color-blue-lighter'] # "rgb(235, 245, 250)"
|
|
121
|
+
```
|
|
122
|
+
|
|
99
123
|
---
|
|
100
124
|
|
|
101
125
|
## Contributing
|
data/package.json
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: polaris_tokens
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.1.0
|
|
4
|
+
version: 1.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Shopify
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-04-
|
|
11
|
+
date: 2018-04-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description: Design Tokens for the Polaris Design System
|
|
14
14
|
email:
|
|
@@ -71,9 +71,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
71
71
|
version: 2.4.0
|
|
72
72
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
73
73
|
requirements:
|
|
74
|
-
- - "
|
|
74
|
+
- - ">="
|
|
75
75
|
- !ruby/object:Gem::Version
|
|
76
|
-
version:
|
|
76
|
+
version: '0'
|
|
77
77
|
requirements: []
|
|
78
78
|
rubyforge_project:
|
|
79
79
|
rubygems_version: 2.6.14
|