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.
@@ -9,4 +9,4 @@
9
9
  "highlight": "#5bcdda",
10
10
  "success": "#008060",
11
11
  "decorative": "#ffc96b"
12
- }
12
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ "surface": "#111213",
3
+ "onSurface": "#111213",
4
+ "interactive": "#2e72d2",
5
+ "secondary": "#111213",
6
+ "primary": "#2864aa",
7
+ "critical": "#d82c0d",
8
+ "warning": "#ffc453",
9
+ "highlight": "#5bcdda",
10
+ "success": "#008060",
11
+ "decorative": "#ffc96b"
12
+ }
@@ -137,4 +137,12 @@ $polaris-color-filters: (
137
137
  'white': (
138
138
  'base': brightness(0) saturate(100%) invert(100%),
139
139
  ),
140
+ 'icon': (
141
+ 'base': brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%)
142
+ hue-rotate(169deg) brightness(95%) contrast(87%),
143
+ ),
144
+ 'action': (
145
+ 'base': brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%)
146
+ hue-rotate(162deg) brightness(95%) contrast(101%),
147
+ ),
140
148
  );
data/dist/index.common.js CHANGED
@@ -1,76 +1,169 @@
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(92, 106, 196)',
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, 111, 187)',
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', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
75
- fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.colorInkLight = exports.colorInk = exports.colorRedLighter = exports.colorRedLight = exports.colorRed = exports.colorRedDark = exports.colorRedDarker = exports.colorRedText = exports.colorOrangeLighter = exports.colorOrangeLight = exports.colorOrange = exports.colorOrangeDark = exports.colorOrangeDarker = exports.colorOrangeText = exports.colorYellowLighter = exports.colorYellowLight = exports.colorYellow = exports.colorYellowDark = exports.colorYellowDarker = exports.colorYellowText = exports.colorGreenLighter = exports.colorGreenLight = exports.colorGreen = exports.colorGreenDark = exports.colorGreenDarker = exports.colorGreenText = exports.colorTealLighter = exports.colorTealLight = exports.colorTeal = exports.colorTealDark = exports.colorTealDarker = exports.colorTealText = exports.colorBlueLighter = exports.colorBlueLight = exports.colorBlue = exports.colorBlueDark = exports.colorBlueDarker = exports.colorBlueText = exports.colorIndigoLighter = exports.colorIndigoLight = exports.colorIndigo = exports.colorIndigoDark = exports.colorIndigoDarker = exports.colorIndigoText = exports.colorPurpleLighter = exports.colorPurpleLight = exports.colorPurple = exports.colorPurpleDark = exports.colorPurpleDarker = exports.colorPurpleText = void 0;
4
+ exports.fontStackMonospace = exports.fontStackBase = exports.spacingExtraLoose = exports.spacingLoose = exports.spacingBase = exports.spacingBaseTight = exports.spacingTight = exports.spacingExtraTight = exports.spacingNone = exports.durationSlowest = exports.durationSlower = exports.durationSlow = exports.durationBase = exports.durationFast = exports.durationNone = exports.colorWhite = exports.colorBlack = exports.colorSkyLighter = exports.colorSkyLight = exports.colorSky = exports.colorSkyDark = exports.colorInkLightest = exports.colorInkLighter = void 0;
5
+ exports.colorPurpleText = 'rgb(80, 73, 90)';
6
+ exports.colorPurpleDarker = 'rgb(35, 0, 81)';
7
+ exports.colorPurpleDark = 'rgb(80, 36, 143)';
8
+ exports.colorPurple = 'rgb(156, 106, 222)';
9
+ exports.colorPurpleLight = 'rgb(227, 208, 255)';
10
+ exports.colorPurpleLighter = 'rgb(246, 240, 253)';
11
+ exports.colorIndigoText = 'rgb(62, 65, 85)';
12
+ exports.colorIndigoDarker = 'rgb(0, 6, 57)';
13
+ exports.colorIndigoDark = 'rgb(32, 46, 120)';
14
+ exports.colorIndigo = 'rgb(92, 106, 196)';
15
+ exports.colorIndigoLight = 'rgb(179, 188, 245)';
16
+ exports.colorIndigoLighter = 'rgb(244, 245, 250)';
17
+ exports.colorBlueText = 'rgb(62, 78, 87)';
18
+ exports.colorBlueDarker = 'rgb(0, 20, 41)';
19
+ exports.colorBlueDark = 'rgb(8, 78, 138)';
20
+ exports.colorBlue = 'rgb(0, 111, 187)';
21
+ exports.colorBlueLight = 'rgb(180, 225, 250)';
22
+ exports.colorBlueLighter = 'rgb(235, 245, 250)';
23
+ exports.colorTealText = 'rgb(64, 83, 82)';
24
+ exports.colorTealDarker = 'rgb(0, 49, 53)';
25
+ exports.colorTealDark = 'rgb(0, 132, 142)';
26
+ exports.colorTeal = 'rgb(71, 193, 191)';
27
+ exports.colorTealLight = 'rgb(183, 236, 236)';
28
+ exports.colorTealLighter = 'rgb(224, 245, 245)';
29
+ exports.colorGreenText = 'rgb(65, 79, 62)';
30
+ exports.colorGreenDarker = 'rgb(23, 54, 48)';
31
+ exports.colorGreenDark = 'rgb(16, 128, 67)';
32
+ exports.colorGreen = 'rgb(80, 184, 60)';
33
+ exports.colorGreenLight = 'rgb(187, 229, 179)';
34
+ exports.colorGreenLighter = 'rgb(227, 241, 223)';
35
+ exports.colorYellowText = 'rgb(89, 81, 48)';
36
+ exports.colorYellowDarker = 'rgb(87, 59, 0)';
37
+ exports.colorYellowDark = 'rgb(138, 97, 22)';
38
+ exports.colorYellow = 'rgb(238, 194, 0)';
39
+ exports.colorYellowLight = 'rgb(255, 234, 138)';
40
+ exports.colorYellowLighter = 'rgb(252, 241, 205)';
41
+ exports.colorOrangeText = 'rgb(89, 68, 48)';
42
+ exports.colorOrangeDarker = 'rgb(74, 21, 4)';
43
+ exports.colorOrangeDark = 'rgb(192, 87, 23)';
44
+ exports.colorOrange = 'rgb(244, 147, 66)';
45
+ exports.colorOrangeLight = 'rgb(255, 197, 139)';
46
+ exports.colorOrangeLighter = 'rgb(252, 235, 219)';
47
+ exports.colorRedText = 'rgb(88, 60, 53)';
48
+ exports.colorRedDarker = 'rgb(51, 1, 1)';
49
+ exports.colorRedDark = 'rgb(191, 7, 17)';
50
+ exports.colorRed = 'rgb(222, 54, 24)';
51
+ exports.colorRedLight = 'rgb(254, 173, 154)';
52
+ exports.colorRedLighter = 'rgb(251, 234, 229)';
53
+ exports.colorInk = 'rgb(33, 43, 54)';
54
+ exports.colorInkLight = 'rgb(69, 79, 91)';
55
+ exports.colorInkLighter = 'rgb(99, 115, 129)';
56
+ exports.colorInkLightest = 'rgb(145, 158, 171)';
57
+ exports.colorSkyDark = 'rgb(196, 205, 213)';
58
+ exports.colorSky = 'rgb(223, 227, 232)';
59
+ exports.colorSkyLight = 'rgb(244, 246, 248)';
60
+ exports.colorSkyLighter = 'rgb(249, 250, 251)';
61
+ exports.colorBlack = 'rgb(0, 0, 0)';
62
+ exports.colorWhite = 'rgb(255, 255, 255)';
63
+ exports.durationNone = 0;
64
+ exports.durationFast = 100;
65
+ exports.durationBase = 200;
66
+ exports.durationSlow = 300;
67
+ exports.durationSlower = 400;
68
+ exports.durationSlowest = 500;
69
+ exports.spacingNone = 0;
70
+ exports.spacingExtraTight = '4px';
71
+ exports.spacingTight = '8px';
72
+ exports.spacingBaseTight = '12px';
73
+ exports.spacingBase = '16px';
74
+ exports.spacingLoose = '20px';
75
+ exports.spacingExtraLoose = '32px';
76
+ exports.fontStackBase = "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
77
+ exports.fontStackMonospace = "Monaco, Consolas, 'Lucida Console', monospace";
78
+ // When this package shipped only CJS, bundlers applied some cjs-to-esm interop
79
+ // dark magic that meant you could access content from index.common.js from an
80
+ // esm file in many ways.
81
+ // The following were all valid ways to access tokens:
82
+ //
83
+ // import {colorInk as namedImport} from '@shopify/polaris-tokens'
84
+ // import * as namespaceImport from '@shopify/polaris-tokens'
85
+ // import defaultImport from '@shopify/polaris-tokens'
86
+ // console.log(colorInk, namespaceImport.colorInk, defaultImport.colorInk)
87
+ //
88
+ // In order to avoid adding this esm file being a breaking change, we must
89
+ // provide a default export to maintain compatibility.
90
+ // This is a deprecated way of accessing tokens. Consumers should use either
91
+ // named imports (`import {colorInk}`) or a namespace import
92
+ // (`import * as tokens`).
93
+ // This default export should be removed in polaris-tokens v3 if we don't
94
+ // remove this file entirely.
95
+ exports.default = {
96
+ colorPurpleText: exports.colorPurpleText,
97
+ colorPurpleDarker: exports.colorPurpleDarker,
98
+ colorPurpleDark: exports.colorPurpleDark,
99
+ colorPurple: exports.colorPurple,
100
+ colorPurpleLight: exports.colorPurpleLight,
101
+ colorPurpleLighter: exports.colorPurpleLighter,
102
+ colorIndigoText: exports.colorIndigoText,
103
+ colorIndigoDarker: exports.colorIndigoDarker,
104
+ colorIndigoDark: exports.colorIndigoDark,
105
+ colorIndigo: exports.colorIndigo,
106
+ colorIndigoLight: exports.colorIndigoLight,
107
+ colorIndigoLighter: exports.colorIndigoLighter,
108
+ colorBlueText: exports.colorBlueText,
109
+ colorBlueDarker: exports.colorBlueDarker,
110
+ colorBlueDark: exports.colorBlueDark,
111
+ colorBlue: exports.colorBlue,
112
+ colorBlueLight: exports.colorBlueLight,
113
+ colorBlueLighter: exports.colorBlueLighter,
114
+ colorTealText: exports.colorTealText,
115
+ colorTealDarker: exports.colorTealDarker,
116
+ colorTealDark: exports.colorTealDark,
117
+ colorTeal: exports.colorTeal,
118
+ colorTealLight: exports.colorTealLight,
119
+ colorTealLighter: exports.colorTealLighter,
120
+ colorGreenText: exports.colorGreenText,
121
+ colorGreenDarker: exports.colorGreenDarker,
122
+ colorGreenDark: exports.colorGreenDark,
123
+ colorGreen: exports.colorGreen,
124
+ colorGreenLight: exports.colorGreenLight,
125
+ colorGreenLighter: exports.colorGreenLighter,
126
+ colorYellowText: exports.colorYellowText,
127
+ colorYellowDarker: exports.colorYellowDarker,
128
+ colorYellowDark: exports.colorYellowDark,
129
+ colorYellow: exports.colorYellow,
130
+ colorYellowLight: exports.colorYellowLight,
131
+ colorYellowLighter: exports.colorYellowLighter,
132
+ colorOrangeText: exports.colorOrangeText,
133
+ colorOrangeDarker: exports.colorOrangeDarker,
134
+ colorOrangeDark: exports.colorOrangeDark,
135
+ colorOrange: exports.colorOrange,
136
+ colorOrangeLight: exports.colorOrangeLight,
137
+ colorOrangeLighter: exports.colorOrangeLighter,
138
+ colorRedText: exports.colorRedText,
139
+ colorRedDarker: exports.colorRedDarker,
140
+ colorRedDark: exports.colorRedDark,
141
+ colorRed: exports.colorRed,
142
+ colorRedLight: exports.colorRedLight,
143
+ colorRedLighter: exports.colorRedLighter,
144
+ colorInk: exports.colorInk,
145
+ colorInkLight: exports.colorInkLight,
146
+ colorInkLighter: exports.colorInkLighter,
147
+ colorInkLightest: exports.colorInkLightest,
148
+ colorSkyDark: exports.colorSkyDark,
149
+ colorSky: exports.colorSky,
150
+ colorSkyLight: exports.colorSkyLight,
151
+ colorSkyLighter: exports.colorSkyLighter,
152
+ colorBlack: exports.colorBlack,
153
+ colorWhite: exports.colorWhite,
154
+ durationNone: exports.durationNone,
155
+ durationFast: exports.durationFast,
156
+ durationBase: exports.durationBase,
157
+ durationSlow: exports.durationSlow,
158
+ durationSlower: exports.durationSlower,
159
+ durationSlowest: exports.durationSlowest,
160
+ spacingNone: exports.spacingNone,
161
+ spacingExtraTight: exports.spacingExtraTight,
162
+ spacingTight: exports.spacingTight,
163
+ spacingBaseTight: exports.spacingBaseTight,
164
+ spacingBase: exports.spacingBase,
165
+ spacingLoose: exports.spacingLoose,
166
+ spacingExtraLoose: exports.spacingExtraLoose,
167
+ fontStackBase: exports.fontStackBase,
168
+ fontStackMonospace: exports.fontStackMonospace,
76
169
  };
