polaris_tokens_plus 2.5.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +19 -0
  3. data/README.md +206 -0
  4. data/dist/Polaris.ase +0 -0
  5. data/dist/Polaris.clr +0 -0
  6. data/dist/Polaris.sketchpalette +402 -0
  7. data/dist/color-filters.color-map.scss +140 -0
  8. data/dist/color-filters.common.js +116 -0
  9. data/dist/color-filters.custom-properties.css +116 -0
  10. data/dist/color-filters.json +60 -0
  11. data/dist/color-filters.map.scss +232 -0
  12. data/dist/color-filters.raw.json +586 -0
  13. data/dist/color-filters.scss +114 -0
  14. data/dist/colors.android.xml +61 -0
  15. data/dist/colors.ase.json +344 -0
  16. data/dist/colors.color-map.scss +84 -0
  17. data/dist/colors.common.js +60 -0
  18. data/dist/colors.custom-properties.css +60 -0
  19. data/dist/colors.json +60 -0
  20. data/dist/colors.map.scss +176 -0
  21. data/dist/colors.raw.json +586 -0
  22. data/dist/colors.scss +58 -0
  23. data/dist/duration.common.js +8 -0
  24. data/dist/duration.custom-properties.css +8 -0
  25. data/dist/duration.json +8 -0
  26. data/dist/duration.map.scss +20 -0
  27. data/dist/duration.raw.json +47 -0
  28. data/dist/duration.scss +6 -0
  29. data/dist/index.common.js +76 -0
  30. data/dist/index.custom-properties.css +76 -0
  31. data/dist/index.d.ts +77 -0
  32. data/dist/index.json +75 -0
  33. data/dist/index.map.scss +230 -0
  34. data/dist/index.raw.json +691 -0
  35. data/dist/index.scss +74 -0
  36. data/dist/spacing.common.js +9 -0
  37. data/dist/spacing.custom-properties.css +9 -0
  38. data/dist/spacing.json +9 -0
  39. data/dist/spacing.map.scss +23 -0
  40. data/dist/spacing.raw.json +54 -0
  41. data/dist/spacing.scss +7 -0
  42. data/dist/spacing.spacing-map.scss +9 -0
  43. data/dist/typography.common.js +5 -0
  44. data/dist/typography.custom-properties.css +5 -0
  45. data/dist/typography.json +4 -0
  46. data/dist/typography.map.scss +17 -0
  47. data/dist/typography.raw.json +19 -0
  48. data/dist/typography.scss +3 -0
  49. data/index.js +1 -0
  50. data/lib/polaris_tokens.rb +7 -0
  51. data/lib/polaris_tokens/rails/engine.rb +9 -0
  52. data/lib/polaris_tokens/version.rb +10 -0
  53. data/package.json +86 -0
  54. metadata +99 -0
