polaris_tokens 2.16.0 → 2.17.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/dist-modern/palette/base.dark.figma.json +637 -1
  4. data/dist-modern/palette/base.dark.ios.json +1092 -1
  5. data/dist-modern/palette/base.dark.json +1 -1
  6. data/dist-modern/palette/base.light.figma.json +637 -1
  7. data/dist-modern/palette/base.light.ios.json +1042 -1
  8. data/dist-modern/palette/base.light.json +1 -1
  9. data/dist-modern/theme/base.json +1 -1
  10. data/dist/color-filters.color-map.scss +0 -8
  11. data/dist/color-filters.map.scss +8 -0
  12. data/dist/index.common.js +1 -1
  13. data/dist/index.custom-properties.css +2 -2
  14. data/dist/index.d.ts +1 -1
  15. data/dist/index.json +1 -1
  16. data/dist/index.map.scss +1 -1
  17. data/dist/index.raw.json +2 -2
  18. data/dist/index.scss +2 -2
  19. data/dist/typography.common.js +1 -1
  20. data/dist/typography.custom-properties.css +2 -2
  21. data/dist/typography.json +1 -1
  22. data/dist/typography.map.scss +1 -1
  23. data/dist/typography.raw.json +2 -2
  24. data/dist/typography.scss +2 -2
  25. data/lib/polaris_tokens/rails/engine.rb +1 -0
  26. data/package.json +26 -47
  27. metadata +2 -2
data/dist-modern/palette/base.light.json CHANGED
@@ -126,4 +126,4 @@
126
126
  "decorativeFiveIcon": "rgb(174, 43, 76)",
127
127
  "decorativeFiveSurface": "rgb(253, 201, 208)",
128
128
  "decorativeFiveText": "rgb(79, 14, 31)"
129
- }
129
+ }
data/dist-modern/theme/base.json CHANGED
@@ -9,4 +9,4 @@
9
9
  "highlight": "#5bcdda",
10
10
  "success": "#008060",
11
11
  "decorative": "#ffc96b"
12
- }
12
+ }
data/dist/color-filters.color-map.scss CHANGED
@@ -137,12 +137,4 @@ $polaris-color-filters: (
137
137
  'white': (
138
138
  'base': brightness(0) saturate(100%) invert(100%),
139
139
  ),
140
- 'icon': (
141
- 'base': brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%)
142
- hue-rotate(169deg) brightness(95%) contrast(87%),
143
- ),
144
- 'action': (
145
- 'base': brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%)
146
- hue-rotate(162deg) brightness(95%) contrast(101%),
147
- ),
148
140
  );
data/dist/color-filters.map.scss CHANGED
@@ -229,4 +229,12 @@ $polaris-color-filters-map: (
229
229
  'color-white': (
230
230
  brightness(0) saturate(100%) invert(100%),
231
231
  ),
232
+ 'icon': (
233
+ 'base': brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%)
234
+ hue-rotate(169deg) brightness(95%) contrast(87%),
235
+ ),
236
+ 'action': (
237
+ 'base': brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%)
238
+ hue-rotate(162deg) brightness(95%) contrast(101%),
239
+ ),
232
240
  );
data/dist/index.common.js CHANGED
@@ -71,6 +71,6 @@ module.exports = {
71
71
  spacingLoose: '20px',
72
72
  spacingExtraLoose: '32px',
73
73
  fontStackBase:
74
- "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
74
+ "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
75
75
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
76
76
  };
data/dist/index.custom-properties.css CHANGED
@@ -70,7 +70,7 @@
70
70
  --spacing-base: 16px;
71
71
  --spacing-loose: 20px;
72
72
  --spacing-extra-loose: 32px;
73
- --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
74
- 'Segoe UI', 'Helvetica Neue', sans-serif;
73
+ --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco',
74
+ 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
75
75
  --font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
76
76
  }
data/dist/index.d.ts CHANGED
@@ -63,7 +63,7 @@ declare interface Tokens {
63
63
  durationSlow: 300;
64
64
  durationSlower: 400;
65
65
  durationSlowest: 500;
66
- fontStackBase: "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif";
66
+ fontStackBase: "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
67
67
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace";
68
68
  spacingBase: "16px";
69
69
  spacingBaseTight: "12px";
data/dist/index.json CHANGED
@@ -70,6 +70,6 @@
70
70
  "spacing-base": "16px",
71
71
  "spacing-loose": "20px",
72
72
  "spacing-extra-loose": "32px",
73
- "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
73
+ "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
74
74
  "font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
75
75
  }
