@expo/styleguide-native 4.4.0 → 5.1.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.
Files changed (9) hide show
  1. package/dist/styles/palette.d.ts +194 -222
  2. package/dist/styles/palette.js +41 -222
  3. package/dist/styles/shadows.d.ts +5 -35
  4. package/dist/styles/shadows.js +6 -12
  5. package/dist/styles/sizing.d.ts +15 -9
  6. package/dist/styles/sizing.js +15 -9
  7. package/dist/styles/themes.d.ts +168 -112
  8. package/dist/styles/themes.js +203 -147
  9. package/package.json +5 -2
package/dist/styles/themes.d.ts CHANGED
@@ -2,179 +2,235 @@ export declare const lightTheme: {
2
2
  background: {
3
3
  default: string;
4
4
  screen: string;
5
+ subtle: string;
6
+ element: string;
7
+ hover: string;
8
+ selected: string;
9
+ overlay: string;
10
+ success: string;
11
+ warning: string;
12
+ danger: string;
13
+ info: string;
14
+ };
15
+ icon: {
16
+ default: string;
5
17
  secondary: string;
6
18
  tertiary: string;
7
19
  quaternary: string;
8
- error: string;
20
+ success: string;
9
21
  warning: string;
22
+ danger: string;
23
+ info: string;
24
+ };
25
+ text: {
26
+ default: string;
27
+ secondary: string;
28
+ tertiary: string;
29
+ quaternary: string;
30
+ link: string;
10
31
  success: string;
32
+ warning: string;
33
+ danger: string;
11
34
  info: string;
12
- overlay: string;
13
35
  };
14
36
  border: {
15
37
  default: string;
16
- error: string;
38
+ secondary: string;
17
39
  success: string;
18
40
  warning: string;
41
+ danger: string;
19
42
  info: string;
20
43
  };
21
44
  button: {
22
45
  primary: {
23
46
  background: string;
24
- foreground: string;
47
+ border: string;
48
+ hover: string;
49
+ icon: string;
50
+ text: string;
51
+ disabled: {
52
+ background: string;
53
+ border: string;
54
+ text: string;
55
+ };
56
+ destructive: {
57
+ background: string;
58
+ border: string;
59
+ hover: string;
60
+ icon: string;
61
+ text: string;
62
+ disabled: {
63
+ background: string;
64
+ border: string;
65
+ text: string;
66
+ };
67
+ };
25
68
  };
26
69
  secondary: {
27
70
  background: string;
28
- foreground: string;
71
+ border: string;
72
+ hover: string;
73
+ icon: string;
74
+ text: string;
75
+ disabled: {
76
+ background: string;
77
+ border: string;
78
+ text: string;
79
+ };
80
+ destructive: {
81
+ background: string;
82
+ border: string;
83
+ hover: string;
84
+ icon: string;
85
+ text: string;
86
+ disabled: {
87
+ background: string;
88
+ border: string;
89
+ text: string;
90
+ };
91
+ };
29
92
  };
30
93
  tertiary: {
31
94
  background: string;
32
- foreground: string;
33
- };
34
- transparent: {
35
- background: string;
36
- foreground: string;
95
+ border: string;
96
+ hover: string;
97
+ icon: string;
98
+ text: string;
99
+ disabled: {
100
+ background: string;
101
+ border: string;
102
+ text: string;
103
+ };
37
104
  };
38
- ghost: {
105
+ quaternary: {
39
106
  background: string;
40
- foreground: string;
41
107
  border: string;
108
+ hover: string;
109
+ icon: string;
110
+ text: string;
111
+ disabled: {
112
+ background: string;
113
+ border: string;
114
+ text: string;
115
+ };
42
116
  };
43
117
  };
44
- icon: {
45
- default: string;
46
- secondary: string;
47
- };
48
- link: {
49
- default: string;
50
- };
51
- status: {
118
+ };
119
+ export declare const darkTheme: {
120
+ background: {
52
121
  default: string;
53
- error: string;
54
- warning: string;
122
+ screen: string;
123
+ subtle: string;
124
+ element: string;
125
+ hover: string;
126
+ selected: string;
127
+ overlay: string;
55
128
  success: string;
129
+ warning: string;
130
+ danger: string;
56
131
  info: string;
57
132
  };
58
- text: {
133
+ icon: {
59
134
  default: string;
60
135
  secondary: string;
61
- error: string;
62
- warning: string;
136
+ tertiary: string;
137
+ quaternary: string;
63
138
  success: string;
139
+ warning: string;
140
+ danger: string;
64
141
  info: string;
65
142
  };
66
- code: {
67
- keyword: string;
68
- builtin: string;
69
- property: string;
70
- comment: string;
71
- punctuation: string;
72
- operator: string;
73
- regex: string;
74
- string: string;
75
- before: string;
76
- };
77
- highlight: {
78
- accent: string;
79
- emphasis: string;
80
- };
81
- project: {
82
- blue: string;
83
- green: string;
84
- yellow: string;
85
- orange: string;
86
- red: string;
87
- pink: string;
88
- purple: string;
89
- };
90
- };
91
- export declare const darkTheme: {
92
- background: {
143
+ text: {
93
144
  default: string;
94
- screen: string;
95
145
  secondary: string;
96
146
  tertiary: string;
97
147
  quaternary: string;
98
- error: string;
99
- warning: string;
148
+ link: string;
100
149
  success: string;
150
+ warning: string;
151
+ danger: string;
101
152
  info: string;
102
- overlay: string;
103
153
  };
104
154
  border: {
105
155
  default: string;
106
- error: string;
156
+ secondary: string;
107
157
  success: string;
108
158
  warning: string;
159
+ danger: string;
109
160
  info: string;
110
161
  };
111
162
  button: {
112
163
  primary: {
113
164
  background: string;
114
- foreground: string;
165
+ border: string;
166
+ hover: string;
167
+ icon: string;
168
+ text: string;
169
+ disabled: {
170
+ background: string;
171
+ border: string;
172
+ text: string;
173
+ };
174
+ destructive: {
175
+ background: string;
176
+ border: string;
177
+ hover: string;
178
+ icon: string;
179
+ text: string;
180
+ disabled: {
181
+ background: string;
182
+ border: string;
183
+ text: string;
184
+ };
185
+ };
115
186
  };
116
187
  secondary: {
117
188
  background: string;
118
- foreground: string;
189
+ border: string;
190
+ hover: string;
191
+ icon: string;
192
+ text: string;
193
+ disabled: {
194
+ background: string;
195
+ border: string;
196
+ text: string;
197
+ };
198
+ destructive: {
199
+ background: string;
200
+ border: string;
201
+ hover: string;
202
+ icon: string;
203
+ text: string;
204
+ disabled: {
205
+ background: string;
206
+ border: string;
207
+ text: string;
208
+ };
209
+ };
119
210
  };
120
211
  tertiary: {
121
212
  background: string;
122
- foreground: string;
123
- };
124
- transparent: {
125
- background: string;
126
- foreground: string;
213
+ border: string;
214
+ hover: string;
215
+ icon: string;
216
+ text: string;
217
+ disabled: {
218
+ background: string;
219
+ border: string;
220
+ text: string;
221
+ };
127
222
  };
128
- ghost: {
223
+ quaternary: {
129
224
  background: string;
130
- foreground: string;
131
225
  border: string;
226
+ hover: string;
227
+ icon: string;
228
+ text: string;
229
+ disabled: {
230
+ background: string;
231
+ border: string;
232
+ text: string;
233
+ };
132
234
  };
133
235
  };
134
- icon: {
135
- default: string;
136
- secondary: string;
137
- };
138
- link: {
139
- default: string;
140
- };
141
- status: {
142
- default: string;
143
- error: string;
144
- warning: string;
145
- success: string;
146
- info: string;
147
- };
148
- text: {
149
- default: string;
150
- secondary: string;
151
- error: string;
152
- warning: string;
153
- success: string;
154
- info: string;
155
- };
156
- code: {
157
- keyword: string;
158
- builtin: string;
159
- property: string;
160
- comment: string;
161
- punctuation: string;
162
- operator: string;
163
- regex: string;
164
- string: string;
165
- before: string;
166
- };
167
- highlight: {
168
- accent: string;
169
- emphasis: string;
170
- };
171
- project: {
172
- blue: string;
173
- green: string;
174
- yellow: string;
175
- orange: string;
176
- red: string;
177
- pink: string;
178
- purple: string;
179
- };
180
236
  };