polaris_tokens 2.18.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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