polaris_tokens 1.2.0 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/dist/colors.android-colors.xml +61 -0
  4. data/dist/index.d.ts +46 -46
  5. data/package.json +2 -1
  6. metadata +3 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 9ec26083fc0b90cad2122942607ab84658f22b1b
4
- data.tar.gz: 2fd5843a70cf3110cddccc21013e3deb413a8b4a
3
+ metadata.gz: 4a1ca2fccb9919f477c8041fdc05b8899d1f0820
4
+ data.tar.gz: 6112841cf415ef1907dee10fcd42d5f8e8f22b48
5
5
  SHA512:
6
- metadata.gz: 94ced6b5ed95233f3b95992cabddf2f1a24b03aa3b82bb9465e1d46a6813d8e37b798f0d51120f7820a6133fc2a3ee8e3f1cbc4ae8abe8db2254a6ce87d09d9b
7
- data.tar.gz: 850c5ac28b16cae85a417a2f992e8c05b1f3e3705b90a90fcc467c1a7605e3811de5781f56aadaab5e0857c2a4627a7baecb85c219a8ea4f6274f3c8e464e38d
6
+ metadata.gz: 7ef0d83d10c19d96c415c98cc39f971763ae419c6ed45397429a445bcd0896dd745b5c58638413b034f432c666c4534b15ba07c7350bcb604a02d09c66150dbf
7
+ data.tar.gz: b5c250e070f8f7c83e932bef522fc7bca1c1b419aa180ae4617b0a24e5849f23e43dd1d0cf7cb63649c9505a3fcbec5bf477eb631f093c4e8fb1861cd64cbe65
data/README.md CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  <h3 align="center">Colors, spacing, typography for all platforms</h3>
6
6
 
7
- <p align="center"><em>JavaScript · JSON · CSS · SCSS · Sketch · macOS · Adobe Swatch</em></p>
7
+ <p align="center"><em>JavaScript · JSON · CSS · SCSS · Android · Sketch · macOS · Adobe Swatch</em></p>
8
8
 
9
9
  <div align="center" markdown="1">
10
10
 
