polaris_tokens 2.18.0 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
data/dist/index.esm.js ADDED
@@ -0,0 +1,166 @@
1
+ export const colorPurpleText = 'rgb(80, 73, 90)';
2
+ export const colorPurpleDarker = 'rgb(35, 0, 81)';
3
+ export const colorPurpleDark = 'rgb(80, 36, 143)';
4
+ export const colorPurple = 'rgb(156, 106, 222)';
5
+ export const colorPurpleLight = 'rgb(227, 208, 255)';
6
+ export const colorPurpleLighter = 'rgb(246, 240, 253)';
7
+ export const colorIndigoText = 'rgb(62, 65, 85)';
8
+ export const colorIndigoDarker = 'rgb(0, 6, 57)';
9
+ export const colorIndigoDark = 'rgb(32, 46, 120)';
10
+ export const colorIndigo = 'rgb(92, 106, 196)';
11
+ export const colorIndigoLight = 'rgb(179, 188, 245)';
12
+ export const colorIndigoLighter = 'rgb(244, 245, 250)';
13
+ export const colorBlueText = 'rgb(62, 78, 87)';
14
+ export const colorBlueDarker = 'rgb(0, 20, 41)';
15
+ export const colorBlueDark = 'rgb(8, 78, 138)';
16
+ export const colorBlue = 'rgb(0, 111, 187)';
17
+ export const colorBlueLight = 'rgb(180, 225, 250)';
18
+ export const colorBlueLighter = 'rgb(235, 245, 250)';
19
+ export const colorTealText = 'rgb(64, 83, 82)';
20
+ export const colorTealDarker = 'rgb(0, 49, 53)';
21
+ export const colorTealDark = 'rgb(0, 132, 142)';
22
+ export const colorTeal = 'rgb(71, 193, 191)';
23
+ export const colorTealLight = 'rgb(183, 236, 236)';
24
+ export const colorTealLighter = 'rgb(224, 245, 245)';
25
+ export const colorGreenText = 'rgb(65, 79, 62)';
26
+ export const colorGreenDarker = 'rgb(23, 54, 48)';
27
+ export const colorGreenDark = 'rgb(16, 128, 67)';
28
+ export const colorGreen = 'rgb(80, 184, 60)';
29
+ export const colorGreenLight = 'rgb(187, 229, 179)';
30
+ export const colorGreenLighter = 'rgb(227, 241, 223)';
31
+ export const colorYellowText = 'rgb(89, 81, 48)';
32
+ export const colorYellowDarker = 'rgb(87, 59, 0)';
33
+ export const colorYellowDark = 'rgb(138, 97, 22)';
34
+ export const colorYellow = 'rgb(238, 194, 0)';
35
+ export const colorYellowLight = 'rgb(255, 234, 138)';
36
+ export const colorYellowLighter = 'rgb(252, 241, 205)';
37
+ export const colorOrangeText = 'rgb(89, 68, 48)';
38
+ export const colorOrangeDarker = 'rgb(74, 21, 4)';
39
+ export const colorOrangeDark = 'rgb(192, 87, 23)';
40
+ export const colorOrange = 'rgb(244, 147, 66)';
41
+ export const colorOrangeLight = 'rgb(255, 197, 139)';
42
+ export const colorOrangeLighter = 'rgb(252, 235, 219)';
43
+ export const colorRedText = 'rgb(88, 60, 53)';
44
+ export const colorRedDarker = 'rgb(51, 1, 1)';
45
+ export const colorRedDark = 'rgb(191, 7, 17)';
46
+ export const colorRed = 'rgb(222, 54, 24)';
47
+ export const colorRedLight = 'rgb(254, 173, 154)';
48
+ export const colorRedLighter = 'rgb(251, 234, 229)';
49
+ export const colorInk = 'rgb(33, 43, 54)';
50
+ export const colorInkLight = 'rgb(69, 79, 91)';
51
+ export const colorInkLighter = 'rgb(99, 115, 129)';
52
+ export const colorInkLightest = 'rgb(145, 158, 171)';
53
+ export const colorSkyDark = 'rgb(196, 205, 213)';
54
+ export const colorSky = 'rgb(223, 227, 232)';
55
+ export const colorSkyLight = 'rgb(244, 246, 248)';
56
+ export const colorSkyLighter = 'rgb(249, 250, 251)';
57
+ export const colorBlack = 'rgb(0, 0, 0)';
58
+ export const colorWhite = 'rgb(255, 255, 255)';
59
+ export const durationNone = 0;
60
+ export const durationFast = 100;
61
+ export const durationBase = 200;
62
+ export const durationSlow = 300;
63
+ export const durationSlower = 400;
64
+ export const durationSlowest = 500;
65
+ export const spacingNone = 0;
66
+ export const spacingExtraTight = '4px';
67
+ export const spacingTight = '8px';
68
+ export const spacingBaseTight = '12px';
69
+ export const spacingBase = '16px';
70
+ export const spacingLoose = '20px';
71
+ export const spacingExtraLoose = '32px';
72
+ export const fontStackBase = "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
73
+ export const fontStackMonospace = "Monaco, Consolas, 'Lucida Console', monospace";
74
+
75
+ // When this package shipped only CJS, bundlers applied some cjs-to-esm interop
76
+ // dark magic that meant you could access content from index.common.js from an
77
+ // esm file in many ways.
78
+ // The following were all valid ways to access tokens:
79
+ //
80
+ // import {colorInk as namedImport} from '@shopify/polaris-tokens'
81
+ // import * as namespaceImport from '@shopify/polaris-tokens'
82
+ // import defaultImport from '@shopify/polaris-tokens'
83
+ // console.log(colorInk, namespaceImport.colorInk, defaultImport.colorInk)
84
+ //
85
+ // In order to avoid adding this esm file being a breaking change, we must
86
+ // provide a default export to maintain compatibility.
87
+ // This is a deprecated way of accessing tokens. Consumers should use either
88
+ // named imports (`import {colorInk}`) or a namespace import
89
+ // (`import * as tokens`).
90
+ // This default export should be removed in polaris-tokens v3 if we don't
91
+ // remove this file entirely.
92
+ export default {
93
+ colorPurpleText,
94
+ colorPurpleDarker,
95
+ colorPurpleDark,
96
+ colorPurple,
97
+ colorPurpleLight,
98
+ colorPurpleLighter,
99
+ colorIndigoText,
100
+ colorIndigoDarker,
101
+ colorIndigoDark,
102
+ colorIndigo,
103
+ colorIndigoLight,
104
+ colorIndigoLighter,
105
+ colorBlueText,
106
+ colorBlueDarker,
107
+ colorBlueDark,
108
+ colorBlue,
109
+ colorBlueLight,
110
+ colorBlueLighter,
111
+ colorTealText,
112
+ colorTealDarker,
113
+ colorTealDark,
114
+ colorTeal,
115
+ colorTealLight,
116
+ colorTealLighter,
117
+ colorGreenText,
118
+ colorGreenDarker,
119
+ colorGreenDark,
120
+ colorGreen,
121
+ colorGreenLight,
122
+ colorGreenLighter,
123
+ colorYellowText,
124
+ colorYellowDarker,
125
+ colorYellowDark,
126
+ colorYellow,
127
+ colorYellowLight,
128
+ colorYellowLighter,
129
+ colorOrangeText,
130
+ colorOrangeDarker,
131
+ colorOrangeDark,
132
+ colorOrange,
133
+ colorOrangeLight,
134
+ colorOrangeLighter,
135
+ colorRedText,
136
+ colorRedDarker,
137
+ colorRedDark,
138
+ colorRed,
139
+ colorRedLight,
140
+ colorRedLighter,
141
+ colorInk,
142
+ colorInkLight,
143
+ colorInkLighter,
144
+ colorInkLightest,
145
+ colorSkyDark,
146
+ colorSky,
147
+ colorSkyLight,
148
+ colorSkyLighter,
149
+ colorBlack,
150
+ colorWhite,
151
+ durationNone,
152
+ durationFast,
153
+ durationBase,
154
+ durationSlow,
155
+ durationSlower,
156
+ durationSlowest,
157
+ spacingNone,
158
+ spacingExtraTight,
159
+ spacingTight,
160
+ spacingBaseTight,
161
+ spacingBase,
162
+ spacingLoose,
163
+ spacingExtraLoose,
164
+ fontStackBase,
165
+ fontStackMonospace,
166
+ }
data/index.js CHANGED
@@ -1 +1,5 @@
1
+ // This file used to be the main entrpoint for the package, but now main points
2
+ // directly to `dist/index.common.js`. This file is left in the unlikely event
3
+ // that somebody is importing `@shopify/polaris-tokens/index.js`.
4
+ // This file can be removed as a breaking change in polaris-tokens v3.
1
5
  module.exports = require('./dist/index.common.js');
data/package.json CHANGED
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "name": "@shopify/polaris-tokens",
3
- "version": "2.18.0",
3
+ "version": "3.0.0",
4
4
  "description": "Design Tokens for the Polaris Design System",
5
- "main": "index.js",
5
+ "main": "dist/index.common.js",
6
+ "module": "dist/index.esm.js",
6
7
  "types": "dist/index.d.ts",
7
8
  "scripts": {
8
9
  "test": "sewing-kit test",
@@ -12,7 +13,7 @@
12
13
  "build:ts": "tsc -p tsconfig.build.json",
13
14
  "build:gulp": "gulp",
14
15
  "postbuild": "yarn run format",
15
- "format": "prettier './dist-modern/**/*.{js,json}' --write && prettier './dist-modern/**/*.ts' --write --parser typescript",
16
+ "format": "prettier './dist-modern/**/*.{js,json,css}' --write && prettier './dist-modern/**/*.ts' --write --parser typescript",
16
17
  "type-check": "sewing-kit type-check",
17
18
  "lint": "sewing-kit lint"
18
19
  },
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.18.0
4
+ version: 3.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shopify
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-01-27 00:00:00.000000000 Z
11
+ date: 2021-03-11 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Design Tokens for the Polaris Design System
14
14
  email:
@@ -29,7 +29,18 @@ files:
29
29
  - dist-modern/palette/base.light.ios.json
