@expo/styleguide-native 1.0.4 → 4.1.0

package/dist/icons/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PinIcon = exports.PerformanceIcon = exports.OverviewIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.LifebuoyIcon = exports.InvoicesIcon = exports.InstagramIcon = exports.InspectElementIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = exports.GoogleAppStoreIcon = exports.GithubIcon = exports.GeneralIcon = exports.FacebookIcon = exports.ErrorIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.DeploymentsIcon = exports.DeploymentIcon = exports.DebugIcon = exports.CredentialIcon = exports.CommitIcon = exports.CloudSlashIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtSignIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = exports.AndroidIcon = exports.AddPhotoIcon = exports.ActivityIcon = void 0;
-exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.UploadIcon = exports.UpdateIcon = exports.UndoIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleRightIcon = exports.TriangleDownIcon = exports.TrashIcon = exports.TokensIcon = exports.ThemeLightIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.SparklesIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RunIcon = exports.RolloutIcon = exports.RefreshIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PlansIcon = exports.PlanProductionIcon = exports.PlanFreeIcon = exports.PlanEnterpriseIcon = void 0;
+exports.InstagramIcon = exports.InspectElementIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = exports.HeadsetIcon = exports.HamburgerIcon = exports.GoogleAppStoreIcon = exports.GithubIcon = exports.GeneralIcon = exports.FacebookIcon = exports.ErrorIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.DeploymentsIcon = exports.DeploymentIcon = exports.DebugIcon = exports.CreditCardIcon = exports.CredentialIcon = exports.CommitIcon = exports.CodeIcon = exports.CloudSlashIcon = exports.ClipboardIcon = exports.ChevronUpIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChartIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BugInspectIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtSignIcon = exports.ArrowUpRightIcon = exports.ArrowUpIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.ArrowDownIcon = exports.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = exports.AndroidIcon = exports.AddPhotoIcon = exports.ActivityIcon = void 0;
+exports.TokensIcon = exports.ThumbsUpIcon = exports.ThumbsDownIcon = exports.ThemeLightIcon = exports.ThemeIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.StatusWaitingIcon = exports.StatusSuccessIcon = exports.StatusNewIcon = exports.StatusFailedIcon = exports.StatusCanceledIcon = exports.SparklesIcon = exports.SlashShortcutIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RunIcon = exports.RolloutIcon = exports.RefreshIcon = exports.RedditIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PrivacyIcon = exports.PlusIcon = exports.PlansIcon = exports.PlanProductionIcon = exports.PlanFreeIcon = exports.PlanEnterpriseIcon = exports.PinIcon = exports.PersonalTrainerIcon = exports.PerformanceIcon = exports.OverviewIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.LifebuoyIcon = exports.InvoicesIcon = void 0;
+exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.UploadIcon = exports.UpgradeIcon = exports.UpdateIcon = exports.UndoIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleUpIcon = exports.TriangleRightIcon = exports.TriangleLeftIcon = exports.TriangleDownIcon = exports.TrashIcon = void 0;
 var ActivityIcon_1 = require("./ActivityIcon");
 Object.defineProperty(exports, "ActivityIcon", { enumerable: true, get: function () { return __importDefault(ActivityIcon_1).default; } });
 var AddPhotoIcon_1 = require("./AddPhotoIcon");
@@ -17,10 +18,16 @@ var AppleIcon_1 = require("./AppleIcon");
 Object.defineProperty(exports, "AppleIcon", { enumerable: true, get: function () { return __importDefault(AppleIcon_1).default; } });
 var AppleSimulatorIcon_1 = require("./AppleSimulatorIcon");
 Object.defineProperty(exports, "AppleSimulatorIcon", { enumerable: true, get: function () { return __importDefault(AppleSimulatorIcon_1).default; } });