data/dist/index.map.scss CHANGED
@@ -216,8 +216,8 @@ $polaris-index-map: (
216
216
  -apple-system,
217
217
  BlinkMacSystemFont,
218
218
  'San Francisco',
219
- Roboto,
220
219
  'Segoe UI',
220
+ Roboto,
221
221
  'Helvetica Neue',
222
222
  sans-serif,
223
223
  ),
data/dist/index.raw.json CHANGED
@@ -677,8 +677,8 @@
677
677
  "type": "font-family",
678
678
  "category": "font-family",
679
679
  "name": "font-stack-base",
680
- "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
681
- "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif"
680
+ "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
681
+ "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"
682
682
  },
683
683
  "font-stack-monospace": {
684
684
  "type": "font-family",
data/dist/index.scss CHANGED
@@ -69,6 +69,6 @@ $spacing-base-tight: 12px;
69
69
  $spacing-base: 16px;
70
70
  $spacing-loose: 20px;
71
71
  $spacing-extra-loose: 32px;
72
- $font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
73
- 'Segoe UI', 'Helvetica Neue', sans-serif;
72
+ $font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI',
73
+ Roboto, 'Helvetica Neue', sans-serif;
74
74
  $font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
data/dist/typography.common.js CHANGED
@@ -1,5 +1,5 @@
1
1
  module.exports = {
2
2
  fontStackBase:
3
- "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
3
+ "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
4
4
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
5
5
  };
data/dist/typography.custom-properties.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
3
- 'Segoe UI', 'Helvetica Neue', sans-serif;
2
+ --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco',
3
+ 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
4
4
  --font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
5
5
  }
data/dist/typography.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
- "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
2
+ "font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
3
3
  "font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
4
4
  }
data/dist/typography.map.scss CHANGED
@@ -3,8 +3,8 @@ $polaris-typography-map: (
3
3
  -apple-system,
4
4
  BlinkMacSystemFont,
5
5
  'San Francisco',
6
- Roboto,
7
6
  'Segoe UI',
7
+ Roboto,
8
8
  'Helvetica Neue',
9
9
  sans-serif,
10
10
  ),
data/dist/typography.raw.json CHANGED
@@ -5,8 +5,8 @@
5
5
  "type": "font-family",
6
6
  "category": "font-family",
7
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"
8
+ "value": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
9
+ "originalValue": "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"
10
10
  },