30
30
  - dist-modern/palette/base.light.json
31
31
  - dist-modern/palette/base.light.polaris.custom-properties.css
32
+ - dist-modern/palette/mfp-ui.dark.android.xml
33
+ - dist-modern/palette/mfp-ui.dark.figma.json
34
+ - dist-modern/palette/mfp-ui.dark.ios.json
35
+ - dist-modern/palette/mfp-ui.dark.json
36
+ - dist-modern/palette/mfp-ui.dark.polaris.custom-properties.css
37
+ - dist-modern/palette/mfp-ui.light.android.xml
38
+ - dist-modern/palette/mfp-ui.light.figma.json
39
+ - dist-modern/palette/mfp-ui.light.ios.json
40
+ - dist-modern/palette/mfp-ui.light.json
41
+ - dist-modern/palette/mfp-ui.light.polaris.custom-properties.css
32
42
  - dist-modern/theme/base.json
43
+ - dist-modern/theme/mfp-ui.json
33
44
  - dist/Polaris.ase
34
45
  - dist/Polaris.clr
35
46
  - dist/Polaris.sketchpalette
@@ -59,6 +70,7 @@ files:
59
70
  - dist/index.common.js
60
71
  - dist/index.custom-properties.css
61
72
  - dist/index.d.ts
73
+ - dist/index.esm.js
62
74
  - dist/index.json
63
75
  - dist/index.map.scss
64
76
  - dist/index.raw.json