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.
- checksums.yaml +4 -4
- data/dist-modern/palette/base.dark.android.xml +2 -2
- data/dist-modern/palette/base.dark.figma.json +1 -637
- data/dist-modern/palette/base.dark.ios.json +1 -1092
- data/dist-modern/palette/base.dark.json +3 -3
- data/dist-modern/palette/base.dark.polaris.custom-properties.css +128 -128
- data/dist-modern/palette/base.light.android.xml +1 -1
- data/dist-modern/palette/base.light.figma.json +1 -637
- data/dist-modern/palette/base.light.ios.json +1 -1042
- data/dist-modern/palette/base.light.json +2 -2
- data/dist-modern/palette/base.light.polaris.custom-properties.css +128 -128
- data/dist-modern/palette/mfp-ui.dark.android.xml +130 -0
- data/dist-modern/palette/mfp-ui.dark.figma.json +1 -0
- data/dist-modern/palette/mfp-ui.dark.ios.json +1 -0
- data/dist-modern/palette/mfp-ui.dark.json +129 -0
- data/dist-modern/palette/mfp-ui.dark.polaris.custom-properties.css +129 -0
- data/dist-modern/palette/mfp-ui.light.android.xml +130 -0
- data/dist-modern/palette/mfp-ui.light.figma.json +1 -0
- data/dist-modern/palette/mfp-ui.light.ios.json +1 -0
- data/dist-modern/palette/mfp-ui.light.json +129 -0
- data/dist-modern/palette/mfp-ui.light.polaris.custom-properties.css +129 -0
- data/dist-modern/theme/base.json +1 -1
- data/dist-modern/theme/mfp-ui.json +12 -0
- data/dist/color-filters.color-map.scss +8 -0
- data/dist/index.common.js +168 -75
- data/dist/index.d.ts +149 -77
- data/dist/index.esm.js +166 -0
- data/index.js +4 -0
- data/package.json +4 -3
- metadata +14 -2
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": "
|
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:
|
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-
|
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
|