data/dist/colors.android-colors.xml ADDED
@@ -0,0 +1,61 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <resources>
3
+ <color name="polaris_color_black_base">#ff000000</color>
4
+ <color name="polaris_color_blue_base">#ff007ace</color>
5
+ <color name="polaris_color_blue_dark">#ff084e8a</color>
6
+ <color name="polaris_color_blue_darker">#ff001429</color>
7
+ <color name="polaris_color_blue_light">#ffb4e1fa</color>
8
+ <color name="polaris_color_blue_lighter">#ffebf5fa</color>
9
+ <color name="polaris_color_blue_text">#ff3e4e57</color>
10
+ <color name="polaris_color_green_base">#ff50b83c</color>
11
+ <color name="polaris_color_green_dark">#ff108043</color>
12
+ <color name="polaris_color_green_darker">#ff173630</color>
13
+ <color name="polaris_color_green_light">#ffbbe5b3</color>
14
+ <color name="polaris_color_green_lighter">#ffe3f1df</color>
15
+ <color name="polaris_color_green_text">#ff414f3e</color>
16
+ <color name="polaris_color_indigo_base">#ff5c6ac4</color>
17
+ <color name="polaris_color_indigo_dark">#ff202e78</color>
18
+ <color name="polaris_color_indigo_darker">#ff000639</color>
19
+ <color name="polaris_color_indigo_light">#ffb3bcf5</color>
20
+ <color name="polaris_color_indigo_lighter">#fff4f5fa</color>
21
+ <color name="polaris_color_indigo_text">#ff3e4155</color>
22
+ <color name="polaris_color_ink_base">#ff212b36</color>
23
+ <color name="polaris_color_ink_light">#ff454f5b</color>
24
+ <color name="polaris_color_ink_lighter">#ff637381</color>
25
+ <color name="polaris_color_ink_lightest">#ff919eab</color>
26
+ <color name="polaris_color_orange_base">#fff49342</color>
27
+ <color name="polaris_color_orange_dark">#ffc05717</color>
28
+ <color name="polaris_color_orange_darker">#ff4a1504</color>
29
+ <color name="polaris_color_orange_light">#ffffc58b</color>
30
+ <color name="polaris_color_orange_lighter">#fffcebdb</color>
31
+ <color name="polaris_color_orange_text">#ff594430</color>
32
+ <color name="polaris_color_purple_base">#ff9c6ade</color>
33
+ <color name="polaris_color_purple_dark">#ff50248f</color>
34
+ <color name="polaris_color_purple_darker">#ff230051</color>
35
+ <color name="polaris_color_purple_light">#ffe3d0ff</color>
36
+ <color name="polaris_color_purple_lighter">#fff6f0fd</color>
37
+ <color name="polaris_color_purple_text">#ff50495a</color>
38
+ <color name="polaris_color_red_base">#ffde3618</color>
39
+ <color name="polaris_color_red_dark">#ffbf0711</color>
40
+ <color name="polaris_color_red_darker">#ff330101</color>
41
+ <color name="polaris_color_red_light">#fffead9a</color>
42
+ <color name="polaris_color_red_lighter">#fffbeae5</color>
43
+ <color name="polaris_color_red_text">#ff583c35</color>
44
+ <color name="polaris_color_sky_base">#ffdfe3e8</color>
45
+ <color name="polaris_color_sky_dark">#ffc4cdd5</color>
46
+ <color name="polaris_color_sky_light">#fff4f6f8</color>
47
+ <color name="polaris_color_sky_lighter">#fff9fafb</color>
48
+ <color name="polaris_color_teal_base">#ff47c1bf</color>
49
+ <color name="polaris_color_teal_dark">#ff00848e</color>
50
+ <color name="polaris_color_teal_darker">#ff003135</color>
51
+ <color name="polaris_color_teal_light">#ffb7ecec</color>
52
+ <color name="polaris_color_teal_lighter">#ffe0f5f5</color>
53
+ <color name="polaris_color_teal_text">#ff405352</color>
54
+ <color name="polaris_color_white_base">#ffffffff</color>
55
+ <color name="polaris_color_yellow_base">#ffeec200</color>
56
+ <color name="polaris_color_yellow_dark">#ff9c6f19</color>
57
+ <color name="polaris_color_yellow_darker">#ff573b00</color>
58
+ <color name="polaris_color_yellow_light">#ffffea8a</color>
59
+ <color name="polaris_color_yellow_lighter">#fffcf1cd</color>
60
+ <color name="polaris_color_yellow_text">#ff595130</color>
61
+ </resources>
data/dist/index.d.ts CHANGED
@@ -1,70 +1,70 @@
1
1
  declare interface Tokens {
2
- colorPurpleLighter: "rgb(246, 240, 253)";
3
- colorPurpleLight: "rgb(227, 208, 255)";
4
- colorPurpleBase: "rgb(156, 106, 222)";
5
- colorPurpleDark: "rgb(80, 36, 143)";
6
- colorPurpleDarker: "rgb(35, 0, 81)";
7
- colorPurpleText: "rgb(80, 73, 90)";
8
- colorIndigoLighter: "rgb(244, 245, 250)";
9
- colorIndigoLight: "rgb(179, 188, 245)";
10
- colorIndigoBase: "rgb(92, 106, 196)";
11
- colorIndigoDark: "rgb(32, 46, 120)";
12
- colorIndigoDarker: "rgb(0, 6, 57)";
13
- colorIndigoText: "rgb(62, 65, 85)";
14
- colorBlueLighter: "rgb(235, 245, 250)";
15
- colorBlueLight: "rgb(180, 225, 250)";
2
+ colorBlackBase: "rgb(0, 0, 0)";
16
3
  colorBlueBase: "rgb(0, 122, 206)";
17
4
  colorBlueDark: "rgb(8, 78, 138)";
18
5
  colorBlueDarker: "rgb(0, 20, 41)";
6
+ colorBlueLight: "rgb(180, 225, 250)";
7
+ colorBlueLighter: "rgb(235, 245, 250)";
19
8
  colorBlueText: "rgb(62, 78, 87)";
20
- colorTealLighter: "rgb(224, 245, 245)";
21
- colorTealLight: "rgb(183, 236, 236)";
22
- colorTealBase: "rgb(71, 193, 191)";
23
- colorTealDark: "rgb(0, 132, 142)";
24
- colorTealDarker: "rgb(0, 49, 53)";
25
- colorTealText: "rgb(64, 83, 82)";
26
- colorGreenLighter: "rgb(227, 241, 223)";
27
- colorGreenLight: "rgb(187, 229, 179)";
28
9
  colorGreenBase: "rgb(80, 184, 60)";
29
10
  colorGreenDark: "rgb(16, 128, 67)";
30
11
  colorGreenDarker: "rgb(23, 54, 48)";
12
+ colorGreenLight: "rgb(187, 229, 179)";
13
+ colorGreenLighter: "rgb(227, 241, 223)";
31
14
  colorGreenText: "rgb(65, 79, 62)";
32
- colorYellowLighter: "rgb(252, 241, 205)";
33
- colorYellowLight: "rgb(255, 234, 138)";
34
- colorYellowBase: "rgb(238, 194, 0)";
35
- colorYellowDark: "rgb(156, 111, 25)";
36
- colorYellowDarker: "rgb(87, 59, 0)";
37
- colorYellowText: "rgb(89, 81, 48)";
38
- colorOrangeLighter: "rgb(252, 235, 219)";
39
- colorOrangeLight: "rgb(255, 197, 139)";
15
+ colorIndigoBase: "rgb(92, 106, 196)";
16
+ colorIndigoDark: "rgb(32, 46, 120)";
17
+ colorIndigoDarker: "rgb(0, 6, 57)";
18
+ colorIndigoLight: "rgb(179, 188, 245)";
19
+ colorIndigoLighter: "rgb(244, 245, 250)";
20
+ colorIndigoText: "rgb(62, 65, 85)";
21
+ colorInkBase: "rgb(33, 43, 54)";
22
+ colorInkLight: "rgb(69, 79, 91)";
23
+ colorInkLighter: "rgb(99, 115, 129)";
24
+ colorInkLightest: "rgb(145, 158, 171)";
40
25
  colorOrangeBase: "rgb(244, 147, 66)";
41
26
  colorOrangeDark: "rgb(192, 87, 23)";
42
27
  colorOrangeDarker: "rgb(74, 21, 4)";
28
+ colorOrangeLight: "rgb(255, 197, 139)";
29
+ colorOrangeLighter: "rgb(252, 235, 219)";
43
30
  colorOrangeText: "rgb(89, 68, 48)";
44
- colorRedLighter: "rgb(251, 234, 229)";
45
- colorRedLight: "rgb(254, 173, 154)";
31
+ colorPurpleBase: "rgb(156, 106, 222)";
32
+ colorPurpleDark: "rgb(80, 36, 143)";
33
+ colorPurpleDarker: "rgb(35, 0, 81)";
34
+ colorPurpleLight: "rgb(227, 208, 255)";
35
+ colorPurpleLighter: "rgb(246, 240, 253)";
36
+ colorPurpleText: "rgb(80, 73, 90)";
46
37
  colorRedBase: "rgb(222, 54, 24)";
47
38
  colorRedDark: "rgb(191, 7, 17)";
48
39
  colorRedDarker: "rgb(51, 1, 1)";
40
+ colorRedLight: "rgb(254, 173, 154)";
41
+ colorRedLighter: "rgb(251, 234, 229)";
49
42
  colorRedText: "rgb(88, 60, 53)";
50
- colorWhiteBase: "rgb(255, 255, 255)";
51
- colorSkyLighter: "rgb(249, 250, 251)";
52
- colorSkyLight: "rgb(244, 246, 248)";
53
43
  colorSkyBase: "rgb(223, 227, 232)";
54
44
  colorSkyDark: "rgb(196, 205, 213)";
55
- colorInkLightest: "rgb(145, 158, 171)";
56
- colorInkLighter: "rgb(99, 115, 129)";
57
- colorInkLight: "rgb(69, 79, 91)";
58
- colorInkBase: "rgb(33, 43, 54)";
59
- colorBlackBase: "rgb(0, 0, 0)";
60
- spacingNone: 0;
61
- spacingExtraTight: "4px";
62
- spacingTight: "8px";
63
- spacingBase: "16px";
64
- spacingLoose: "20px";
65
- spacingExtraLoose: "32px";
45
+ colorSkyLight: "rgb(244, 246, 248)";
46
+ colorSkyLighter: "rgb(249, 250, 251)";
47
+ colorTealBase: "rgb(71, 193, 191)";
48
+ colorTealDark: "rgb(0, 132, 142)";
49
+ colorTealDarker: "rgb(0, 49, 53)";
50
+ colorTealLight: "rgb(183, 236, 236)";
51
+ colorTealLighter: "rgb(224, 245, 245)";
52
+ colorTealText: "rgb(64, 83, 82)";
53
+ colorWhiteBase: "rgb(255, 255, 255)";
54
+ colorYellowBase: "rgb(238, 194, 0)";
55
+ colorYellowDark: "rgb(156, 111, 25)";
56
+ colorYellowDarker: "rgb(87, 59, 0)";
57
+ colorYellowLight: "rgb(255, 234, 138)";
58
+ colorYellowLighter: "rgb(252, 241, 205)";
59
+ colorYellowText: "rgb(89, 81, 48)";
66
60
  fontStackBase: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
67
61
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace";
62
+ spacingBase: "16px";
63
+ spacingExtraLoose: "32px";
64
+ spacingExtraTight: "4px";
65
+ spacingLoose: "20px";
66
+ spacingNone: 0;
67
+ spacingTight: "8px";
68
68
  }
69
69
  declare let tokens: Tokens;
70
70
  export = tokens;
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shopify/polaris-tokens",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "description": "Design Tokens for the Polaris Design System",
5
5
  "main": "index.js",
6
6
  "types": "dist/index.d.ts",
@@ -92,6 +92,7 @@
92
92
  "run-sequence": "^2.2.1",
93
93
  "theo": "^7.0.1",
94
94
  "tinycolor2": "^1.4.1",
95
+ "xml": "^1.0.1",
95
96
  "yaml-lint": "^1.2.3"
96
97
  }
97
98
  }
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.2.0
4
+ version: 1.3.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-05-30 00:00:00.000000000 Z
11
+ date: 2018-06-29 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Design Tokens for the Polaris Design System
14
14
  email:
@@ -22,6 +22,7 @@ files:
22
22
  - dist/Polaris.ase
23
23
  - dist/Polaris.clr
24
24
  - dist/Polaris.sketchpalette
25
+ - dist/colors.android-colors.xml
25
26
  - dist/colors.ase.json
26
27
  - dist/colors.color-map.scss
27
28
  - dist/colors.common.js