+var ArrowDownIcon_1 = require("./ArrowDownIcon");
+Object.defineProperty(exports, "ArrowDownIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownIcon_1).default; } });
 var ArrowLeftIcon_1 = require("./ArrowLeftIcon");
 Object.defineProperty(exports, "ArrowLeftIcon", { enumerable: true, get: function () { return __importDefault(ArrowLeftIcon_1).default; } });
 var ArrowRightIcon_1 = require("./ArrowRightIcon");
 Object.defineProperty(exports, "ArrowRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowRightIcon_1).default; } });
+var ArrowUpIcon_1 = require("./ArrowUpIcon");
+Object.defineProperty(exports, "ArrowUpIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpIcon_1).default; } });
+var ArrowUpRightIcon_1 = require("./ArrowUpRightIcon");
+Object.defineProperty(exports, "ArrowUpRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpRightIcon_1).default; } });
 var AtSignIcon_1 = require("./AtSignIcon");
 Object.defineProperty(exports, "AtSignIcon", { enumerable: true, get: function () { return __importDefault(AtSignIcon_1).default; } });
 var BadgeIcon_1 = require("./BadgeIcon");
@@ -29,6 +36,8 @@ var BellIcon_1 = require("./BellIcon");
 Object.defineProperty(exports, "BellIcon", { enumerable: true, get: function () { return __importDefault(BellIcon_1).default; } });
 var BranchIcon_1 = require("./BranchIcon");
 Object.defineProperty(exports, "BranchIcon", { enumerable: true, get: function () { return __importDefault(BranchIcon_1).default; } });
+var BugInspectIcon_1 = require("./BugInspectIcon");
+Object.defineProperty(exports, "BugInspectIcon", { enumerable: true, get: function () { return __importDefault(BugInspectIcon_1).default; } });
 var BuildIcon_1 = require("./BuildIcon");
 Object.defineProperty(exports, "BuildIcon", { enumerable: true, get: function () { return __importDefault(BuildIcon_1).default; } });
 var BuildNumberIcon_1 = require("./BuildNumberIcon");
@@ -37,16 +46,30 @@ var BuildProfileIcon_1 = require("./BuildProfileIcon");
 Object.defineProperty(exports, "BuildProfileIcon", { enumerable: true, get: function () { return __importDefault(BuildProfileIcon_1).default; } });
 var ChannelIcon_1 = require("./ChannelIcon");
 Object.defineProperty(exports, "ChannelIcon", { enumerable: true, get: function () { return __importDefault(ChannelIcon_1).default; } });
+var ChartIcon_1 = require("./ChartIcon");
+Object.defineProperty(exports, "ChartIcon", { enumerable: true, get: function () { return __importDefault(ChartIcon_1).default; } });
 var CheckIcon_1 = require("./CheckIcon");
 Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return __importDefault(CheckIcon_1).default; } });
 var ChevronDownIcon_1 = require("./ChevronDownIcon");
 Object.defineProperty(exports, "ChevronDownIcon", { enumerable: true, get: function () { return __importDefault(ChevronDownIcon_1).default; } });
+var ChevronLeftIcon_1 = require("./ChevronLeftIcon");
+Object.defineProperty(exports, "ChevronLeftIcon", { enumerable: true, get: function () { return __importDefault(ChevronLeftIcon_1).default; } });
+var ChevronRightIcon_1 = require("./ChevronRightIcon");
+Object.defineProperty(exports, "ChevronRightIcon", { enumerable: true, get: function () { return __importDefault(ChevronRightIcon_1).default; } });
+var ChevronUpIcon_1 = require("./ChevronUpIcon");
+Object.defineProperty(exports, "ChevronUpIcon", { enumerable: true, get: function () { return __importDefault(ChevronUpIcon_1).default; } });
+var ClipboardIcon_1 = require("./ClipboardIcon");
+Object.defineProperty(exports, "ClipboardIcon", { enumerable: true, get: function () { return __importDefault(ClipboardIcon_1).default; } });
 var CloudSlashIcon_1 = require("./CloudSlashIcon");
 Object.defineProperty(exports, "CloudSlashIcon", { enumerable: true, get: function () { return __importDefault(CloudSlashIcon_1).default; } });
+var CodeIcon_1 = require("./CodeIcon");
+Object.defineProperty(exports, "CodeIcon", { enumerable: true, get: function () { return __importDefault(CodeIcon_1).default; } });
 var CommitIcon_1 = require("./CommitIcon");
 Object.defineProperty(exports, "CommitIcon", { enumerable: true, get: function () { return __importDefault(CommitIcon_1).default; } });
 var CredentialIcon_1 = require("./CredentialIcon");
 Object.defineProperty(exports, "CredentialIcon", { enumerable: true, get: function () { return __importDefault(CredentialIcon_1).default; } });
+var CreditCardIcon_1 = require("./CreditCardIcon");
+Object.defineProperty(exports, "CreditCardIcon", { enumerable: true, get: function () { return __importDefault(CreditCardIcon_1).default; } });
 var DebugIcon_1 = require("./DebugIcon");
 Object.defineProperty(exports, "DebugIcon", { enumerable: true, get: function () { return __importDefault(DebugIcon_1).default; } });
 var DeploymentIcon_1 = require("./DeploymentIcon");
@@ -69,6 +92,10 @@ var GithubIcon_1 = require("./GithubIcon");
 Object.defineProperty(exports, "GithubIcon", { enumerable: true, get: function () { return __importDefault(GithubIcon_1).default; } });
 var GoogleAppStoreIcon_1 = require("./GoogleAppStoreIcon");
 Object.defineProperty(exports, "GoogleAppStoreIcon", { enumerable: true, get: function () { return __importDefault(GoogleAppStoreIcon_1).default; } });
+var HamburgerIcon_1 = require("./HamburgerIcon");
+Object.defineProperty(exports, "HamburgerIcon", { enumerable: true, get: function () { return __importDefault(HamburgerIcon_1).default; } });
+var HeadsetIcon_1 = require("./HeadsetIcon");
+Object.defineProperty(exports, "HeadsetIcon", { enumerable: true, get: function () { return __importDefault(HeadsetIcon_1).default; } });
 var HomeFilledIcon_1 = require("./HomeFilledIcon");
 Object.defineProperty(exports, "HomeFilledIcon", { enumerable: true, get: function () { return __importDefault(HomeFilledIcon_1).default; } });
 var HomeIcon_1 = require("./HomeIcon");
@@ -103,6 +130,8 @@ var OverviewIcon_1 = require("./OverviewIcon");
 Object.defineProperty(exports, "OverviewIcon", { enumerable: true, get: function () { return __importDefault(OverviewIcon_1).default; } });
 var PerformanceIcon_1 = require("./PerformanceIcon");
 Object.defineProperty(exports, "PerformanceIcon", { enumerable: true, get: function () { return __importDefault(PerformanceIcon_1).default; } });
+var PersonalTrainerIcon_1 = require("./PersonalTrainerIcon");
+Object.defineProperty(exports, "PersonalTrainerIcon", { enumerable: true, get: function () { return __importDefault(PersonalTrainerIcon_1).default; } });
 var PinIcon_1 = require("./PinIcon");
 Object.defineProperty(exports, "PinIcon", { enumerable: true, get: function () { return __importDefault(PinIcon_1).default; } });
 var PlanEnterpriseIcon_1 = require("./PlanEnterpriseIcon");
@@ -113,6 +142,10 @@ var PlanProductionIcon_1 = require("./PlanProductionIcon");
 Object.defineProperty(exports, "PlanProductionIcon", { enumerable: true, get: function () { return __importDefault(PlanProductionIcon_1).default; } });
 var PlansIcon_1 = require("./PlansIcon");
 Object.defineProperty(exports, "PlansIcon", { enumerable: true, get: function () { return __importDefault(PlansIcon_1).default; } });
+var PlusIcon_1 = require("./PlusIcon");
+Object.defineProperty(exports, "PlusIcon", { enumerable: true, get: function () { return __importDefault(PlusIcon_1).default; } });
+var PrivacyIcon_1 = require("./PrivacyIcon");
+Object.defineProperty(exports, "PrivacyIcon", { enumerable: true, get: function () { return __importDefault(PrivacyIcon_1).default; } });
 var ProjectTransferIcon_1 = require("./ProjectTransferIcon");
 Object.defineProperty(exports, "ProjectTransferIcon", { enumerable: true, get: function () { return __importDefault(ProjectTransferIcon_1).default; } });
 var PushToDeviceIcon_1 = require("./PushToDeviceIcon");
@@ -123,6 +156,8 @@ var QuestionIcon_1 = require("./QuestionIcon");
 Object.defineProperty(exports, "QuestionIcon", { enumerable: true, get: function () { return __importDefault(QuestionIcon_1).default; } });
 var QuestionMarkIcon_1 = require("./QuestionMarkIcon");
 Object.defineProperty(exports, "QuestionMarkIcon", { enumerable: true, get: function () { return __importDefault(QuestionMarkIcon_1).default; } });
+var RedditIcon_1 = require("./RedditIcon");
+Object.defineProperty(exports, "RedditIcon", { enumerable: true, get: function () { return __importDefault(RedditIcon_1).default; } });
 var RefreshIcon_1 = require("./RefreshIcon");
 Object.defineProperty(exports, "RefreshIcon", { enumerable: true, get: function () { return __importDefault(RefreshIcon_1).default; } });
 var RolloutIcon_1 = require("./RolloutIcon");
@@ -141,24 +176,46 @@ var SettingsFilledIcon_1 = require("./SettingsFilledIcon");
 Object.defineProperty(exports, "SettingsFilledIcon", { enumerable: true, get: function () { return __importDefault(SettingsFilledIcon_1).default; } });
 var SettingsIcon_1 = require("./SettingsIcon");
 Object.defineProperty(exports, "SettingsIcon", { enumerable: true, get: function () { return __importDefault(SettingsIcon_1).default; } });
+var SlashShortcutIcon_1 = require("./SlashShortcutIcon");
+Object.defineProperty(exports, "SlashShortcutIcon", { enumerable: true, get: function () { return __importDefault(SlashShortcutIcon_1).default; } });
 var SparklesIcon_1 = require("./SparklesIcon");
 Object.defineProperty(exports, "SparklesIcon", { enumerable: true, get: function () { return __importDefault(SparklesIcon_1).default; } });
+var StatusCanceledIcon_1 = require("./StatusCanceledIcon");
+Object.defineProperty(exports, "StatusCanceledIcon", { enumerable: true, get: function () { return __importDefault(StatusCanceledIcon_1).default; } });
+var StatusFailedIcon_1 = require("./StatusFailedIcon");
+Object.defineProperty(exports, "StatusFailedIcon", { enumerable: true, get: function () { return __importDefault(StatusFailedIcon_1).default; } });
+var StatusNewIcon_1 = require("./StatusNewIcon");
+Object.defineProperty(exports, "StatusNewIcon", { enumerable: true, get: function () { return __importDefault(StatusNewIcon_1).default; } });
+var StatusSuccessIcon_1 = require("./StatusSuccessIcon");
+Object.defineProperty(exports, "StatusSuccessIcon", { enumerable: true, get: function () { return __importDefault(StatusSuccessIcon_1).default; } });
+var StatusWaitingIcon_1 = require("./StatusWaitingIcon");
+Object.defineProperty(exports, "StatusWaitingIcon", { enumerable: true, get: function () { return __importDefault(StatusWaitingIcon_1).default; } });
 var StoreIcon_1 = require("./StoreIcon");
 Object.defineProperty(exports, "StoreIcon", { enumerable: true, get: function () { return __importDefault(StoreIcon_1).default; } });
 var ThemeAutoIcon_1 = require("./ThemeAutoIcon");
 Object.defineProperty(exports, "ThemeAutoIcon", { enumerable: true, get: function () { return __importDefault(ThemeAutoIcon_1).default; } });
 var ThemeDarkIcon_1 = require("./ThemeDarkIcon");
 Object.defineProperty(exports, "ThemeDarkIcon", { enumerable: true, get: function () { return __importDefault(ThemeDarkIcon_1).default; } });
+var ThemeIcon_1 = require("./ThemeIcon");
+Object.defineProperty(exports, "ThemeIcon", { enumerable: true, get: function () { return __importDefault(ThemeIcon_1).default; } });
 var ThemeLightIcon_1 = require("./ThemeLightIcon");
 Object.defineProperty(exports, "ThemeLightIcon", { enumerable: true, get: function () { return __importDefault(ThemeLightIcon_1).default; } });
+var ThumbsDownIcon_1 = require("./ThumbsDownIcon");
+Object.defineProperty(exports, "ThumbsDownIcon", { enumerable: true, get: function () { return __importDefault(ThumbsDownIcon_1).default; } });
+var ThumbsUpIcon_1 = require("./ThumbsUpIcon");
+Object.defineProperty(exports, "ThumbsUpIcon", { enumerable: true, get: function () { return __importDefault(ThumbsUpIcon_1).default; } });
 var TokensIcon_1 = require("./TokensIcon");
 Object.defineProperty(exports, "TokensIcon", { enumerable: true, get: function () { return __importDefault(TokensIcon_1).default; } });
 var TrashIcon_1 = require("./TrashIcon");
 Object.defineProperty(exports, "TrashIcon", { enumerable: true, get: function () { return __importDefault(TrashIcon_1).default; } });
 var TriangleDownIcon_1 = require("./TriangleDownIcon");
 Object.defineProperty(exports, "TriangleDownIcon", { enumerable: true, get: function () { return __importDefault(TriangleDownIcon_1).default; } });
+var TriangleLeftIcon_1 = require("./TriangleLeftIcon");
+Object.defineProperty(exports, "TriangleLeftIcon", { enumerable: true, get: function () { return __importDefault(TriangleLeftIcon_1).default; } });
 var TriangleRightIcon_1 = require("./TriangleRightIcon");
 Object.defineProperty(exports, "TriangleRightIcon", { enumerable: true, get: function () { return __importDefault(TriangleRightIcon_1).default; } });
+var TriangleUpIcon_1 = require("./TriangleUpIcon");
+Object.defineProperty(exports, "TriangleUpIcon", { enumerable: true, get: function () { return __importDefault(TriangleUpIcon_1).default; } });
 var TwitchIcon_1 = require("./TwitchIcon");
 Object.defineProperty(exports, "TwitchIcon", { enumerable: true, get: function () { return __importDefault(TwitchIcon_1).default; } });
 var TwitterIcon_1 = require("./TwitterIcon");
@@ -167,6 +224,8 @@ var UndoIcon_1 = require("./UndoIcon");
 Object.defineProperty(exports, "UndoIcon", { enumerable: true, get: function () { return __importDefault(UndoIcon_1).default; } });
 var UpdateIcon_1 = require("./UpdateIcon");
 Object.defineProperty(exports, "UpdateIcon", { enumerable: true, get: function () { return __importDefault(UpdateIcon_1).default; } });
+var UpgradeIcon_1 = require("./UpgradeIcon");
+Object.defineProperty(exports, "UpgradeIcon", { enumerable: true, get: function () { return __importDefault(UpgradeIcon_1).default; } });
 var UploadIcon_1 = require("./UploadIcon");
 Object.defineProperty(exports, "UploadIcon", { enumerable: true, get: function () { return __importDefault(UploadIcon_1).default; } });
 var UserFilledIcon_1 = require("./UserFilledIcon");

package/dist/index.d.ts

@@ -6,4 +6,5 @@ import { spacing } from './styles/spacing';
 import { breakpoints } from './styles/breakpoints';
 import { typography } from './styles/typography';
 export * from './icons';
+export * from './logos';
 export { borderRadius, breakpoints, darkTheme, iconSize, lightTheme, palette, shadows, spacing, typography, };

package/dist/index.js

@@ -28,3 +28,4 @@ Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function
 const typography_1 = require("./styles/typography");
 Object.defineProperty(exports, "typography", { enumerable: true, get: function () { return typography_1.typography; } });
 __exportStar(require("./icons"), exports);
+__exportStar(require("./logos"), exports);

package/dist/logos/DocsLogo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function DocsLogo(props: SvgProps & IconProps): JSX.Element;

package/dist/logos/DocsLogo.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function DocsLogo(props) {
+    const { color } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.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" }),
+        React.createElement(react_native_svg_1.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" })));
+}
+exports.default = DocsLogo;

package/dist/logos/ExpoGoLogo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function ExpoGoLogo(props: SvgProps & IconProps): JSX.Element;

package/dist/logos/ExpoGoLogo.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function ExpoGoLogo(props) {
+    const { color } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.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" })));
+}
+exports.default = ExpoGoLogo;

package/dist/logos/Logo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function Logo(props: SvgProps & IconProps): JSX.Element;

package/dist/logos/Logo.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function Logo(props) {
+    const { color } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.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" })));
+}
+exports.default = Logo;

package/dist/logos/SnackLogo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function SnackLogo(props: SvgProps & IconProps): JSX.Element;

package/dist/logos/SnackLogo.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function SnackLogo(props) {
+    const { color } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.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" }),
+        React.createElement(react_native_svg_1.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" })));
+}
+exports.default = SnackLogo;

package/dist/logos/WordMarkLogo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function WordMarkLogo(props: SvgProps & IconProps): JSX.Element;

package/dist/logos/WordMarkLogo.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function WordMarkLogo(props) {
+    const { color } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 71 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.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" })));
+}
+exports.default = WordMarkLogo;

package/dist/logos/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DocsLogo } from './DocsLogo';
+export { default as ExpoGoLogo } from './ExpoGoLogo';
+export { default as Logo } from './Logo';
+export { default as SnackLogo } from './SnackLogo';
+export { default as WordMarkLogo } from './WordMarkLogo';

package/dist/logos/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WordMarkLogo = exports.SnackLogo = exports.Logo = exports.ExpoGoLogo = exports.DocsLogo = void 0;
+var DocsLogo_1 = require("./DocsLogo");
+Object.defineProperty(exports, "DocsLogo", { enumerable: true, get: function () { return __importDefault(DocsLogo_1).default; } });
+var ExpoGoLogo_1 = require("./ExpoGoLogo");
+Object.defineProperty(exports, "ExpoGoLogo", { enumerable: true, get: function () { return __importDefault(ExpoGoLogo_1).default; } });
+var Logo_1 = require("./Logo");
+Object.defineProperty(exports, "Logo", { enumerable: true, get: function () { return __importDefault(Logo_1).default; } });
+var SnackLogo_1 = require("./SnackLogo");
+Object.defineProperty(exports, "SnackLogo", { enumerable: true, get: function () { return __importDefault(SnackLogo_1).default; } });
+var WordMarkLogo_1 = require("./WordMarkLogo");
+Object.defineProperty(exports, "WordMarkLogo", { enumerable: true, get: function () { return __importDefault(WordMarkLogo_1).default; } });

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@expo/styleguide-native",
-  "version": "1.0.4",
+  "version": "4.1.0",
   "description": "Foundational styles for Expo interfaces.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "clean": "rimraf ./dist",
-    "build:icons": "rimraf ./src/icons && svgr ../../common/svg --out-dir ./src/icons",
-    "build": "yarn build:icons && yarn clean && yarn tsc",
+    "build:icons": "rimraf ./src/icons && svgr ../../common/svg --config-file ./svgr-icon-config.js --out-dir ./src/icons",
+    "build:logos": "rimraf ./src/logos && svgr ../../common/logos --config-file ./svgr-logo-config.js --out-dir ./src/logos",
+    "build": "yarn build:icons && yarn build:logos && yarn clean && yarn tsc",
     "dev": "yarn tsc --watch"
   },
   "files": [