11
11
  "font-stack-monospace": {
12
12
  "type": "font-family",
data/dist/typography.scss CHANGED
@@ -1,3 +1,3 @@
1
- $font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
2
- 'Segoe UI', 'Helvetica Neue', sans-serif;
1
+ $font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI',
2
+ Roboto, 'Helvetica Neue', sans-serif;
3
3
  $font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
data/lib/polaris_tokens/rails/engine.rb CHANGED
@@ -3,6 +3,7 @@ module PolarisTokens
3
3
  class Engine < ::Rails::Engine
4
4
  initializer 'polaris.tokens' do |app|
5
5
  config.assets.paths << PolarisTokens.root.join('dist')
6
+ config.assets.paths << PolarisTokens.root.join('dist-modern')
6
7
  end
7
8
  end
8
9
  end
data/package.json CHANGED
@@ -1,32 +1,20 @@
1
1
  {
2
2
  "name": "@shopify/polaris-tokens",
3
- "version": "2.16.0",
3
+ "version": "2.17.0",
4
4
  "description": "Design Tokens for the Polaris Design System",
5
5
  "main": "index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "scripts": {
8
8
  "test": "sewing-kit test",
9
- "test-watch": "nodemon --exec 'yarn run build && yarn run test --no-watch' --watch ./tokens --watch ./formats --watch ./gulpfile.js --watch ./scripts --ext js,ts,json,yml",
10
- "clean": "rimraf ./dist-modern ./dist",
9
+ "clean": "rimraf ./dist-modern",
11
10
  "prebuild": "yarn run clean",
12
- "build": "npm-run-all build-modern build-legacy build-docs",
13
- "build-ci": "npm-run-all build-modern build-legacy-ci build-docs",
14
- "build-legacy": "npm-run-all build-legacy:**",
15
- "build-legacy-ci": "npm-run-all build-legacy:* build-legacy:*:*",
16
- "build-legacy:gulp": "gulp build-legacy",
17
- "build-legacy:format": "prettier ./dist/*.{js,json,css,scss,sketchpalette} --write",
18
- "build-legacy:colors:ase": "node ./scripts/ase-encode.js",
19
- "build-legacy:colors:clr:exclude-from-ci": "ase2clr ./dist/colors.ase ./dist/colors.clr",
20
- "build-legacy:colors:rename-palettes:exclude-from-ci": "renamer --find colors --replace Polaris ./dist/colors.{ase,clr,sketchpalette}",
21
- "build-modern": "npm-run-all build-modern:ts build-modern:gulp",
22
- "build-modern:ts": "tsc -p tsconfig.build.json",
23
- "build-modern:gulp": "gulp build-modern",
24
- "build-docs": "gulp docs",
11
+ "build": "npm-run-all build:ts build:gulp",
12
+ "build:ts": "tsc -p tsconfig.build.json",
13
+ "build:gulp": "gulp",
14
+ "postbuild": "yarn run format",
15
+ "format": "prettier './dist-modern/**/*.{js,json}' --write && prettier './dist-modern/**/*.ts' --write --parser typescript",
25
16
  "type-check": "sewing-kit type-check",
26
- "lint": "sewing-kit lint",
27
- "watch": "gulp watch",
28
- "heroku-postbuild": "yarn run build-ci",
29
- "start": "http-server docs"
17
+ "lint": "sewing-kit lint"
30
18
  },
31
19
  "repository": {
32
20
  "type": "git",
@@ -47,48 +35,39 @@
47
35
  },
48
36
  "eslintConfig": {
49
37
  "extends": [
50
- "plugin:shopify/typescript",
51
- "plugin:shopify/node",
52
- "plugin:shopify/jest",
53
- "plugin:shopify/prettier"
38
+ "plugin:@shopify/typescript",
39
+ "plugin:@shopify/node",
40
+ "plugin:@shopify/jest",
41
+ "plugin:@shopify/prettier"
54
42
  ]
55
43
  },
56
44
  "stylelint": {
57
45
  "extends": [
58
- "stylelint-config-shopify/prettier"
46
+ "@shopify/stylelint-plugin"
59
47
  ]
60
48
  },
61
49
  "homepage": "https://github.com/Shopify/polaris-tokens#readme",
62
50
  "devDependencies": {
63
- "@shopify/sewing-kit": "^0.120.0",
64
- "@types/lodash": "^4.14.149",
51
+ "@shopify/sewing-kit": "^0.143.0",
52
+ "@types/lodash": "^4.14.165",
65
53
  "@types/theo": "^8.1.3",
66
- "ase-util": "^1.0.3",
67
- "ase-utils": "^0.1.1",
68
- "browser-sync": "^2.26.7",
69
54
  "gulp": "^4.0.2",
70
- "gulp-load-plugins": "^2.0.2",
71
- "gulp-plumber": "^1.2.1",
55
+ "gulp-load-plugins": "^2.0.6",
72
56
  "gulp-rename": "^2.0.0",
73
- "gulp-restart": "^0.1.1",
74
- "gulp-sass": "^4.0.2",
75
- "gulp-sourcemaps": "^2.6.5",
76
- "gulp-theo": "^2.0.0",
77
- "http-server": "^0.12.1",
78
- "immutable": "^3.8.2",
79
- "lodash": "^4.17.15",
80
- "ms": "^2.1.2",
81
- "nodemon": "^2.0.2",
57
+ "gulp-sass": "^4.1.0",
58
+ "gulp-theo": "^2.0.1",
59
+ "lodash": "^4.17.20",
60
+ "ms": "^2.1.3",
61
+ "nodemon": "^2.0.6",
82
62
  "npm-run-all": "^4.1.5",
83
- "renamer": "^1.1.4",
84
- "rimraf": "^3.0.0",
85
- "theo": "8.1.4",
86
- "tinycolor2": "^1.4.1",
87
- "typescript": "^3.7.5",
63
+ "rimraf": "^3.0.2",
64
+ "theo": "8.1.5",
65
+ "tinycolor2": "^1.4.2",
66
+ "typescript": "^4.1.3",
88
67
  "xml": "^1.0.1"
89
68
  },
90
69
  "dependencies": {
91
70
  "hsluv": "^0.1.0",
92
- "tslib": "^1.10.0"
71
+ "tslib": "^1.14.1"
93
72
  }
94
73
  }
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: 2.16.0
4
+ version: 2.17.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shopify
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-12-17 00:00:00.000000000 Z
11
+ date: 2021-01-14 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Design Tokens for the Polaris Design System
14
14
  email: