polaris_tokens_plus 2.5.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.md +19 -0
- data/README.md +206 -0
- data/dist/Polaris.ase +0 -0
- data/dist/Polaris.clr +0 -0
- data/dist/Polaris.sketchpalette +402 -0
- data/dist/color-filters.color-map.scss +140 -0
- data/dist/color-filters.common.js +116 -0
- data/dist/color-filters.custom-properties.css +116 -0
- data/dist/color-filters.json +60 -0
- data/dist/color-filters.map.scss +232 -0
- data/dist/color-filters.raw.json +586 -0
- data/dist/color-filters.scss +114 -0
- data/dist/colors.android.xml +61 -0
- data/dist/colors.ase.json +344 -0
- data/dist/colors.color-map.scss +84 -0
- data/dist/colors.common.js +60 -0
- data/dist/colors.custom-properties.css +60 -0
- data/dist/colors.json +60 -0
- data/dist/colors.map.scss +176 -0
- data/dist/colors.raw.json +586 -0
- data/dist/colors.scss +58 -0
- data/dist/duration.common.js +8 -0
- data/dist/duration.custom-properties.css +8 -0
- data/dist/duration.json +8 -0
- data/dist/duration.map.scss +20 -0
- data/dist/duration.raw.json +47 -0
- data/dist/duration.scss +6 -0
- data/dist/index.common.js +76 -0
- data/dist/index.custom-properties.css +76 -0
- data/dist/index.d.ts +77 -0
- data/dist/index.json +75 -0
- data/dist/index.map.scss +230 -0
- data/dist/index.raw.json +691 -0
- data/dist/index.scss +74 -0
- data/dist/spacing.common.js +9 -0
- data/dist/spacing.custom-properties.css +9 -0
- data/dist/spacing.json +9 -0
- data/dist/spacing.map.scss +23 -0
- data/dist/spacing.raw.json +54 -0
- data/dist/spacing.scss +7 -0
- data/dist/spacing.spacing-map.scss +9 -0
- data/dist/typography.common.js +5 -0
- data/dist/typography.custom-properties.css +5 -0
- data/dist/typography.json +4 -0
- data/dist/typography.map.scss +17 -0
- data/dist/typography.raw.json +19 -0
- data/dist/typography.scss +3 -0
- data/index.js +1 -0
- data/lib/polaris_tokens.rb +7 -0
- data/lib/polaris_tokens/rails/engine.rb +9 -0
- data/lib/polaris_tokens/version.rb +10 -0
- data/package.json +86 -0
- metadata +99 -0
data/dist/colors.scss
ADDED
@@ -0,0 +1,58 @@
|
|
1
|
+
$color-purple-text: rgb(80, 73, 90);
|
2
|
+
$color-purple-darker: rgb(35, 0, 81);
|
3
|
+
$color-purple-dark: rgb(80, 36, 143);
|
4
|
+
$color-purple: rgb(156, 106, 222);
|
5
|
+
$color-purple-light: rgb(227, 208, 255);
|
6
|
+
$color-purple-lighter: rgb(246, 240, 253);
|
7
|
+
$color-indigo-text: rgb(62, 65, 85);
|
8
|
+
$color-indigo-darker: rgb(0, 6, 57);
|
9
|
+
$color-indigo-dark: rgb(32, 46, 120);
|
10
|
+
$color-indigo: rgb(18, 56, 191);
|
11
|
+
$color-indigo-light: rgb(179, 188, 245);
|
12
|
+
$color-indigo-lighter: rgb(244, 245, 250);
|
13
|
+
$color-blue-text: rgb(62, 78, 87);
|
14
|
+
$color-blue-darker: rgb(0, 20, 41);
|
15
|
+
$color-blue-dark: rgb(8, 78, 138);
|
16
|
+
$color-blue: rgb(0, 122, 206);
|
17
|
+
$color-blue-light: rgb(180, 225, 250);
|
18
|
+
$color-blue-lighter: rgb(235, 245, 250);
|
19
|
+
$color-teal-text: rgb(64, 83, 82);
|
20
|
+
$color-teal-darker: rgb(0, 49, 53);
|
21
|
+
$color-teal-dark: rgb(0, 132, 142);
|
22
|
+
$color-teal: rgb(71, 193, 191);
|
23
|
+
$color-teal-light: rgb(183, 236, 236);
|
24
|
+
$color-teal-lighter: rgb(224, 245, 245);
|
25
|
+
$color-green-text: rgb(65, 79, 62);
|
26
|
+
$color-green-darker: rgb(23, 54, 48);
|
27
|
+
$color-green-dark: rgb(16, 128, 67);
|
28
|
+
$color-green: rgb(80, 184, 60);
|
29
|
+
$color-green-light: rgb(187, 229, 179);
|
30
|
+
$color-green-lighter: rgb(227, 241, 223);
|
31
|
+
$color-yellow-text: rgb(89, 81, 48);
|
32
|
+
$color-yellow-darker: rgb(87, 59, 0);
|
33
|
+
$color-yellow-dark: rgb(138, 97, 22);
|
34
|
+
$color-yellow: rgb(238, 194, 0);
|
35
|
+
$color-yellow-light: rgb(255, 234, 138);
|
36
|
+
$color-yellow-lighter: rgb(252, 241, 205);
|
37
|
+
$color-orange-text: rgb(89, 68, 48);
|
38
|
+
$color-orange-darker: rgb(74, 21, 4);
|
39
|
+
$color-orange-dark: rgb(192, 87, 23);
|
40
|
+
$color-orange: rgb(244, 147, 66);
|
41
|
+
$color-orange-light: rgb(255, 197, 139);
|
42
|
+
$color-orange-lighter: rgb(252, 235, 219);
|
43
|
+
$color-red-text: rgb(88, 60, 53);
|
44
|
+
$color-red-darker: rgb(51, 1, 1);
|
45
|
+
$color-red-dark: rgb(191, 7, 17);
|
46
|
+
$color-red: rgb(222, 54, 24);
|
47
|
+
$color-red-light: rgb(254, 173, 154);
|
48
|
+
$color-red-lighter: rgb(251, 234, 229);
|
49
|
+
$color-ink: rgb(33, 43, 54);
|
50
|
+
$color-ink-light: rgb(69, 79, 91);
|
51
|
+
$color-ink-lighter: rgb(99, 115, 129);
|
52
|
+
$color-ink-lightest: rgb(145, 158, 171);
|
53
|
+
$color-sky-dark: rgb(196, 205, 213);
|
54
|
+
$color-sky: rgb(223, 227, 232);
|
55
|
+
$color-sky-light: rgb(244, 246, 248);
|
56
|
+
$color-sky-lighter: rgb(249, 250, 251);
|
57
|
+
$color-black: rgb(0, 0, 0);
|
58
|
+
$color-white: rgb(255, 255, 255);
|
data/dist/duration.json
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
$polaris-duration-map: (
|
2
|
+
'duration-none': (
|
3
|
+
0,
|
4
|
+
),
|
5
|
+
'duration-fast': (
|
6
|
+
100ms,
|
7
|
+
),
|
8
|
+
'duration-base': (
|
9
|
+
200ms,
|
10
|
+
),
|
11
|
+
'duration-slow': (
|
12
|
+
300ms,
|
13
|
+
),
|
14
|
+
'duration-slower': (
|
15
|
+
400ms,
|
16
|
+
),
|
17
|
+
'duration-slowest': (
|
18
|
+
500ms,
|
19
|
+
),
|
20
|
+
);
|
@@ -0,0 +1,47 @@
|
|
1
|
+
{
|
2
|
+
"aliases": {},
|
3
|
+
"props": {
|
4
|
+
"duration-none": {
|
5
|
+
"type": "time",
|
6
|
+
"category": "time",
|
7
|
+
"name": "duration-none",
|
8
|
+
"value": 0,
|
9
|
+
"originalValue": 0
|
10
|
+
},
|
11
|
+
"duration-fast": {
|
12
|
+
"type": "time",
|
13
|
+
"category": "time",
|
14
|
+
"name": "duration-fast",
|
15
|
+
"value": "100ms",
|
16
|
+
"originalValue": "100ms"
|
17
|
+
},
|
18
|
+
"duration-base": {
|
19
|
+
"type": "time",
|
20
|
+
"category": "time",
|
21
|
+
"name": "duration-base",
|
22
|
+
"value": "200ms",
|
23
|
+
"originalValue": "200ms"
|
24
|
+
},
|
25
|
+
"duration-slow": {
|
26
|
+
"type": "time",
|
27
|
+
"category": "time",
|
28
|
+
"name": "duration-slow",
|
29
|
+
"value": "300ms",
|
30
|
+
"originalValue": "300ms"
|
31
|
+
},
|
32
|
+
"duration-slower": {
|
33
|
+
"type": "time",
|
34
|
+
"category": "time",
|
35
|
+
"name": "duration-slower",
|
36
|
+
"value": "400ms",
|
37
|
+
"originalValue": "400ms"
|
38
|
+
},
|
39
|
+
"duration-slowest": {
|
40
|
+
"type": "time",
|
41
|
+
"category": "time",
|
42
|
+
"name": "duration-slowest",
|
43
|
+
"value": "500ms",
|
44
|
+
"originalValue": "500ms"
|
45
|
+
}
|
46
|
+
}
|
47
|
+
}
|
data/dist/duration.scss
ADDED
@@ -0,0 +1,76 @@
|
|
1
|
+
module.exports = {
|
2
|
+
colorPurpleText: 'rgb(80, 73, 90)',
|
3
|
+
colorPurpleDarker: 'rgb(35, 0, 81)',
|
4
|
+
colorPurpleDark: 'rgb(80, 36, 143)',
|
5
|
+
colorPurple: 'rgb(156, 106, 222)',
|
6
|
+
colorPurpleLight: 'rgb(227, 208, 255)',
|
7
|
+
colorPurpleLighter: 'rgb(246, 240, 253)',
|
8
|
+
colorIndigoText: 'rgb(62, 65, 85)',
|
9
|
+
colorIndigoDarker: 'rgb(0, 6, 57)',
|
10
|
+
colorIndigoDark: 'rgb(32, 46, 120)',
|
11
|
+
colorIndigo: 'rgb(18, 56, 191)',
|
12
|
+
colorIndigoLight: 'rgb(179, 188, 245)',
|
13
|
+
colorIndigoLighter: 'rgb(244, 245, 250)',
|
14
|
+
colorBlueText: 'rgb(62, 78, 87)',
|
15
|
+
colorBlueDarker: 'rgb(0, 20, 41)',
|
16
|
+
colorBlueDark: 'rgb(8, 78, 138)',
|
17
|
+
colorBlue: 'rgb(0, 122, 206)',
|
18
|
+
colorBlueLight: 'rgb(180, 225, 250)',
|
19
|
+
colorBlueLighter: 'rgb(235, 245, 250)',
|
20
|
+
colorTealText: 'rgb(64, 83, 82)',
|
21
|
+
colorTealDarker: 'rgb(0, 49, 53)',
|
22
|
+
colorTealDark: 'rgb(0, 132, 142)',
|
23
|
+
colorTeal: 'rgb(71, 193, 191)',
|
24
|
+
colorTealLight: 'rgb(183, 236, 236)',
|
25
|
+
colorTealLighter: 'rgb(224, 245, 245)',
|
26
|
+
colorGreenText: 'rgb(65, 79, 62)',
|
27
|
+
colorGreenDarker: 'rgb(23, 54, 48)',
|
28
|
+
colorGreenDark: 'rgb(16, 128, 67)',
|
29
|
+
colorGreen: 'rgb(80, 184, 60)',
|
30
|
+
colorGreenLight: 'rgb(187, 229, 179)',
|
31
|
+
colorGreenLighter: 'rgb(227, 241, 223)',
|
32
|
+
colorYellowText: 'rgb(89, 81, 48)',
|
33
|
+
colorYellowDarker: 'rgb(87, 59, 0)',
|
34
|
+
colorYellowDark: 'rgb(138, 97, 22)',
|
35
|
+
colorYellow: 'rgb(238, 194, 0)',
|
36
|
+
colorYellowLight: 'rgb(255, 234, 138)',
|
37
|
+
colorYellowLighter: 'rgb(252, 241, 205)',
|
38
|
+
colorOrangeText: 'rgb(89, 68, 48)',
|
39
|
+
colorOrangeDarker: 'rgb(74, 21, 4)',
|
40
|
+
colorOrangeDark: 'rgb(192, 87, 23)',
|
41
|
+
colorOrange: 'rgb(244, 147, 66)',
|
42
|
+
colorOrangeLight: 'rgb(255, 197, 139)',
|
43
|
+
colorOrangeLighter: 'rgb(252, 235, 219)',
|
44
|
+
colorRedText: 'rgb(88, 60, 53)',
|
45
|
+
colorRedDarker: 'rgb(51, 1, 1)',
|
46
|
+
colorRedDark: 'rgb(191, 7, 17)',
|
47
|
+
colorRed: 'rgb(222, 54, 24)',
|
48
|
+
colorRedLight: 'rgb(254, 173, 154)',
|
49
|
+
colorRedLighter: 'rgb(251, 234, 229)',
|
50
|
+
colorInk: 'rgb(33, 43, 54)',
|
51
|
+
colorInkLight: 'rgb(69, 79, 91)',
|
52
|
+
colorInkLighter: 'rgb(99, 115, 129)',
|
53
|
+
colorInkLightest: 'rgb(145, 158, 171)',
|
54
|
+
colorSkyDark: 'rgb(196, 205, 213)',
|
55
|
+
colorSky: 'rgb(223, 227, 232)',
|
56
|
+
colorSkyLight: 'rgb(244, 246, 248)',
|
57
|
+
colorSkyLighter: 'rgb(249, 250, 251)',
|
58
|
+
colorBlack: 'rgb(0, 0, 0)',
|
59
|
+
colorWhite: 'rgb(255, 255, 255)',
|
60
|
+
durationNone: 0,
|
61
|
+
durationFast: 100,
|
62
|
+
durationBase: 200,
|
63
|
+
durationSlow: 300,
|
64
|
+
durationSlower: 400,
|
65
|
+
durationSlowest: 500,
|
66
|
+
spacingNone: 0,
|
67
|
+
spacingExtraTight: '4px',
|
68
|
+
spacingTight: '8px',
|
69
|
+
spacingBaseTight: '12px',
|
70
|
+
spacingBase: '16px',
|
71
|
+
spacingLoose: '20px',
|
72
|
+
spacingExtraLoose: '32px',
|
73
|
+
fontStackBase:
|
74
|
+
"-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
|
75
|
+
fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
|
76
|
+
};
|
@@ -0,0 +1,76 @@
|
|
1
|
+
:root {
|
2
|
+
--color-purple-text: rgb(80, 73, 90);
|
3
|
+
--color-purple-darker: rgb(35, 0, 81);
|
4
|
+
--color-purple-dark: rgb(80, 36, 143);
|
5
|
+
--color-purple: rgb(156, 106, 222);
|
6
|
+
--color-purple-light: rgb(227, 208, 255);
|
7
|
+
--color-purple-lighter: rgb(246, 240, 253);
|
8
|
+
--color-indigo-text: rgb(62, 65, 85);
|
9
|
+
--color-indigo-darker: rgb(0, 6, 57);
|
10
|
+
--color-indigo-dark: rgb(32, 46, 120);
|
11
|
+
--color-indigo: rgb(18, 56, 191);
|
12
|
+
--color-indigo-light: rgb(179, 188, 245);
|
13
|
+
--color-indigo-lighter: rgb(244, 245, 250);
|
14
|
+
--color-blue-text: rgb(62, 78, 87);
|
15
|
+
--color-blue-darker: rgb(0, 20, 41);
|
16
|
+
--color-blue-dark: rgb(8, 78, 138);
|
17
|
+
--color-blue: rgb(0, 122, 206);
|
18
|
+
--color-blue-light: rgb(180, 225, 250);
|
19
|
+
--color-blue-lighter: rgb(235, 245, 250);
|
20
|
+
--color-teal-text: rgb(64, 83, 82);
|
21
|
+
--color-teal-darker: rgb(0, 49, 53);
|
22
|
+
--color-teal-dark: rgb(0, 132, 142);
|
23
|
+
--color-teal: rgb(71, 193, 191);
|
24
|
+
--color-teal-light: rgb(183, 236, 236);
|
25
|
+
--color-teal-lighter: rgb(224, 245, 245);
|
26
|
+
--color-green-text: rgb(65, 79, 62);
|
27
|
+
--color-green-darker: rgb(23, 54, 48);
|
28
|
+
--color-green-dark: rgb(16, 128, 67);
|
29
|
+
--color-green: rgb(80, 184, 60);
|
30
|
+
--color-green-light: rgb(187, 229, 179);
|
31
|
+
--color-green-lighter: rgb(227, 241, 223);
|
32
|
+
--color-yellow-text: rgb(89, 81, 48);
|
33
|
+
--color-yellow-darker: rgb(87, 59, 0);
|
34
|
+
--color-yellow-dark: rgb(138, 97, 22);
|
35
|
+
--color-yellow: rgb(238, 194, 0);
|
36
|
+
--color-yellow-light: rgb(255, 234, 138);
|
37
|
+
--color-yellow-lighter: rgb(252, 241, 205);
|
38
|
+
--color-orange-text: rgb(89, 68, 48);
|
39
|
+
--color-orange-darker: rgb(74, 21, 4);
|
40
|
+
--color-orange-dark: rgb(192, 87, 23);
|
41
|
+
--color-orange: rgb(244, 147, 66);
|
42
|
+
--color-orange-light: rgb(255, 197, 139);
|
43
|
+
--color-orange-lighter: rgb(252, 235, 219);
|
44
|
+
--color-red-text: rgb(88, 60, 53);
|
45
|
+
--color-red-darker: rgb(51, 1, 1);
|
46
|
+
--color-red-dark: rgb(191, 7, 17);
|
47
|
+
--color-red: rgb(222, 54, 24);
|
48
|
+
--color-red-light: rgb(254, 173, 154);
|
49
|
+
--color-red-lighter: rgb(251, 234, 229);
|
50
|
+
--color-ink: rgb(33, 43, 54);
|
51
|
+
--color-ink-light: rgb(69, 79, 91);
|
52
|
+
--color-ink-lighter: rgb(99, 115, 129);
|
53
|
+
--color-ink-lightest: rgb(145, 158, 171);
|
54
|
+
--color-sky-dark: rgb(196, 205, 213);
|
55
|
+
--color-sky: rgb(223, 227, 232);
|
56
|
+
--color-sky-light: rgb(244, 246, 248);
|
57
|
+
--color-sky-lighter: rgb(249, 250, 251);
|
58
|
+
--color-black: rgb(0, 0, 0);
|
59
|
+
--color-white: rgb(255, 255, 255);
|
60
|
+
--duration-none: 0;
|
61
|
+
--duration-fast: 100ms;
|
62
|
+
--duration-base: 200ms;
|
63
|
+
--duration-slow: 300ms;
|
64
|
+
--duration-slower: 400ms;
|
65
|
+
--duration-slowest: 500ms;
|
66
|
+
--spacing-none: 0;
|
67
|
+
--spacing-extra-tight: 4px;
|
68
|
+
--spacing-tight: 8px;
|
69
|
+
--spacing-base-tight: 12px;
|
70
|
+
--spacing-base: 16px;
|
71
|
+
--spacing-loose: 20px;
|
72
|
+
--spacing-extra-loose: 32px;
|
73
|
+
--font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
|
74
|
+
'Segoe UI', 'Helvetica Neue', sans-serif;
|
75
|
+
--font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
|
76
|
+
}
|
data/dist/index.d.ts
ADDED
@@ -0,0 +1,77 @@
|
|
1
|
+
declare interface Tokens {
|
2
|
+
colorBlack: "rgb(0, 0, 0)";
|
3
|
+
colorBlue: "rgb(0, 122, 206)";
|
4
|
+
colorBlueDark: "rgb(8, 78, 138)";
|
5
|
+
colorBlueDarker: "rgb(0, 20, 41)";
|
6
|
+
colorBlueLight: "rgb(180, 225, 250)";
|
7
|
+
colorBlueLighter: "rgb(235, 245, 250)";
|
8
|
+
colorBlueText: "rgb(62, 78, 87)";
|
9
|
+
colorGreen: "rgb(80, 184, 60)";
|
10
|
+
colorGreenDark: "rgb(16, 128, 67)";
|
11
|
+
colorGreenDarker: "rgb(23, 54, 48)";
|
12
|
+
colorGreenLight: "rgb(187, 229, 179)";
|
13
|
+
colorGreenLighter: "rgb(227, 241, 223)";
|
14
|
+
colorGreenText: "rgb(65, 79, 62)";
|
15
|
+
colorIndigo: "rgb(18, 56, 191)";
|
16
|
+
colorIndigoDark: "rgb(32, 46, 120)";
|
17
|
+
colorIndigoDarker: "rgb(0, 6, 57)";
|
18
|
+
colorIndigoLight: "rgb(179, 188, 245)";
|
19
|
+
colorIndigoLighter: "rgb(244, 245, 250)";
|
20
|
+
colorIndigoText: "rgb(62, 65, 85)";
|
21
|
+
colorInk: "rgb(33, 43, 54)";
|
22
|
+
colorInkLight: "rgb(69, 79, 91)";
|
23
|
+
colorInkLighter: "rgb(99, 115, 129)";
|
24
|
+
colorInkLightest: "rgb(145, 158, 171)";
|
25
|
+
colorOrange: "rgb(244, 147, 66)";
|
26
|
+
colorOrangeDark: "rgb(192, 87, 23)";
|
27
|
+
colorOrangeDarker: "rgb(74, 21, 4)";
|
28
|
+
colorOrangeLight: "rgb(255, 197, 139)";
|
29
|
+
colorOrangeLighter: "rgb(252, 235, 219)";
|
30
|
+
colorOrangeText: "rgb(89, 68, 48)";
|
31
|
+
colorPurple: "rgb(156, 106, 222)";
|
32
|
+
colorPurpleDark: "rgb(80, 36, 143)";
|
33
|
+
colorPurpleDarker: "rgb(35, 0, 81)";
|
34
|
+
colorPurpleLight: "rgb(227, 208, 255)";
|
35
|
+
colorPurpleLighter: "rgb(246, 240, 253)";
|
36
|
+
colorPurpleText: "rgb(80, 73, 90)";
|
37
|
+
colorRed: "rgb(222, 54, 24)";
|
38
|
+
colorRedDark: "rgb(191, 7, 17)";
|
39
|
+
colorRedDarker: "rgb(51, 1, 1)";
|
40
|
+
colorRedLight: "rgb(254, 173, 154)";
|
41
|
+
colorRedLighter: "rgb(251, 234, 229)";
|
42
|
+
colorRedText: "rgb(88, 60, 53)";
|
43
|
+
colorSky: "rgb(223, 227, 232)";
|
44
|
+
colorSkyDark: "rgb(196, 205, 213)";
|
45
|
+
colorSkyLight: "rgb(244, 246, 248)";
|
46
|
+
colorSkyLighter: "rgb(249, 250, 251)";
|
47
|
+
colorTeal: "rgb(71, 193, 191)";
|
48
|
+
colorTealDark: "rgb(0, 132, 142)";
|
49
|
+
colorTealDarker: "rgb(0, 49, 53)";
|
50
|
+
colorTealLight: "rgb(183, 236, 236)";
|
51
|
+
colorTealLighter: "rgb(224, 245, 245)";
|
52
|
+
colorTealText: "rgb(64, 83, 82)";
|
53
|
+
colorWhite: "rgb(255, 255, 255)";
|
54
|
+
colorYellow: "rgb(238, 194, 0)";
|
55
|
+
colorYellowDark: "rgb(138, 97, 22)";
|
56
|
+
colorYellowDarker: "rgb(87, 59, 0)";
|
57
|
+
colorYellowLight: "rgb(255, 234, 138)";
|
58
|
+
colorYellowLighter: "rgb(252, 241, 205)";
|
59
|
+
colorYellowText: "rgb(89, 81, 48)";
|
60
|
+
durationBase: 200;
|
61
|
+
durationFast: 100;
|
62
|
+
durationNone: 0;
|
63
|
+
durationSlow: 300;
|
64
|
+
durationSlower: 400;
|
65
|
+
durationSlowest: 500;
|
66
|
+
fontStackBase: "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif";
|
67
|
+
fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace";
|
68
|
+
spacingBase: "16px";
|
69
|
+
spacingBaseTight: "12px";
|
70
|
+
spacingExtraLoose: "32px";
|
71
|
+
spacingExtraTight: "4px";
|
72
|
+
spacingLoose: "20px";
|
73
|
+
spacingNone: 0;
|
74
|
+
spacingTight: "8px";
|
75
|
+
}
|
76
|
+
declare let tokens: Tokens;
|
77
|
+
export = tokens;
|
data/dist/index.json
ADDED
@@ -0,0 +1,75 @@
|
|
1
|
+
{
|
2
|
+
"color-purple-text": "rgb(80, 73, 90)",
|
3
|
+
"color-purple-darker": "rgb(35, 0, 81)",
|
4
|
+
"color-purple-dark": "rgb(80, 36, 143)",
|
5
|
+
"color-purple": "rgb(156, 106, 222)",
|
6
|
+
"color-purple-light": "rgb(227, 208, 255)",
|
7
|
+
"color-purple-lighter": "rgb(246, 240, 253)",
|
8
|
+
"color-indigo-text": "rgb(62, 65, 85)",
|
9
|
+
"color-indigo-darker": "rgb(0, 6, 57)",
|
10
|
+
"color-indigo-dark": "rgb(32, 46, 120)",
|
11
|
+
"color-indigo": "rgb(18, 56, 191)",
|
12
|
+
"color-indigo-light": "rgb(179, 188, 245)",
|
13
|
+
"color-indigo-lighter": "rgb(244, 245, 250)",
|
14
|
+
"color-blue-text": "rgb(62, 78, 87)",
|
15
|
+
"color-blue-darker": "rgb(0, 20, 41)",
|
16
|
+
"color-blue-dark": "rgb(8, 78, 138)",
|
17
|
+
"color-blue": "rgb(0, 122, 206)",
|
18
|
+
"color-blue-light": "rgb(180, 225, 250)",
|
19
|
+
"color-blue-lighter": "rgb(235, 245, 250)",
|
20
|
+
"color-teal-text": "rgb(64, 83, 82)",
|
21
|
+
"color-teal-darker": "rgb(0, 49, 53)",
|
22
|
+
"color-teal-dark": "rgb(0, 132, 142)",
|
23
|
+
"color-teal": "rgb(71, 193, 191)",
|
24
|
+
"color-teal-light": "rgb(183, 236, 236)",
|
25
|
+
"color-teal-lighter": "rgb(224, 245, 245)",
|
26
|
+
"color-green-text": "rgb(65, 79, 62)",
|
27
|
+
"color-green-darker": "rgb(23, 54, 48)",
|
28
|
+
"color-green-dark": "rgb(16, 128, 67)",
|
29
|
+
"color-green": "rgb(80, 184, 60)",
|
30
|
+
"color-green-light": "rgb(187, 229, 179)",
|
31
|
+
"color-green-lighter": "rgb(227, 241, 223)",
|
32
|
+
"color-yellow-text": "rgb(89, 81, 48)",
|
33
|
+
"color-yellow-darker": "rgb(87, 59, 0)",
|
34
|
+
"color-yellow-dark": "rgb(138, 97, 22)",
|
35
|
+
"color-yellow": "rgb(238, 194, 0)",
|
36
|
+
"color-yellow-light": "rgb(255, 234, 138)",
|
37
|
+
"color-yellow-lighter": "rgb(252, 241, 205)",
|
38
|
+
"color-orange-text": "rgb(89, 68, 48)",
|
39
|
+
"color-orange-darker": "rgb(74, 21, 4)",
|
40
|
+
"color-orange-dark": "rgb(192, 87, 23)",
|
41
|
+
"color-orange": "rgb(244, 147, 66)",
|
42
|
+
"color-orange-light": "rgb(255, 197, 139)",
|
43
|
+
"color-orange-lighter": "rgb(252, 235, 219)",
|
44
|
+
"color-red-text": "rgb(88, 60, 53)",
|
45
|
+
"color-red-darker": "rgb(51, 1, 1)",
|
46
|
+
"color-red-dark": "rgb(191, 7, 17)",
|
47
|
+
"color-red": "rgb(222, 54, 24)",
|
48
|
+
"color-red-light": "rgb(254, 173, 154)",
|
49
|
+
"color-red-lighter": "rgb(251, 234, 229)",
|
50
|
+
"color-ink": "rgb(33, 43, 54)",
|
51
|
+
"color-ink-light": "rgb(69, 79, 91)",
|
52
|
+
"color-ink-lighter": "rgb(99, 115, 129)",
|
53
|
+
"color-ink-lightest": "rgb(145, 158, 171)",
|
54
|
+
"color-sky-dark": "rgb(196, 205, 213)",
|
55
|
+
"color-sky": "rgb(223, 227, 232)",
|
56
|
+
"color-sky-light": "rgb(244, 246, 248)",
|
57
|
+
"color-sky-lighter": "rgb(249, 250, 251)",
|
58
|
+
"color-black": "rgb(0, 0, 0)",
|
59
|
+
"color-white": "rgb(255, 255, 255)",
|
60
|
+
"duration-none": 0,
|
61
|
+
"duration-fast": 100,
|
62
|
+
"duration-base": 200,
|
63
|
+
"duration-slow": 300,
|
64
|
+
"duration-slower": 400,
|
65
|
+
"duration-slowest": 500,
|
66
|
+
"spacing-none": 0,
|
67
|
+
"spacing-extra-tight": "4px",
|
68
|
+
"spacing-tight": "8px",
|
69
|
+
"spacing-base-tight": "12px",
|
70
|
+
"spacing-base": "16px",
|
71
|
+
"spacing-loose": "20px",
|
72
|
+
"spacing-extra-loose": "32px",
|
73
|
+
"font-stack-base": "-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif",
|
74
|
+
"font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
|
75
|
+
}
|