data/dist/index.d.ts CHANGED
@@ -1,77 +1,149 @@
1
- declare interface Tokens {
2
- colorBlack: "rgb(0, 0, 0)";
3
- colorBlue: "rgb(0, 111, 187)";
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(92, 106, 196)";
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', 'Segoe UI', Roboto, '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;
1
+ export declare const colorPurpleText = "rgb(80, 73, 90)";
2
+ export declare const colorPurpleDarker = "rgb(35, 0, 81)";
3
+ export declare const colorPurpleDark = "rgb(80, 36, 143)";
4
+ export declare const colorPurple = "rgb(156, 106, 222)";
5
+ export declare const colorPurpleLight = "rgb(227, 208, 255)";
6
+ export declare const colorPurpleLighter = "rgb(246, 240, 253)";
7
+ export declare const colorIndigoText = "rgb(62, 65, 85)";
8
+ export declare const colorIndigoDarker = "rgb(0, 6, 57)";
9
+ export declare const colorIndigoDark = "rgb(32, 46, 120)";
10
+ export declare const colorIndigo = "rgb(92, 106, 196)";
11
+ export declare const colorIndigoLight = "rgb(179, 188, 245)";
12
+ export declare const colorIndigoLighter = "rgb(244, 245, 250)";
13
+ export declare const colorBlueText = "rgb(62, 78, 87)";
14
+ export declare const colorBlueDarker = "rgb(0, 20, 41)";
15
+ export declare const colorBlueDark = "rgb(8, 78, 138)";
16
+ export declare const colorBlue = "rgb(0, 111, 187)";
17
+ export declare const colorBlueLight = "rgb(180, 225, 250)";
18
+ export declare const colorBlueLighter = "rgb(235, 245, 250)";
19
+ export declare const colorTealText = "rgb(64, 83, 82)";
20
+ export declare const colorTealDarker = "rgb(0, 49, 53)";
21
+ export declare const colorTealDark = "rgb(0, 132, 142)";
22
+ export declare const colorTeal = "rgb(71, 193, 191)";
23
+ export declare const colorTealLight = "rgb(183, 236, 236)";
24
+ export declare const colorTealLighter = "rgb(224, 245, 245)";
25
+ export declare const colorGreenText = "rgb(65, 79, 62)";
26
+ export declare const colorGreenDarker = "rgb(23, 54, 48)";
27
+ export declare const colorGreenDark = "rgb(16, 128, 67)";
28
+ export declare const colorGreen = "rgb(80, 184, 60)";
29
+ export declare const colorGreenLight = "rgb(187, 229, 179)";
30
+ export declare const colorGreenLighter = "rgb(227, 241, 223)";
31
+ export declare const colorYellowText = "rgb(89, 81, 48)";
32
+ export declare const colorYellowDarker = "rgb(87, 59, 0)";
33
+ export declare const colorYellowDark = "rgb(138, 97, 22)";
34
+ export declare const colorYellow = "rgb(238, 194, 0)";
35
+ export declare const colorYellowLight = "rgb(255, 234, 138)";
36
+ export declare const colorYellowLighter = "rgb(252, 241, 205)";
37
+ export declare const colorOrangeText = "rgb(89, 68, 48)";
38
+ export declare const colorOrangeDarker = "rgb(74, 21, 4)";
39
+ export declare const colorOrangeDark = "rgb(192, 87, 23)";
40
+ export declare const colorOrange = "rgb(244, 147, 66)";
41
+ export declare const colorOrangeLight = "rgb(255, 197, 139)";
42
+ export declare const colorOrangeLighter = "rgb(252, 235, 219)";
43
+ export declare const colorRedText = "rgb(88, 60, 53)";
44
+ export declare const colorRedDarker = "rgb(51, 1, 1)";
45
+ export declare const colorRedDark = "rgb(191, 7, 17)";
46
+ export declare const colorRed = "rgb(222, 54, 24)";
47
+ export declare const colorRedLight = "rgb(254, 173, 154)";
48
+ export declare const colorRedLighter = "rgb(251, 234, 229)";
49
+ export declare const colorInk = "rgb(33, 43, 54)";
50
+ export declare const colorInkLight = "rgb(69, 79, 91)";
51
+ export declare const colorInkLighter = "rgb(99, 115, 129)";
52
+ export declare const colorInkLightest = "rgb(145, 158, 171)";
53
+ export declare const colorSkyDark = "rgb(196, 205, 213)";
54
+ export declare const colorSky = "rgb(223, 227, 232)";
55
+ export declare const colorSkyLight = "rgb(244, 246, 248)";
56
+ export declare const colorSkyLighter = "rgb(249, 250, 251)";
57
+ export declare const colorBlack = "rgb(0, 0, 0)";
58
+ export declare const colorWhite = "rgb(255, 255, 255)";
59
+ export declare const durationNone = 0;
60
+ export declare const durationFast = 100;
61
+ export declare const durationBase = 200;
62
+ export declare const durationSlow = 300;
63
+ export declare const durationSlower = 400;
64
+ export declare const durationSlowest = 500;
65
+ export declare const spacingNone = 0;
66
+ export declare const spacingExtraTight = "4px";
67
+ export declare const spacingTight = "8px";
68
+ export declare const spacingBaseTight = "12px";
69
+ export declare const spacingBase = "16px";
70
+ export declare const spacingLoose = "20px";
71
+ export declare const spacingExtraLoose = "32px";
72
+ export declare const fontStackBase = "-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
73
+ export declare const fontStackMonospace = "Monaco, Consolas, 'Lucida Console', monospace";
74
+ declare const _default: {
75
+ colorPurpleText: string;
76
+ colorPurpleDarker: string;
77
+ colorPurpleDark: string;
78
+ colorPurple: string;
79
+ colorPurpleLight: string;
80
+ colorPurpleLighter: string;
81
+ colorIndigoText: string;
82
+ colorIndigoDarker: string;
83
+ colorIndigoDark: string;
84
+ colorIndigo: string;
85
+ colorIndigoLight: string;
86
+ colorIndigoLighter: string;
87
+ colorBlueText: string;
88
+ colorBlueDarker: string;
89
+ colorBlueDark: string;
90
+ colorBlue: string;
91
+ colorBlueLight: string;
92
+ colorBlueLighter: string;
93
+ colorTealText: string;
94
+ colorTealDarker: string;
95
+ colorTealDark: string;
96
+ colorTeal: string;
97
+ colorTealLight: string;
98
+ colorTealLighter: string;
99
+ colorGreenText: string;
100
+ colorGreenDarker: string;
101
+ colorGreenDark: string;
102
+ colorGreen: string;
103
+ colorGreenLight: string;
104
+ colorGreenLighter: string;
105
+ colorYellowText: string;
106
+ colorYellowDarker: string;
107
+ colorYellowDark: string;
108
+ colorYellow: string;
109
+ colorYellowLight: string;
110
+ colorYellowLighter: string;
111
+ colorOrangeText: string;
112
+ colorOrangeDarker: string;
113
+ colorOrangeDark: string;
114
+ colorOrange: string;
115
+ colorOrangeLight: string;
116
+ colorOrangeLighter: string;
117
+ colorRedText: string;
118
+ colorRedDarker: string;
119
+ colorRedDark: string;
120
+ colorRed: string;
121
+ colorRedLight: string;
122
+ colorRedLighter: string;
123
+ colorInk: string;
124
+ colorInkLight: string;
125
+ colorInkLighter: string;
126
+ colorInkLightest: string;
127
+ colorSkyDark: string;
128
+ colorSky: string;
129
+ colorSkyLight: string;
130
+ colorSkyLighter: string;
131
+ colorBlack: string;
132
+ colorWhite: string;
133
+ durationNone: number;
134
+ durationFast: number;
135
+ durationBase: number;
136
+ durationSlow: number;
137
+ durationSlower: number;
138
+ durationSlowest: number;
139
+ spacingNone: number;
140
+ spacingExtraTight: string;
141
+ spacingTight: string;
142
+ spacingBaseTight: string;
143
+ spacingBase: string;
144
+ spacingLoose: string;
145
+ spacingExtraLoose: string;
146
+ fontStackBase: string;
147
+ fontStackMonospace: string;
148
+ };
149
+ export default _default;