polaris_tokens_plus 2.5.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +19 -0
  3. data/README.md +206 -0
  4. data/dist/Polaris.ase +0 -0
  5. data/dist/Polaris.clr +0 -0
  6. data/dist/Polaris.sketchpalette +402 -0
  7. data/dist/color-filters.color-map.scss +140 -0
  8. data/dist/color-filters.common.js +116 -0
  9. data/dist/color-filters.custom-properties.css +116 -0
  10. data/dist/color-filters.json +60 -0
  11. data/dist/color-filters.map.scss +232 -0
  12. data/dist/color-filters.raw.json +586 -0
  13. data/dist/color-filters.scss +114 -0
  14. data/dist/colors.android.xml +61 -0
  15. data/dist/colors.ase.json +344 -0
  16. data/dist/colors.color-map.scss +84 -0
  17. data/dist/colors.common.js +60 -0
  18. data/dist/colors.custom-properties.css +60 -0
  19. data/dist/colors.json +60 -0
  20. data/dist/colors.map.scss +176 -0
  21. data/dist/colors.raw.json +586 -0
  22. data/dist/colors.scss +58 -0
  23. data/dist/duration.common.js +8 -0
  24. data/dist/duration.custom-properties.css +8 -0
  25. data/dist/duration.json +8 -0
  26. data/dist/duration.map.scss +20 -0
  27. data/dist/duration.raw.json +47 -0
  28. data/dist/duration.scss +6 -0
  29. data/dist/index.common.js +76 -0
  30. data/dist/index.custom-properties.css +76 -0
  31. data/dist/index.d.ts +77 -0
  32. data/dist/index.json +75 -0
  33. data/dist/index.map.scss +230 -0
  34. data/dist/index.raw.json +691 -0
  35. data/dist/index.scss +74 -0
  36. data/dist/spacing.common.js +9 -0
  37. data/dist/spacing.custom-properties.css +9 -0
  38. data/dist/spacing.json +9 -0
  39. data/dist/spacing.map.scss +23 -0
  40. data/dist/spacing.raw.json +54 -0
  41. data/dist/spacing.scss +7 -0
  42. data/dist/spacing.spacing-map.scss +9 -0
  43. data/dist/typography.common.js +5 -0
  44. data/dist/typography.custom-properties.css +5 -0
  45. data/dist/typography.json +4 -0
  46. data/dist/typography.map.scss +17 -0
  47. data/dist/typography.raw.json +19 -0
  48. data/dist/typography.scss +3 -0
  49. data/index.js +1 -0
  50. data/lib/polaris_tokens.rb +7 -0
  51. data/lib/polaris_tokens/rails/engine.rb +9 -0
  52. data/lib/polaris_tokens/version.rb +10 -0
  53. data/package.json +86 -0
  54. metadata +99 -0
@@ -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);
@@ -0,0 +1,8 @@
1
+ module.exports = {
2
+ durationNone: 0,
3
+ durationFast: 100,
4
+ durationBase: 200,
5
+ durationSlow: 300,
6
+ durationSlower: 400,
7
+ durationSlowest: 500,
8
+ };
@@ -0,0 +1,8 @@
1
+ :root {
2
+ --duration-none: 0;
3
+ --duration-fast: 100ms;
4
+ --duration-base: 200ms;
5
+ --duration-slow: 300ms;
6
+ --duration-slower: 400ms;
7
+ --duration-slowest: 500ms;
8
+ }
@@ -0,0 +1,8 @@
1
+ {
2
+ "duration-none": 0,
3
+ "duration-fast": 100,
4
+ "duration-base": 200,
5
+ "duration-slow": 300,
6
+ "duration-slower": 400,
7
+ "duration-slowest": 500
8
+ }
@@ -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
+ }
@@ -0,0 +1,6 @@
1
+ $duration-none: 0;
2
+ $duration-fast: 100ms;
3
+ $duration-base: 200ms;
4
+ $duration-slow: 300ms;
5
+ $duration-slower: 400ms;
6
+ $duration-slowest: 500ms;
@@ -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
+ }
@@ -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;
@@ -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
+ }