@@ -0,0 +1,74 @@
1
+ $color-purple-text: rgb(80, 73, 90);
2
+ $color-purple-darker: rgb(35, 0, 81);
3
+ $color-purple-dark: rgb(80, 36, 143);
4
+ $color-purple: rgb(156, 106, 222);
5
+ $color-purple-light: rgb(227, 208, 255);
6
+ $color-purple-lighter: rgb(246, 240, 253);
7
+ $color-indigo-text: rgb(62, 65, 85);
8
+ $color-indigo-darker: rgb(0, 6, 57);
9
+ $color-indigo-dark: rgb(32, 46, 120);
10
+ $color-indigo: rgb(18, 56, 191);
11
+ $color-indigo-light: rgb(179, 188, 245);
12
+ $color-indigo-lighter: rgb(244, 245, 250);
13
+ $color-blue-text: rgb(62, 78, 87);
14
+ $color-blue-darker: rgb(0, 20, 41);
15
+ $color-blue-dark: rgb(8, 78, 138);
16
+ $color-blue: rgb(0, 122, 206);
17
+ $color-blue-light: rgb(180, 225, 250);
18
+ $color-blue-lighter: rgb(235, 245, 250);
19
+ $color-teal-text: rgb(64, 83, 82);
20
+ $color-teal-darker: rgb(0, 49, 53);
21
+ $color-teal-dark: rgb(0, 132, 142);
22
+ $color-teal: rgb(71, 193, 191);
23
+ $color-teal-light: rgb(183, 236, 236);
24
+ $color-teal-lighter: rgb(224, 245, 245);
25
+ $color-green-text: rgb(65, 79, 62);
26
+ $color-green-darker: rgb(23, 54, 48);
27
+ $color-green-dark: rgb(16, 128, 67);
28
+ $color-green: rgb(80, 184, 60);
29
+ $color-green-light: rgb(187, 229, 179);
30
+ $color-green-lighter: rgb(227, 241, 223);
31
+ $color-yellow-text: rgb(89, 81, 48);
32
+ $color-yellow-darker: rgb(87, 59, 0);
33
+ $color-yellow-dark: rgb(138, 97, 22);
34
+ $color-yellow: rgb(238, 194, 0);
35
+ $color-yellow-light: rgb(255, 234, 138);
36
+ $color-yellow-lighter: rgb(252, 241, 205);
37
+ $color-orange-text: rgb(89, 68, 48);
38
+ $color-orange-darker: rgb(74, 21, 4);
39
+ $color-orange-dark: rgb(192, 87, 23);
40
+ $color-orange: rgb(244, 147, 66);
41
+ $color-orange-light: rgb(255, 197, 139);
42
+ $color-orange-lighter: rgb(252, 235, 219);
43
+ $color-red-text: rgb(88, 60, 53);
44
+ $color-red-darker: rgb(51, 1, 1);
45
+ $color-red-dark: rgb(191, 7, 17);
46
+ $color-red: rgb(222, 54, 24);
47
+ $color-red-light: rgb(254, 173, 154);
48
+ $color-red-lighter: rgb(251, 234, 229);
49
+ $color-ink: rgb(33, 43, 54);
50
+ $color-ink-light: rgb(69, 79, 91);
51
+ $color-ink-lighter: rgb(99, 115, 129);
52
+ $color-ink-lightest: rgb(145, 158, 171);
53
+ $color-sky-dark: rgb(196, 205, 213);
54
+ $color-sky: rgb(223, 227, 232);
55
+ $color-sky-light: rgb(244, 246, 248);
56
+ $color-sky-lighter: rgb(249, 250, 251);
57
+ $color-black: rgb(0, 0, 0);
58
+ $color-white: rgb(255, 255, 255);
59
+ $duration-none: 0;
60
+ $duration-fast: 100ms;
61
+ $duration-base: 200ms;
62
+ $duration-slow: 300ms;
63
+ $duration-slower: 400ms;
64
+ $duration-slowest: 500ms;
65
+ $spacing-none: 0;
66
+ $spacing-extra-tight: 4px;
67
+ $spacing-tight: 8px;
68
+ $spacing-base-tight: 12px;
69
+ $spacing-base: 16px;
70
+ $spacing-loose: 20px;
71
+ $spacing-extra-loose: 32px;
72
+ $font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
73
+ 'Segoe UI', 'Helvetica Neue', sans-serif;
74
+ $font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
@@ -0,0 +1,9 @@
1
+ module.exports = {
2
+ spacingNone: 0,
3
+ spacingExtraTight: '4px',
4
+ spacingTight: '8px',
5
+ spacingBaseTight: '12px',
6
+ spacingBase: '16px',
7
+ spacingLoose: '20px',
8
+ spacingExtraLoose: '32px',
9
+ };
@@ -0,0 +1,9 @@
1
+ :root {
2
+ --spacing-none: 0;
3
+ --spacing-extra-tight: 4px;
4
+ --spacing-tight: 8px;
5
+ --spacing-base-tight: 12px;
6
+ --spacing-base: 16px;
7
+ --spacing-loose: 20px;
8
+ --spacing-extra-loose: 32px;
9
+ }
@@ -0,0 +1,9 @@
1
+ {
2
+ "spacing-none": 0,
3
+ "spacing-extra-tight": "4px",
4
+ "spacing-tight": "8px",
5
+ "spacing-base-tight": "12px",
6
+ "spacing-base": "16px",
7
+ "spacing-loose": "20px",
8
+ "spacing-extra-loose": "32px"
9
+ }
@@ -0,0 +1,23 @@
1
+ $polaris-spacing-map: (
2
+ 'spacing-none': (
3
+ 0,
4
+ ),
5
+ 'spacing-extra-tight': (
6
+ 4px,
7
+ ),
8
+ 'spacing-tight': (
9
+ 8px,
10
+ ),
11
+ 'spacing-base-tight': (
12
+ 12px,
13
+ ),
14
+ 'spacing-base': (
15
+ 16px,
16
+ ),
17
+ 'spacing-loose': (
18
+ 20px,
19
+ ),
20
+ 'spacing-extra-loose': (
21
+ 32px,
22
+ ),
23
+ );
@@ -0,0 +1,54 @@
1
+ {
2
+ "aliases": {},
3
+ "props": {
4
+ "spacing-none": {
5
+ "type": "number",
6
+ "category": "spacing",
7
+ "name": "spacing-none",
8
+ "value": 0,
9
+ "originalValue": 0
10
+ },
11
+ "spacing-extra-tight": {
12
+ "type": "number",
13
+ "category": "spacing",
14
+ "name": "spacing-extra-tight",
15
+ "value": "4px",
16
+ "originalValue": "4px"
17
+ },
18
+ "spacing-tight": {
19
+ "type": "number",
20
+ "category": "spacing",
21
+ "name": "spacing-tight",
22
+ "value": "8px",
23
+ "originalValue": "8px"
24
+ },
25
+ "spacing-base-tight": {
26
+ "type": "number",
27
+ "category": "spacing",
28
+ "name": "spacing-base-tight",
29
+ "value": "12px",
30
+ "originalValue": "12px"
31
+ },
32
+ "spacing-base": {
33
+ "type": "number",
34
+ "category": "spacing",
35
+ "name": "spacing-base",
36
+ "value": "16px",
37
+ "originalValue": "16px"
38
+ },
39
+ "spacing-loose": {
40
+ "type": "number",
41
+ "category": "spacing",
42
+ "name": "spacing-loose",
43
+ "value": "20px",
44
+ "originalValue": "20px"
45
+ },
46
+ "spacing-extra-loose": {
47
+ "type": "number",
48
+ "category": "spacing",
49
+ "name": "spacing-extra-loose",
50
+ "value": "32px",
51
+ "originalValue": "32px"
52
+ }
53
+ }
54
+ }
@@ -0,0 +1,7 @@
1
+ $spacing-none: 0;
2
+ $spacing-extra-tight: 4px;
3
+ $spacing-tight: 8px;
4
+ $spacing-base-tight: 12px;
5
+ $spacing-base: 16px;
6
+ $spacing-loose: 20px;
7
+ $spacing-extra-loose: 32px;
@@ -0,0 +1,9 @@
1
+ $polaris-spacing: (
2
+ 'none': 0,
3
+ 'extra-tight': 4px,
4
+ 'tight': 8px,
5
+ 'base-tight': 12px,
6
+ 'base': 16px,
7
+ 'loose': 20px,
8
+ 'extra-loose': 32px,
9
+ );
@@ -0,0 +1,5 @@
1
+ module.exports = {
2
+ fontStackBase:
3
+ "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
4
+ fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
5
+ };
@@ -0,0 +1,5 @@
1
+ :root {
2
+ --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
3
+ 'Segoe UI', 'Helvetica Neue', sans-serif;
4
+ --font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
5
+ }
@@ -0,0 +1,4 @@
1
+ {
2
+ "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
3
+ "font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
4
+ }
@@ -0,0 +1,17 @@
1
+ $polaris-typography-map: (
2
+ 'font-stack-base': (
3
+ -apple-system,
4
+ BlinkMacSystemFont,
5
+ 'San Francisco',
6
+ Roboto,
7
+ 'Segoe UI',
8
+ 'Helvetica Neue',
9
+ sans-serif,
10
+ ),
11
+ 'font-stack-monospace': (
12
+ Monaco,
13
+ Consolas,
14
+ 'Lucida Console',
15
+ monospace,
16
+ ),
17
+ );
@@ -0,0 +1,19 @@
1
+ {
2
+ "aliases": {},
3
+ "props": {
4
+ "font-stack-base": {
5
+ "type": "font-family",
6
+ "category": "font-family",
7
+ "name": "font-stack-base",
8
+ "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
9
+ "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif"
10
+ },
11
+ "font-stack-monospace": {
12
+ "type": "font-family",
13
+ "category": "font-family",
14
+ "name": "font-stack-monospace",
15
+ "value": "Monaco, Consolas, 'Lucida Console', monospace",
16
+ "originalValue": "Monaco, Consolas, 'Lucida Console', monospace"
17
+ }
18
+ }
19
+ }
@@ -0,0 +1,3 @@
1
+ $font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
2
+ 'Segoe UI', 'Helvetica Neue', sans-serif;
3
+ $font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
@@ -0,0 +1 @@
1
+ module.exports = require('./dist/index.common.js');
@@ -0,0 +1,7 @@
1
+ module PolarisTokens
2
+ require 'polaris_tokens/rails/engine'
3
+
4
+ def self.root
5
+ @root ||= Pathname.new(File.expand_path('../..', __FILE__))
6
+ end
7
+ end
@@ -0,0 +1,9 @@
1
+ module PolarisTokens
2
+ module Rails
3
+ class Engine < ::Rails::Engine
4
+ initializer 'polaris.tokens' do |app|
5
+ config.assets.paths << PolarisTokens.root.join('dist')
6
+ end
7
+ end
8
+ end
9
+ end
@@ -0,0 +1,10 @@
1
+ # frozen_string_literal: true
2
+ require 'json'
3
+
4
+ module PolarisTokens
5
+ package_json_path = File.join(__dir__, '../../package.json')
6
+ package_json_data = File.read(package_json_path)
7
+ package_json = JSON.parse(package_json_data)
8
+
9
+ VERSION = package_json['version']
10
+ end
@@ -0,0 +1,86 @@
1
+ {
2
+ "name": "@shopify/polaris-tokens-plus",
3
+ "version": "2.5.1",
4
+ "description": "Design Tokens for the Polaris Design System - Shopify Plus version",
5
+ "main": "index.js",
6
+ "types": "dist/index.d.ts",
7
+ "scripts": {
8
+ "test": "sewing-kit test",
9
+ "test-watch": "nodemon --exec 'npm-run-all dist test' --watch ./tokens --watch ./formats --watch ./gulpfile.js --watch ./scripts",
10
+ "clean": "rimraf ./dist",
11
+ "get-tokens-from-invision-dsm": "node ./scripts/get-tokens-from-invision-dsm.js",
12
+ "predist": "yarn clean",
13
+ "dist": "npm-run-all dist:**",
14
+ "dist-ci": "npm-run-all dist:* dist:*:*",
15
+ "dist:gulp": "gulp",
16
+ "dist:docs": "gulp docs",
17
+ "dist:format": "prettier ./{dist,docs}/*.{js,json,css,scss,sketchpalette} --write",
18
+ "dist:colors:ase": "node ./scripts/ase-encode.js",
19
+ "dist:colors:clr:exclude-from-ci": "ase2clr ./dist/colors.ase ./dist/colors.clr",
20
+ "dist:colors:rename-palettes:exclude-from-ci": "renamer --find colors --replace Polaris ./dist/colors.{ase,clr,sketchpalette}",
21
+ "lint": "sewing-kit lint",
22
+ "watch": "gulp watch",
23
+ "heroku-postbuild": "yarn dist-ci",
24
+ "start": "http-server docs"
25
+ },
26
+ "repository": {
27
+ "type": "git",
28
+ "url": "git+https://github.com/Shopify/polaris-tokens-plus.git"
29
+ },
30
+ "publishConfig": {
31
+ "access": "restricted"
32
+ },
33
+ "keywords": [
34
+ "polaris",
35
+ "design-tokens"
36
+ ],
37
+ "author": "Shopify",
38
+ "license": "MIT",
39
+ "bugs": {
40
+ "url": "https://github.com/Shopify/polaris-tokens-plus/issues"
41
+ },
42
+ "eslintConfig": {
43
+ "extends": [
44
+ "plugin:shopify/node",
45
+ "plugin:shopify/esnext",
46
+ "plugin:shopify/prettier"
47
+ ]
48
+ },
49
+ "stylelint": {
50
+ "extends": [
51
+ "stylelint-config-shopify/prettier"
52
+ ]
53
+ },
54
+ "homepage": "https://github.com/Shopify/polaris-tokens-plus#readme",
55
+ "devDependencies": {
56
+ "@shopify/sewing-kit": "^0.79.3",
57
+ "ase-util": "^1.0.1",
58
+ "ase-utils": "^0.1.1",
59
+ "browser-sync": "^2.26.3",
60
+ "dashify": "^2.0.0",
61
+ "fs-extra": "^7.0.1",
62
+ "gray-matter": "^4.0.1",
63
+ "gulp": "^3.9.1",
64
+ "gulp-load-plugins": "^1.5.0",
65
+ "gulp-plumber": "^1.2.1",
66
+ "gulp-rename": "^1.4.0",
67
+ "gulp-restart": "^0.1.1",
68
+ "gulp-sass": "^4.0.2",
69
+ "gulp-sourcemaps": "^2.6.4",
70
+ "gulp-theo": "^2.0.0",
71
+ "http-server": "^0.11.1",
72
+ "immutable": "^3.8.2",
73
+ "js-yaml": "^3.12.1",
74
+ "lodash": "^4.17.11",
75
+ "ms": "^2.1.1",
76
+ "node-fetch": "^2.3.0",
77
+ "nodemon": "^1.18.9",
78
+ "npm-run-all": "^4.1.5",
79
+ "renamer": "^1.1.1",
80
+ "rimraf": "^2.6.3",
81
+ "run-sequence": "^2.2.1",
82
+ "theo": "8.1.1",
83
+ "tinycolor2": "^1.4.1",
84
+ "xml": "^1.0.1"
85
+ }
86
+ }
metadata ADDED
@@ -0,0 +1,99 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: polaris_tokens_plus
3
+ version: !ruby/object:Gem::Version
4
+ version: 2.5.1
5
+ platform: ruby
6
+ authors:
7
+ - Shopify
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2019-05-06 00:00:00.000000000 Z
12
+ dependencies: []
13
+ description: Design Tokens for the Polaris Design System - Plus Version
14
+ email:
15
+ - info@shopify.com
16
+ executables: []
17
+ extensions: []
18
+ extra_rdoc_files: []
19
+ files:
20
+ - LICENSE.md
21
+ - README.md
22
+ - dist/Polaris.ase
23
+ - dist/Polaris.clr
24
+ - dist/Polaris.sketchpalette
25
+ - dist/color-filters.color-map.scss
26
+ - dist/color-filters.common.js
27
+ - dist/color-filters.custom-properties.css
28
+ - dist/color-filters.json
29
+ - dist/color-filters.map.scss
30
+ - dist/color-filters.raw.json
31
+ - dist/color-filters.scss
32
+ - dist/colors.android.xml
33
+ - dist/colors.ase.json
34
+ - dist/colors.color-map.scss
35
+ - dist/colors.common.js
36
+ - dist/colors.custom-properties.css
37
+ - dist/colors.json
38
+ - dist/colors.map.scss
39
+ - dist/colors.raw.json
40
+ - dist/colors.scss
41
+ - dist/duration.common.js
42
+ - dist/duration.custom-properties.css
43
+ - dist/duration.json
44
+ - dist/duration.map.scss
45
+ - dist/duration.raw.json
46
+ - dist/duration.scss
47
+ - dist/index.common.js
48
+ - dist/index.custom-properties.css
49
+ - dist/index.d.ts
50
+ - dist/index.json
51
+ - dist/index.map.scss
52
+ - dist/index.raw.json
53
+ - dist/index.scss
54
+ - dist/spacing.common.js
55
+ - dist/spacing.custom-properties.css
56
+ - dist/spacing.json
57
+ - dist/spacing.map.scss
58
+ - dist/spacing.raw.json
59
+ - dist/spacing.scss
60
+ - dist/spacing.spacing-map.scss
61
+ - dist/typography.common.js
62
+ - dist/typography.custom-properties.css
63
+ - dist/typography.json
64
+ - dist/typography.map.scss
65
+ - dist/typography.raw.json
66
+ - dist/typography.scss
67
+ - index.js
68
+ - lib/polaris_tokens.rb
69
+ - lib/polaris_tokens/rails/engine.rb
70
+ - lib/polaris_tokens/version.rb
71
+ - package.json
72
+ homepage: https://github.com/Shopify/polaris-tokens-plus#readme
73
+ licenses:
74
+ - MIT
75
+ metadata: {}
76
+ post_install_message:
77
+ rdoc_options: []
78
+ require_paths:
79
+ - lib
80
+ required_ruby_version: !ruby/object:Gem::Requirement
81
+ requirements:
82
+ - - ">"
83
+ - !ruby/object:Gem::Version
84
+ version: 2.3.0
85
+ - - "!="
86
+ - !ruby/object:Gem::Version
87
+ version: 2.4.0
88
+ required_rubygems_version: !ruby/object:Gem::Requirement
89
+ requirements:
90
+ - - ">="
91
+ - !ruby/object:Gem::Version
92
+ version: '0'
93
+ requirements: []
94
+ rubyforge_project:
95
+ rubygems_version: 2.7.6
96
+ signing_key:
97
+ specification_version: 4
98
+ summary: Design Tokens for the Polaris Design System - Plus Version
99
+ test_files: []