@expo/styleguide-native 7.0.0-alpha.2 → 7.0.1

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 (7) hide show
  1. package/dist/index.js +1 -297
  2. package/dist/src/logos/DocsLogo.d.ts +2 -1
  3. package/dist/src/logos/ExpoGoLogo.d.ts +2 -1
  4. package/dist/src/logos/Logo.d.ts +2 -1
  5. package/dist/src/logos/SnackLogo.d.ts +2 -1
  6. package/dist/src/logos/WordMarkLogo.d.ts +2 -1
  7. package/package.json +3 -9
package/dist/index.js CHANGED
@@ -1,297 +1 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var Svg = require('react-native-svg');
5
-
6
- /******************************************************************************
7
- Copyright (c) Microsoft Corporation.
8
-
9
- Permission to use, copy, modify, and/or distribute this software for any
10
- purpose with or without fee is hereby granted.
11
-
12
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
13
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
14
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
15
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
16
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
17
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
18
- PERFORMANCE OF THIS SOFTWARE.
19
- ***************************************************************************** */
20
-
21
- var __assign = function() {
22
- __assign = Object.assign || function __assign(t) {
23
- for (var s, i = 1, n = arguments.length; i < n; i++) {
24
- s = arguments[i];
25
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
26
- }
27
- return t;
28
- };
29
- return __assign.apply(this, arguments);
30
- };
31
-
32
- function DocsLogo(props) {
33
- var color = props.color;
34
- return (React.createElement(Svg, __assign({ viewBox: "0 0 20 20", fill: "none" }, props),
35
- React.createElement(Svg.Path, { d: "M12.07 8a.157.157 0 01.166.015l5.374 4.141a.16.16 0 01.055.168l-.37 1.298a.157.157 0 01-.234.09l-4.416-2.768-.846 5.47a.157.157 0 01-.219.12l-1.158-.518a.157.157 0 01-.093-.154l.477-7.132a.157.157 0 01.085-.129L12.069 8z", fill: color || '#000' }),
36
- React.createElement(Svg.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.584.02a.157.157 0 00-.157.001L.708 5.071l-.003.001a.157.157 0 00-.079.135V15.31c0 .056.03.108.079.136l1.71.984.004.003a.157.157 0 00.157 0l1.054-.61v1.183c0 .056.03.108.078.136l1.715.987a.157.157 0 00.156 0l.003-.002 2.024-1.172.91 2.934a.157.157 0 00.198.102l1.815-.594a.156.156 0 00.03-.013l8.732-4.666a.157.157 0 00.075-.186L16.06 4.258a.157.157 0 00-.205-.098l-1.473.529v-1.85a.157.157 0 00-.079-.135l-.002-.001-1.713-.986a.157.157 0 00-.156 0l-1.054.61V1.144a.157.157 0 00-.078-.136L9.584.02zM5.33 9.56l-.003-1.578-1.383-.805v9.74l1.4.806-.014-8.119a.156.156 0 010-.045zM.94 5.48l1.384.805.017 9.741-1.4-.806V5.48zm9.968-4.336l-1.4-.806-8.412 4.87 1.385.806 8.427-4.87zM5.483 7.71l8.427-4.87-1.4-.806-8.411 4.87 1.384.806zm5.09 11.313l-3.21-9.971 8.455-4.519 3.21 9.97-8.456 4.52zM5.678 9.678l3.09 9.967 1.514-.496-3.21-9.972-1.394.501z", fill: color || '#000' })));
37
- }
38
-
39
- function ExpoGoLogo(props) {
40
- var color = props.color;
41
- return (React.createElement(Svg, __assign({ viewBox: "0 0 20 20", fill: "none" }, props),
42
- React.createElement(Svg.Path, { d: "M18.072 7.75a1.749 1.749 0 00-1.56-.732 1.763 1.763 0 00-1.436.946 1.55 1.55 0 00.302 1.75 2.57 2.57 0 001.716-.484 2.53 2.53 0 00.978-1.48zM12.866 1L11.751.394 6.897 3.072l.387.207.736.383 1.332-.733L12.867.987 12.866 1zm.449-.184a.173.173 0 01.124.115l1.626 4.755a.158.158 0 01-.077.207 3.126 3.126 0 00-1.384 1.519 3.09 3.09 0 00-.134 2.042 3.29 3.29 0 001.35 1.793 3.343 3.343 0 002.195.524.208.208 0 01.202.123l1.68 4.88a.196.196 0 01-.078.215l-5.163 2.992a.195.195 0 01-.078.015.208.208 0 01-.14-.022l-1.81-1.129a.18.18 0 01-.078-.076l-3.538-8.065-5.388 3.039a.25.25 0 01-.21.008l-1.224-.69a.177.177 0 01-.077-.23l5.234-9.847c.02-.033.05-.06.085-.076L11.65.023a.2.2 0 01.186 0l1.479.793zM6.843 3.46l-.256-.13-5.044 9.523.92.514 4.352-5.643a.212.212 0 01.178-.077.217.217 0 01.155.115l4.738 10.82 1.266.775L8.066 4.62l-.216-.614-1.014-.552.007.007zm7.804 5.679a1.932 1.932 0 01.092-1.28c.176-.404.484-.737.875-.945a2.152 2.152 0 012.509.307 1.934 1.934 0 01.056 2.745l-.056.056a2.118 2.118 0 01-1.986.516 2.118 2.118 0 01-.928-.508 2.091 2.091 0 01-.562-.891z", fill: color || '#000' })));
43
- }
44
-
45
- function Logo(props) {
46
- var color = props.color;
47
- return (React.createElement(Svg, __assign({ viewBox: "0 0 20 20", fill: "none" }, props),
48
- React.createElement(Svg.Path, { d: "M9.477 7.638c.164-.24.343-.27.488-.27.145 0 .387.03.551.27 2.13 2.901 6.55 10.56 6.959 10.976.605.618 1.436.233 1.918-.468.475-.69.607-1.174.607-1.69 0-.352-6.883-13.05-7.576-14.106-.667-1.017-.884-1.274-2.025-1.274h-.854c-1.138 0-1.302.257-1.969 1.274C6.883 3.406 0 16.104 0 16.456c0 .517.132 1 .607 1.69.482.7 1.313 1.086 1.918.468.41-.417 4.822-8.075 6.952-10.977z", fill: color || '#000' })));
49
- }
50
-
51
- function SnackLogo(props) {
52
- var color = props.color;
53
- return (React.createElement(Svg, __assign({ viewBox: "0 0 20 20", fill: "none" }, props),
54
- React.createElement(Svg.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M17.168 1.152a2.752 2.752 0 100 5.504 2.752 2.752 0 000-5.504zm-2.43 2.752a2.429 2.429 0 014.608-1.075 3.805 3.805 0 01-3.701 2.925h-.051a2.423 2.423 0 01-.855-1.85zm-1.755-1.422a.16.16 0 01.081.14v4.825L17.23 9.86c.05.029.081.082.082.14l.026 4.92a.16.16 0 01-.081.14l-8.52 4.92a.161.161 0 01-.242-.14V10c0-.057.03-.11.08-.14l4.006-2.319-4.005-2.32a.161.161 0 010-.28l4.246-2.458a.161.161 0 01.162 0zm3.845 7.517L13.064 7.82v4.36L16.828 10zM8.978 5.08l3.764 2.18V2.901l-3.763 2.18z", fill: color || '#000' }),
55
- React.createElement(Svg.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75.022a.161.161 0 00-.162 0l-4.242 2.46a.16.16 0 00-.019.01L.11 4.94l-.003.001a.161.161 0 00-.081.136v.004l-.013 4.994a.161.161 0 000 .125L0 14.92c0 .058.03.111.08.14l4.24 2.455.03.018 4.226 2.446a.161.161 0 00.242-.14v-9.746l4.166-2.412a.162.162 0 000-.28l-.081-.046V2.808l.08-.047a.162.162 0 000-.28L8.75.022zm3.828 2.597L8.67.35 4.74 2.626l3.917 2.267 3.922-2.275zM8.656 5.268L4.74 7.538l3.916 2.275L12.58 7.54 8.656 5.268zM4.419 7.352l3.915-2.27-3.916-2.268L.508 5.08 4.42 7.35zm-.165.277v4.692L.336 10.05l.012-4.69 3.906 2.268zm.323 4.879V7.817l3.918 2.275v4.685l-3.918-2.27zm-.323.186l-3.92-2.27-.01 4.403 3.93 2.276v-4.41zm.323 4.596v-4.41l3.918 2.27v4.408L4.577 17.29z", fill: color || '#000' })));
56
- }
57
-
58
- function WordMarkLogo(props) {
59
- var color = props.color;
60
- return (React.createElement(Svg, __assign({ viewBox: "0 0 71 20", fill: "none" }, props),
61
- React.createElement(Svg.Path, { d: "M9.258 6.342c.158-.23.331-.26.472-.26.14 0 .374.03.532.26 2.06 2.806 6.332 10.208 6.727 10.611.585.597 1.388.225 1.854-.452.46-.667.587-1.135.587-1.634 0-.34-6.653-12.614-7.324-13.636C11.462.248 11.252 0 10.15 0h-.825c-1.1 0-1.259.248-1.903 1.23C6.75 2.254.097 14.528.097 14.868c0 .5.127.967.587 1.634.466.677 1.269 1.05 1.854.452.395-.403 4.661-7.805 6.72-10.61zm14.941-5.237v15.344h9.35v-3.113h-6.125v-3.244h5.45V6.98h-5.45V4.218h6.125V1.105h-9.35zM46.25 16.449l-3.88-5.568 3.619-5.195h-3.662L40.54 8.23l-1.765-2.543h-3.706l3.618 5.217-3.857 5.546h3.661l2.027-2.915 2.027 2.915h3.705zm7.572-10.982c-1.482 0-2.637.614-3.378 1.732V5.686H47.37V20h3.073v-5.063c.74 1.117 1.896 1.731 3.378 1.731 2.768 0 4.97-2.52 4.97-5.611 0-3.091-2.202-5.59-4.97-5.59zm-.697 8.242c-1.504 0-2.681-1.14-2.681-2.652 0-1.49 1.177-2.653 2.68-2.653 1.483 0 2.681 1.184 2.681 2.653 0 1.49-1.198 2.652-2.68 2.652zm12.188-8.242c-3.16 0-5.558 2.411-5.558 5.612 0 3.2 2.397 5.59 5.557 5.59 3.139 0 5.558-2.39 5.558-5.59 0-3.2-2.42-5.612-5.558-5.612zm0 2.96c1.438 0 2.55 1.117 2.55 2.652 0 1.49-1.112 2.63-2.55 2.63-1.46 0-2.55-1.14-2.55-2.63 0-1.535 1.09-2.653 2.55-2.653z", fill: color || '#000' })));
62
- }
63
-
64
- var shadows = {
65
- xs: {
66
- elevation: 1,
67
- shadowColor: '#000',
68
- shadowRadius: 1,
69
- shadowOffset: { height: 1, width: 0 },
70
- shadowOpacity: 0.075
71
- },
72
- sm: {
73
- elevation: 4,
74
- shadowColor: '#000',
75
- shadowRadius: 3,
76
- shadowOffset: { height: 3, width: 0 },
77
- shadowOpacity: 0.15
78
- },
79
- md: {
80
- elevation: 8,
81
- shadowColor: '#000',
82
- shadowRadius: 8,
83
- shadowOffset: { height: 6, width: 0 },
84
- shadowOpacity: 0.15
85
- },
86
- lg: {
87
- elevation: 16,
88
- shadowColor: '#000',
89
- shadowRadius: 10,
90
- shadowOffset: { height: 10, width: 0 },
91
- shadowOpacity: 0.17
92
- },
93
- xl: {
94
- elevation: 28,
95
- shadowColor: '#000',
96
- shadowRadius: 25,
97
- shadowOffset: { height: 16, width: 0 },
98
- shadowOpacity: 0.2
99
- }
100
- };
101
-
102
- var baseFontSize = 16;
103
- var fontSizes = {
104
- 61: {
105
- fontSize: 61,
106
- lineHeight: 73,
107
- letterSpacing: -0.022 * baseFontSize
108
- },
109
- 53: {
110
- fontSize: 53,
111
- lineHeight: 64,
112
- letterSpacing: -0.022 * baseFontSize
113
- },
114
- 49: {
115
- fontSize: 49,
116
- lineHeight: 59,
117
- letterSpacing: -0.022 * baseFontSize
118
- },
119
- 46: {
120
- fontSize: 46,
121
- lineHeight: 55,
122
- letterSpacing: -0.022 * baseFontSize
123
- },
124
- 43: {
125
- fontSize: 43,
126
- lineHeight: 52,
127
- letterSpacing: -0.022 * baseFontSize
128
- },
129
- 39: {
130
- fontSize: 39,
131
- lineHeight: 51,
132
- letterSpacing: -0.022 * baseFontSize
133
- },
134
- 37: {
135
- fontSize: 37,
136
- lineHeight: 48,
137
- letterSpacing: -0.022 * baseFontSize
138
- },
139
- 34: {
140
- fontSize: 34,
141
- lineHeight: 44,
142
- letterSpacing: -0.022 * baseFontSize
143
- },
144
- 31: {
145
- fontSize: 31,
146
- lineHeight: 40,
147
- letterSpacing: -0.021 * baseFontSize
148
- },
149
- 29: {
150
- fontSize: 29,
151
- lineHeight: 38,
152
- letterSpacing: -0.021 * baseFontSize
153
- },
154
- 27: {
155
- fontSize: 27,
156
- lineHeight: 36,
157
- letterSpacing: -0.021 * baseFontSize
158
- },
159
- 25: {
160
- fontSize: 25,
161
- lineHeight: 35,
162
- letterSpacing: -0.021 * baseFontSize
163
- },
164
- 23: {
165
- fontSize: 23,
166
- lineHeight: 32,
167
- letterSpacing: -0.019 * baseFontSize
168
- },
169
- 22: {
170
- fontSize: 22,
171
- lineHeight: 31,
172
- letterSpacing: -0.018 * baseFontSize
173
- },
174
- 20: {
175
- fontSize: 20,
176
- lineHeight: 30,
177
- letterSpacing: -0.017 * baseFontSize
178
- },
179
- 19: {
180
- fontSize: 19,
181
- lineHeight: 29,
182
- letterSpacing: -0.015 * baseFontSize
183
- },
184
- 18: {
185
- fontSize: 18,
186
- lineHeight: 28,
187
- letterSpacing: -0.014 * baseFontSize
188
- },
189
- 16: {
190
- fontSize: 16,
191
- lineHeight: 26,
192
- letterSpacing: -0.011 * baseFontSize
193
- },
194
- 15: {
195
- fontSize: 15,
196
- lineHeight: 24,
197
- letterSpacing: -0.009 * baseFontSize
198
- },
199
- 14: {
200
- fontSize: 14,
201
- lineHeight: 22,
202
- letterSpacing: -0.006 * baseFontSize
203
- },
204
- 13: {
205
- fontSize: 13,
206
- lineHeight: 21,
207
- letterSpacing: -0.003 * baseFontSize
208
- },
209
- 12: {
210
- fontSize: 12,
211
- lineHeight: 19
212
- }
213
- };
214
- var headers = {
215
- xl: {
216
- large: {
217
- huge: __assign({ fontWeight: '900' }, fontSizes[61]),
218
- h1: __assign({ fontWeight: '600' }, fontSizes[49]),
219
- h2: __assign({ fontWeight: '600' }, fontSizes[39]),
220
- h3: __assign({ fontWeight: '600' }, fontSizes[31]),
221
- h4: __assign({ fontWeight: '600' }, fontSizes[25]),
222
- h5: __assign({ fontWeight: '600' }, fontSizes[20]),
223
- h6: __assign({ fontWeight: '600' }, fontSizes[16])
224
- },
225
- medium: {
226
- huge: __assign({ fontWeight: '900' }, fontSizes[53]),
227
- h1: __assign({ fontWeight: '600' }, fontSizes[43]),
228
- h2: __assign({ fontWeight: '600' }, fontSizes[34]),
229
- h3: __assign({ fontWeight: '600' }, fontSizes[27]),
230
- h4: __assign({ fontWeight: '600' }, fontSizes[22]),
231
- h5: __assign({ fontWeight: '600' }, fontSizes[18]),
232
- h6: __assign({ fontWeight: '600' }, fontSizes[16])
233
- },
234
- small: {
235
- huge: __assign({ fontWeight: '900' }, fontSizes[46]),
236
- h1: __assign({ fontWeight: '600' }, fontSizes[37]),
237
- h2: __assign({ fontWeight: '600' }, fontSizes[29]),
238
- h3: __assign({ fontWeight: '600' }, fontSizes[23]),
239
- h4: __assign({ fontWeight: '600' }, fontSizes[19]),
240
- h5: __assign({ fontWeight: '600' }, fontSizes[16]),
241
- h6: __assign({ fontWeight: '600' }, fontSizes[16])
242
- }
243
- },
244
- "default": {
245
- large: {
246
- huge: __assign({ fontWeight: '900' }, fontSizes[39]),
247
- h1: __assign({ fontWeight: '600' }, fontSizes[31]),
248
- h2: __assign({ fontWeight: '600' }, fontSizes[25]),
249
- h3: __assign({ fontWeight: '600' }, fontSizes[20]),
250
- h4: __assign({ fontWeight: '600' }, fontSizes[16]),
251
- h5: __assign({ fontWeight: '600' }, fontSizes[13]),
252
- h6: __assign({ fontWeight: '600' }, fontSizes[12])
253
- },
254
- medium: {
255
- huge: __assign({ fontWeight: '900' }, fontSizes[34]),
256
- h1: __assign({ fontWeight: '600' }, fontSizes[27]),
257
- h2: __assign({ fontWeight: '600' }, fontSizes[22]),
258
- h3: __assign({ fontWeight: '600' }, fontSizes[18]),
259
- h4: __assign({ fontWeight: '600' }, fontSizes[16]),
260
- h5: __assign({ fontWeight: '600' }, fontSizes[13]),
261
- h6: __assign({ fontWeight: '600' }, fontSizes[12])
262
- },
263
- small: {
264
- huge: __assign({ fontWeight: '900' }, fontSizes[29]),
265
- h1: __assign({ fontWeight: '600' }, fontSizes[23]),
266
- h2: __assign({ fontWeight: '600' }, fontSizes[19]),
267
- h3: __assign({ fontWeight: '600' }, fontSizes[16]),
268
- h4: __assign({ fontWeight: '600' }, fontSizes[16]),
269
- h5: __assign({ fontWeight: '600' }, fontSizes[13]),
270
- h6: __assign({ fontWeight: '600' }, fontSizes[12])
271
- }
272
- }
273
- };
274
- var baseStyle = __assign({ fontWeight: '400' }, fontSizes[16]);
275
- var body = {
276
- headline: __assign({ fontWeight: '500' }, fontSizes[16]),
277
- paragraph: baseStyle,
278
- label: __assign({ fontWeight: '500' }, fontSizes[15]),
279
- callout: __assign({ fontWeight: '400' }, fontSizes[14]),
280
- footnote: __assign({ fontWeight: '400' }, fontSizes[13]),
281
- caption: __assign({ fontWeight: '400' }, fontSizes[12]),
282
- code: __assign({ fontWeight: '400' }, fontSizes[13])
283
- };
284
- var typography = {
285
- baseFontSize: baseFontSize,
286
- headers: headers,
287
- body: body,
288
- fontSizes: fontSizes
289
- };
290
-
291
- exports.DocsLogo = DocsLogo;
292
- exports.ExpoGoLogo = ExpoGoLogo;
293
- exports.Logo = Logo;
294
- exports.SnackLogo = SnackLogo;
295
- exports.WordMarkLogo = WordMarkLogo;
296
- exports.shadows = shadows;
297
- exports.typography = typography;
1
+ "use strict";var e=require("react"),t=require("react-native-svg"),i=function(){return i=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},i.apply(this,arguments)};var l=16,n={61:{fontSize:61,lineHeight:73,letterSpacing:-.352},53:{fontSize:53,lineHeight:64,letterSpacing:-.352},49:{fontSize:49,lineHeight:59,letterSpacing:-.352},46:{fontSize:46,lineHeight:55,letterSpacing:-.352},43:{fontSize:43,lineHeight:52,letterSpacing:-.352},39:{fontSize:39,lineHeight:51,letterSpacing:-.352},37:{fontSize:37,lineHeight:48,letterSpacing:-.352},34:{fontSize:34,lineHeight:44,letterSpacing:-.352},31:{fontSize:31,lineHeight:40,letterSpacing:-.336},29:{fontSize:29,lineHeight:38,letterSpacing:-.336},27:{fontSize:27,lineHeight:36,letterSpacing:-.336},25:{fontSize:25,lineHeight:35,letterSpacing:-.336},23:{fontSize:23,lineHeight:32,letterSpacing:-.304},22:{fontSize:22,lineHeight:31,letterSpacing:-.288},20:{fontSize:20,lineHeight:30,letterSpacing:-.272},19:{fontSize:19,lineHeight:29,letterSpacing:-.24},18:{fontSize:18,lineHeight:28,letterSpacing:-.224},16:{fontSize:16,lineHeight:26,letterSpacing:-.176},15:{fontSize:15,lineHeight:24,letterSpacing:-.144},14:{fontSize:14,lineHeight:22,letterSpacing:-.096},13:{fontSize:13,lineHeight:21,letterSpacing:-.048},12:{fontSize:12,lineHeight:19}},h={xl:{large:{huge:i({fontWeight:"900"},n[61]),h1:i({fontWeight:"600"},n[49]),h2:i({fontWeight:"600"},n[39]),h3:i({fontWeight:"600"},n[31]),h4:i({fontWeight:"600"},n[25]),h5:i({fontWeight:"600"},n[20]),h6:i({fontWeight:"600"},n[16])},medium:{huge:i({fontWeight:"900"},n[53]),h1:i({fontWeight:"600"},n[43]),h2:i({fontWeight:"600"},n[34]),h3:i({fontWeight:"600"},n[27]),h4:i({fontWeight:"600"},n[22]),h5:i({fontWeight:"600"},n[18]),h6:i({fontWeight:"600"},n[16])},small:{huge:i({fontWeight:"900"},n[46]),h1:i({fontWeight:"600"},n[37]),h2:i({fontWeight:"600"},n[29]),h3:i({fontWeight:"600"},n[23]),h4:i({fontWeight:"600"},n[19]),h5:i({fontWeight:"600"},n[16]),h6:i({fontWeight:"600"},n[16])}},default:{large:{huge:i({fontWeight:"900"},n[39]),h1:i({fontWeight:"600"},n[31]),h2:i({fontWeight:"600"},n[25]),h3:i({fontWeight:"600"},n[20]),h4:i({fontWeight:"600"},n[16]),h5:i({fontWeight:"600"},n[13]),h6:i({fontWeight:"600"},n[12])},medium:{huge:i({fontWeight:"900"},n[34]),h1:i({fontWeight:"600"},n[27]),h2:i({fontWeight:"600"},n[22]),h3:i({fontWeight:"600"},n[18]),h4:i({fontWeight:"600"},n[16]),h5:i({fontWeight:"600"},n[13]),h6:i({fontWeight:"600"},n[12])},small:{huge:i({fontWeight:"900"},n[29]),h1:i({fontWeight:"600"},n[23]),h2:i({fontWeight:"600"},n[19]),h3:i({fontWeight:"600"},n[16]),h4:i({fontWeight:"600"},n[16]),h5:i({fontWeight:"600"},n[13]),h6:i({fontWeight:"600"},n[12])}}},o=i({fontWeight:"400"},n[16]),a={baseFontSize:l,headers:h,body:{headline:i({fontWeight:"500"},n[16]),paragraph:o,label:i({fontWeight:"500"},n[15]),callout:i({fontWeight:"400"},n[14]),footnote:i({fontWeight:"400"},n[13]),caption:i({fontWeight:"400"},n[12]),code:i({fontWeight:"400"},n[13])},fontSizes:n};exports.DocsLogo=function(l){var n=l.color;return e.createElement(t,i({viewBox:"0 0 20 20",fill:"none"},l),e.createElement(t.Path,{d:"M12.07 8a.157.157 0 01.166.015l5.374 4.141a.16.16 0 01.055.168l-.37 1.298a.157.157 0 01-.234.09l-4.416-2.768-.846 5.47a.157.157 0 01-.219.12l-1.158-.518a.157.157 0 01-.093-.154l.477-7.132a.157.157 0 01.085-.129L12.069 8z",fill:n||"#000"}),e.createElement(t.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M9.584.02a.157.157 0 00-.157.001L.708 5.071l-.003.001a.157.157 0 00-.079.135V15.31c0 .056.03.108.079.136l1.71.984.004.003a.157.157 0 00.157 0l1.054-.61v1.183c0 .056.03.108.078.136l1.715.987a.157.157 0 00.156 0l.003-.002 2.024-1.172.91 2.934a.157.157 0 00.198.102l1.815-.594a.156.156 0 00.03-.013l8.732-4.666a.157.157 0 00.075-.186L16.06 4.258a.157.157 0 00-.205-.098l-1.473.529v-1.85a.157.157 0 00-.079-.135l-.002-.001-1.713-.986a.157.157 0 00-.156 0l-1.054.61V1.144a.157.157 0 00-.078-.136L9.584.02zM5.33 9.56l-.003-1.578-1.383-.805v9.74l1.4.806-.014-8.119a.156.156 0 010-.045zM.94 5.48l1.384.805.017 9.741-1.4-.806V5.48zm9.968-4.336l-1.4-.806-8.412 4.87 1.385.806 8.427-4.87zM5.483 7.71l8.427-4.87-1.4-.806-8.411 4.87 1.384.806zm5.09 11.313l-3.21-9.971 8.455-4.519 3.21 9.97-8.456 4.52zM5.678 9.678l3.09 9.967 1.514-.496-3.21-9.972-1.394.501z",fill:n||"#000"}))},exports.ExpoGoLogo=function(l){var n=l.color;return e.createElement(t,i({viewBox:"0 0 20 20",fill:"none"},l),e.createElement(t.Path,{d:"M18.072 7.75a1.749 1.749 0 00-1.56-.732 1.763 1.763 0 00-1.436.946 1.55 1.55 0 00.302 1.75 2.57 2.57 0 001.716-.484 2.53 2.53 0 00.978-1.48zM12.866 1L11.751.394 6.897 3.072l.387.207.736.383 1.332-.733L12.867.987 12.866 1zm.449-.184a.173.173 0 01.124.115l1.626 4.755a.158.158 0 01-.077.207 3.126 3.126 0 00-1.384 1.519 3.09 3.09 0 00-.134 2.042 3.29 3.29 0 001.35 1.793 3.343 3.343 0 002.195.524.208.208 0 01.202.123l1.68 4.88a.196.196 0 01-.078.215l-5.163 2.992a.195.195 0 01-.078.015.208.208 0 01-.14-.022l-1.81-1.129a.18.18 0 01-.078-.076l-3.538-8.065-5.388 3.039a.25.25 0 01-.21.008l-1.224-.69a.177.177 0 01-.077-.23l5.234-9.847c.02-.033.05-.06.085-.076L11.65.023a.2.2 0 01.186 0l1.479.793zM6.843 3.46l-.256-.13-5.044 9.523.92.514 4.352-5.643a.212.212 0 01.178-.077.217.217 0 01.155.115l4.738 10.82 1.266.775L8.066 4.62l-.216-.614-1.014-.552.007.007zm7.804 5.679a1.932 1.932 0 01.092-1.28c.176-.404.484-.737.875-.945a2.152 2.152 0 012.509.307 1.934 1.934 0 01.056 2.745l-.056.056a2.118 2.118 0 01-1.986.516 2.118 2.118 0 01-.928-.508 2.091 2.091 0 01-.562-.891z",fill:n||"#000"}))},exports.Logo=function(l){var n=l.color;return e.createElement(t,i({viewBox:"0 0 20 20",fill:"none"},l),e.createElement(t.Path,{d:"M9.477 7.638c.164-.24.343-.27.488-.27.145 0 .387.03.551.27 2.13 2.901 6.55 10.56 6.959 10.976.605.618 1.436.233 1.918-.468.475-.69.607-1.174.607-1.69 0-.352-6.883-13.05-7.576-14.106-.667-1.017-.884-1.274-2.025-1.274h-.854c-1.138 0-1.302.257-1.969 1.274C6.883 3.406 0 16.104 0 16.456c0 .517.132 1 .607 1.69.482.7 1.313 1.086 1.918.468.41-.417 4.822-8.075 6.952-10.977z",fill:n||"#000"}))},exports.SnackLogo=function(l){var n=l.color;return e.createElement(t,i({viewBox:"0 0 20 20",fill:"none"},l),e.createElement(t.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M17.168 1.152a2.752 2.752 0 100 5.504 2.752 2.752 0 000-5.504zm-2.43 2.752a2.429 2.429 0 014.608-1.075 3.805 3.805 0 01-3.701 2.925h-.051a2.423 2.423 0 01-.855-1.85zm-1.755-1.422a.16.16 0 01.081.14v4.825L17.23 9.86c.05.029.081.082.082.14l.026 4.92a.16.16 0 01-.081.14l-8.52 4.92a.161.161 0 01-.242-.14V10c0-.057.03-.11.08-.14l4.006-2.319-4.005-2.32a.161.161 0 010-.28l4.246-2.458a.161.161 0 01.162 0zm3.845 7.517L13.064 7.82v4.36L16.828 10zM8.978 5.08l3.764 2.18V2.901l-3.763 2.18z",fill:n||"#000"}),e.createElement(t.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M8.75.022a.161.161 0 00-.162 0l-4.242 2.46a.16.16 0 00-.019.01L.11 4.94l-.003.001a.161.161 0 00-.081.136v.004l-.013 4.994a.161.161 0 000 .125L0 14.92c0 .058.03.111.08.14l4.24 2.455.03.018 4.226 2.446a.161.161 0 00.242-.14v-9.746l4.166-2.412a.162.162 0 000-.28l-.081-.046V2.808l.08-.047a.162.162 0 000-.28L8.75.022zm3.828 2.597L8.67.35 4.74 2.626l3.917 2.267 3.922-2.275zM8.656 5.268L4.74 7.538l3.916 2.275L12.58 7.54 8.656 5.268zM4.419 7.352l3.915-2.27-3.916-2.268L.508 5.08 4.42 7.35zm-.165.277v4.692L.336 10.05l.012-4.69 3.906 2.268zm.323 4.879V7.817l3.918 2.275v4.685l-3.918-2.27zm-.323.186l-3.92-2.27-.01 4.403 3.93 2.276v-4.41zm.323 4.596v-4.41l3.918 2.27v4.408L4.577 17.29z",fill:n||"#000"}))},exports.WordMarkLogo=function(l){var n=l.color;return e.createElement(t,i({viewBox:"0 0 71 20",fill:"none"},l),e.createElement(t.Path,{d:"M9.258 6.342c.158-.23.331-.26.472-.26.14 0 .374.03.532.26 2.06 2.806 6.332 10.208 6.727 10.611.585.597 1.388.225 1.854-.452.46-.667.587-1.135.587-1.634 0-.34-6.653-12.614-7.324-13.636C11.462.248 11.252 0 10.15 0h-.825c-1.1 0-1.259.248-1.903 1.23C6.75 2.254.097 14.528.097 14.868c0 .5.127.967.587 1.634.466.677 1.269 1.05 1.854.452.395-.403 4.661-7.805 6.72-10.61zm14.941-5.237v15.344h9.35v-3.113h-6.125v-3.244h5.45V6.98h-5.45V4.218h6.125V1.105h-9.35zM46.25 16.449l-3.88-5.568 3.619-5.195h-3.662L40.54 8.23l-1.765-2.543h-3.706l3.618 5.217-3.857 5.546h3.661l2.027-2.915 2.027 2.915h3.705zm7.572-10.982c-1.482 0-2.637.614-3.378 1.732V5.686H47.37V20h3.073v-5.063c.74 1.117 1.896 1.731 3.378 1.731 2.768 0 4.97-2.52 4.97-5.611 0-3.091-2.202-5.59-4.97-5.59zm-.697 8.242c-1.504 0-2.681-1.14-2.681-2.652 0-1.49 1.177-2.653 2.68-2.653 1.483 0 2.681 1.184 2.681 2.653 0 1.49-1.198 2.652-2.68 2.652zm12.188-8.242c-3.16 0-5.558 2.411-5.558 5.612 0 3.2 2.397 5.59 5.557 5.59 3.139 0 5.558-2.39 5.558-5.59 0-3.2-2.42-5.612-5.558-5.612zm0 2.96c1.438 0 2.55 1.117 2.55 2.652 0 1.49-1.112 2.63-2.55 2.63-1.46 0-2.55-1.14-2.55-2.63 0-1.535 1.09-2.653 2.55-2.653z",fill:n||"#000"}))},exports.shadows={xs:{elevation:1,shadowColor:"#000",shadowRadius:1,shadowOffset:{height:1,width:0},shadowOpacity:.075},sm:{elevation:4,shadowColor:"#000",shadowRadius:3,shadowOffset:{height:3,width:0},shadowOpacity:.15},md:{elevation:8,shadowColor:"#000",shadowRadius:8,shadowOffset:{height:6,width:0},shadowOpacity:.15},lg:{elevation:16,shadowColor:"#000",shadowRadius:10,shadowOffset:{height:10,width:0},shadowOpacity:.17},xl:{elevation:28,shadowColor:"#000",shadowRadius:25,shadowOffset:{height:16,width:0},shadowOpacity:.2}},exports.typography=a;
package/dist/src/logos/DocsLogo.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ import React from 'react';
1
2
  import { IconProps } from '../types';
2
- export default function DocsLogo(props: IconProps): JSX.Element;
3
+ export default function DocsLogo(props: IconProps): React.JSX.Element;
package/dist/src/logos/ExpoGoLogo.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ import React from 'react';
1
2
  import { IconProps } from '../types';
2
- export default function ExpoGoLogo(props: IconProps): JSX.Element;
3
+ export default function ExpoGoLogo(props: IconProps): React.JSX.Element;
package/dist/src/logos/Logo.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ import React from 'react';
1
2
  import { IconProps } from '../types';
2
- export default function Logo(props: IconProps): JSX.Element;
3
+ export default function Logo(props: IconProps): React.JSX.Element;
package/dist/src/logos/SnackLogo.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ import React from 'react';
1
2
  import { IconProps } from '../types';
2
- export default function SnackLogo(props: IconProps): JSX.Element;
3
+ export default function SnackLogo(props: IconProps): React.JSX.Element;
package/dist/src/logos/WordMarkLogo.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ import React from 'react';
1
2
  import { IconProps } from '../types';
2
- export default function WordMarkLogo(props: IconProps): JSX.Element;
3
+ export default function WordMarkLogo(props: IconProps): React.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@expo/styleguide-native",
3
- "version": "7.0.0-alpha.2",
3
+ "version": "7.0.1",
4
4
  "description": "Expo's React Native styleguide components.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -22,14 +22,8 @@
22
22
  "directory": "packages/styleguide-native"
23
23
  },
24
24
  "devDependencies": {
25
- "@rollup/plugin-typescript": "^11.0.0",
26
25
  "@svgr/cli": "^6.5.1",
27
- "@types/react": "^17.0.6",
28
- "npm-run-all": "^4.1.5",
29
- "react-native-svg": "^12.1.1",
30
- "rimraf": "^4.1.2",
31
- "rollup": "^3.17.2",
32
- "typescript": "^4.9.5"
26
+ "react-native-svg": "^12.1.1"
33
27
  },
34
28
  "peerDependencies": {
35
29
  "react": "*",
@@ -38,5 +32,5 @@
38
32
  "eslintConfig": {
39
33
  "extends": "universe/native"
40
34
  },
41
- "gitHead": "189e87d2507a9bb47c36acd8f0f878b9f63f9d22"
35
+ "gitHead": "7931cef5c7f32736a3651f5b8bd64ea97de184fc"
42
36
  }