polaris_tokens 2.13.0 → 2.17.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -5,6 +5,9 @@
5
5
  "backgroundSelected": "rgb(237, 238, 239)",
6
6
  "surface": "rgb(255, 255, 255)",
7
7
  "surfaceNeutral": "rgb(228, 229, 231)",
8
+ "surfaceNeutralHovered": "rgb(219, 221, 223)",
9
+ "surfaceNeutralPressed": "rgb(201, 204, 208)",
10
+ "surfaceNeutralDisabled": "rgb(241, 242, 243)",
8
11
  "surfaceNeutralSubdued": "rgb(246, 246, 247)",
9
12
  "surfaceSubdued": "rgb(250, 251, 251)",
10
13
  "surfaceDisabled": "rgb(250, 251, 251)",
@@ -24,8 +27,8 @@
24
27
  "borderDisabled": "rgb(210, 213, 216)",
25
28
  "borderSubdued": "rgb(201, 204, 207)",
26
29
  "borderDepressed": "rgb(87, 89, 89)",
27
- "borderShadow": "rgb(141, 145, 150)",
28
- "borderShadowSubdued": "rgb(187, 191, 195)",
30
+ "borderShadow": "rgb(174, 180, 185)",
31
+ "borderShadowSubdued": "rgb(186, 191, 196)",
29
32
  "divider": "rgb(225, 227, 229)",
30
33
  "icon": "rgb(92, 95, 98)",
31
34
  "iconHovered": "rgb(26, 28, 29)",
@@ -57,6 +60,9 @@
57
60
  "actionPrimaryDepressed": "rgb(0, 61, 44)",
58
61
  "iconOnPrimary": "rgb(255, 255, 255)",
59
62
  "textOnPrimary": "rgb(255, 255, 255)",
63
+ "textPrimary": "rgb(0, 123, 92)",
64
+ "textPrimaryHovered": "rgb(0, 108, 80)",
65
+ "textPrimaryPressed": "rgb(0, 92, 68)",
60
66
  "surfacePrimarySelected": "rgb(241, 248, 245)",
61
67
  "surfacePrimarySelectedHovered": "rgb(179, 208, 195)",
62
68
  "surfacePrimarySelectedPressed": "rgb(162, 188, 176)",
@@ -99,11 +105,11 @@
99
105
  "textHighlight": "rgb(52, 124, 132)",
100
106
  "borderSuccess": "rgb(0, 164, 124)",
101
107
  "borderSuccessSubdued": "rgb(149, 201, 180)",
102
- "borderSuccessSubduedHovered": "rgb(147, 198, 177)",
103
- "borderSuccessSubduedPressed": "rgb(143, 192, 172)",
104
108
  "iconSuccess": "rgb(0, 127, 95)",
105
109
  "surfaceSuccess": "rgb(174, 233, 209)",
106
110
  "surfaceSuccessSubdued": "rgb(241, 248, 245)",
111
+ "surfaceSuccessSubduedHovered": "rgb(236, 246, 241)",
112
+ "surfaceSuccessSubduedPressed": "rgb(226, 241, 234)",
107
113
  "textSuccess": "rgb(0, 128, 96)",
108
114
  "decorativeOneIcon": "rgb(126, 87, 0)",
109
115
  "decorativeOneSurface": "rgb(255, 201, 107)",
@@ -120,4 +126,4 @@
120
126
  "decorativeFiveIcon": "rgb(174, 43, 76)",
121
127
  "decorativeFiveSurface": "rgb(253, 201, 208)",
122
128
  "decorativeFiveText": "rgb(79, 14, 31)"
123
- }
129
+ }
@@ -9,4 +9,4 @@
9
9
  "highlight": "#5bcdda",
10
10
  "success": "#008060",
11
11
  "decorative": "#ffc96b"
12
- }
12
+ }
@@ -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
  );
@@ -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
  );
@@ -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
  };
@@ -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
  }
@@ -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";
@@ -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
  }
@@ -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
  ),
@@ -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",
@@ -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;
@@ -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
  };
@@ -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
  }
@@ -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
  }
@@ -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
  ),
@@ -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",
@@ -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;
@@ -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
@@ -1,32 +1,20 @@
1
1
  {
2
2
  "name": "@shopify/polaris-tokens",
3
- "version": "2.13.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.13.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-10-01 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: