@expo/styleguide-native 0.3.1 → 0.4.2-alpha.0

package/dist/index.d.ts

@@ -3,5 +3,6 @@ import { shadows } from './src/styles/shadows';
 import { lightTheme, darkTheme } from './src/styles/themes';
 import { iconSize, borderRadius } from './src/styles/sizing';
 import { spacing } from './src/styles/spacing';
+import { breakpoints } from './src/styles/breakpoints';
 export * from './src/icons';
-export { borderRadius, darkTheme, iconSize, lightTheme, palette, shadows, spacing, };
+export { borderRadius, breakpoints, darkTheme, iconSize, lightTheme, palette, shadows, spacing, };

package/dist/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.spacing = exports.shadows = exports.palette = exports.lightTheme = exports.iconSize = exports.darkTheme = exports.borderRadius = void 0;
+exports.spacing = exports.shadows = exports.palette = exports.lightTheme = exports.iconSize = exports.darkTheme = exports.breakpoints = exports.borderRadius = void 0;
 const palette_1 = require("./src/styles/palette");
 Object.defineProperty(exports, "palette", { enumerable: true, get: function () { return palette_1.palette; } });
 const shadows_1 = require("./src/styles/shadows");
@@ -23,4 +23,6 @@ Object.defineProperty(exports, "iconSize", { enumerable: true, get: function ()
 Object.defineProperty(exports, "borderRadius", { enumerable: true, get: function () { return sizing_1.borderRadius; } });
 const spacing_1 = require("./src/styles/spacing");
 Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return spacing_1.spacing; } });
+const breakpoints_1 = require("./src/styles/breakpoints");
+Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return breakpoints_1.breakpoints; } });
 __exportStar(require("./src/icons"), exports);

package/dist/src/icons/ActivityIcon.d.ts

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

package/dist/src/icons/ActivityIcon.js

@@ -0,0 +1,33 @@
+"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 ActivityIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#activity-icon_svg__activity-icon_svg__clip0)" },
+            React.createElement(react_native_svg_1.Path, { d: "M13.086 1.541l-9.947 8.742 6.385 1.711-2.61 6.905 9.947-8.741-6.386-1.711 2.61-6.906z", stroke: color || "#000", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round" })),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "activity-icon_svg__activity-icon_svg__clip0" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(0 .22)", d: "M0 0h20v20H0z" })))));
+}
+exports.default = ActivityIcon;

package/dist/src/icons/AndroidIcon.js

@@ -24,6 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
 function AndroidIcon(props) {
     const { size, color, width, height } = props;
     return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
-        React.createElement(react_native_svg_1.Path, { d: "M14.219 12.325a.766.766 0 010-1.532.765.765 0 010 1.532zm-8.438 0a.766.766 0 010-1.532.765.765 0 010 1.532zm8.712-4.613l1.525-2.651a.317.317 0 10-.55-.318l-1.544 2.684A9.393 9.393 0 0010 6.585a9.392 9.392 0 00-3.924.842L4.531 4.743a.317.317 0 10-.55.318l1.526 2.65c-2.62 1.43-4.412 4.091-4.674 7.235h18.334c-.263-3.144-2.055-5.805-4.674-7.234z", fill: color || "#000" })));
+        React.createElement(react_native_svg_1.Path, { d: "M14.219 12.325a.766.766 0 010-1.532.765.765 0 010 1.532zm-8.438 0a.766.766 0 010-1.532.765.765 0 010 1.532zm8.712-4.613l1.525-2.651a.317.317 0 10-.55-.318l-1.544 2.684A9.393 9.393 0 0010 6.585a9.393 9.393 0 00-3.924.842L4.531 4.742a.317.317 0 10-.55.319l1.526 2.65c-2.62 1.43-4.412 4.091-4.674 7.235h18.334c-.263-3.144-2.055-5.805-4.674-7.234z", fill: color || "#000" })));
 }
 exports.default = AndroidIcon;

package/dist/src/icons/AppleAppStoreIcon.d.ts

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

package/dist/src/icons/AppleAppStoreIcon.js

@@ -0,0 +1,35 @@
+"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 AppleAppStoreIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#apple-app-store-icon_svg__apple-app-store-icon_svg__clip0)", fillRule: "evenodd", clipRule: "evenodd", fill: color || "#000" },
+            React.createElement(react_native_svg_1.Path, { d: "M13.03 3.202a1.6 1.6 0 10-2.77-1.604L2.779 14.522h3.698l6.554-11.32zm-7.498 12.95c-.681-.584-1.417-1.13-2.053-1.156-.928-.037-1.237.446-1.47.88l-.008-.01-.54.932a1.6 1.6 0 102.769 1.604l1.302-2.25z" }),
+            React.createElement(react_native_svg_1.Path, { d: "M9.718 11.322c.687.008 1.394.077 1.833.727.482.714.519 1.632.337 2.473H1.6a1.6 1.6 0 010-3.2h8.118zm3.959 3.2H18.4a1.6 1.6 0 000-3.2h-6.587l1.864 3.2z" }),
+            React.createElement(react_native_svg_1.Path, { d: "M7.047 3.202a1.6 1.6 0 012.77-1.604l2.053 3.547-1.901 3.102-2.922-5.045zm4.25 7.338l4.55 7.862a1.6 1.6 0 002.77-1.604L12.456 6.157c-.395.052-.75.283-1.025.831-.784 1.569-.433 2.899-.132 3.553h-.003z" })),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "apple-app-store-icon_svg__apple-app-store-icon_svg__clip0" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
+}
+exports.default = AppleAppStoreIcon;

package/dist/src/icons/AppleSimulatorIcon.d.ts

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

package/dist/src/icons/AppleSimulatorIcon.js

@@ -0,0 +1,33 @@
+"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 AppleSimulatorIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Rect, { x: 3.75, y: 0.75, width: 12.5, height: 18.5, rx: 2.25, stroke: color || "#000", strokeWidth: 1.5 }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M11.212 7.28a.64.64 0 10-1.108-.64l-2.993 5.169h1.48l2.621-4.528zm-3 5.181c-.272-.234-.566-.453-.82-.463-.371-.014-.495.179-.588.352l-.004-.004-.216.373a.64.64 0 001.108.642l.52-.9z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.887 10.529c.275.003.558.03.733.29.193.286.208.653.135.99H6.64a.64.64 0 110-1.28h3.247zm1.584 1.28h1.889a.64.64 0 100-1.28h-2.635l.746 1.28z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M8.819 7.28a.64.64 0 111.108-.64l.821 1.418-.76 1.24-1.169-2.017zm1.7 2.936l1.82 3.145a.64.64 0 101.108-.642l-2.465-4.256c-.157.02-.3.113-.41.332-.313.628-.173 1.16-.052 1.421h-.002z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M7 1h6v1a1 1 0 01-1 1H8a1 1 0 01-1-1V1z", fill: color || "#000" })));
+}
+exports.default = AppleSimulatorIcon;

package/dist/src/icons/AtIcon.d.ts

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

package/dist/src/icons/AtIcon.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 AtIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M10.216 20c2.168 0 4.29-.51 5.24-1.05l-.752-2.205c-.814.334-2.564.775-4.313.775-4.96 0-7.652-2.631-7.667-7.438.015-4.35 2.495-7.629 7.553-7.629 3.658 0 7.058 1.75 7.05 6.526.008 2.974-.54 4.328-1.59 4.328-.524 0-.843-.396-.851-1.103V4.78h-2.38v.852h-.107c-.259-.669-1.871-1.3-3.583-1.042-2.03.297-4.22 1.963-4.236 5.492.015 3.582 2.054 5.415 4.457 5.545 1.727.098 3.278-.624 3.636-1.544h.091c.167 1.05.867 1.764 2.632 1.635 3.285-.183 4.54-2.83 4.533-6.564.007-5.408-3.567-9.15-9.614-9.15C3.774.004.024 4.058.016 10.174.024 16.386 3.743 20 10.216 20zm-.35-6.876c-1.985 0-2.654-1.521-2.662-3.133.008-1.735.958-2.868 2.647-2.868 1.924 0 2.502 1.02 2.51 2.845.023 2.069-.632 3.156-2.495 3.156z", fill: "#596068" })));
+}
+exports.default = AtIcon;

package/dist/src/icons/CredentialIcon.d.ts

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

package/dist/src/icons/CredentialIcon.js

@@ -0,0 +1,35 @@
+"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 CredentialIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#credential-icon_svg__credential-icon_svg__clip0)" },
+            React.createElement(react_native_svg_1.Path, { d: "M11.327 11.426h.75V9.88l-1.214.957.464.59zm-6.187 0l.465-.589L4.39 9.88v1.546h.75zm0 7.514h-.75v1.391l1.163-.765-.413-.626zm1.563-1.029l.409-.629-.411-.267-.41.27.412.626zm1.585 1.029l-.408.629.451.293.422-.333-.465-.59zm1.303-1.029l.382-.645-.443-.262-.404.319.465.588zm1.736 1.029l-.382.645 1.132.67V18.94h-.75zm-.464-8.103c-.724.57-1.636.91-2.63.91v1.5c1.343 0 2.58-.46 3.558-1.232l-.928-1.178zm-2.63.91c-.993 0-1.905-.34-2.628-.91l-.929 1.178a5.729 5.729 0 003.558 1.233v-1.5zM5.89 18.94v-7.514h-1.5v7.514h1.5zm.401-1.655l-1.563 1.028.825 1.253 1.563-1.028-.825-1.253zm2.406 1.026l-1.585-1.029-.817 1.259 1.585 1.028.817-1.258zm.429-.988L7.824 18.35l.93 1.178 1.301-1.029-.93-1.177zm2.583.972l-1.736-1.029-.765 1.29 1.737 1.03.764-1.291zm-1.132-6.869v7.514h1.5v-7.514h-1.5z", fill: color || "#000" }),
+            React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M2 2.25h16a.25.25 0 01.25.25v11.474a.25.25 0 01-.25.25h-6.673v1.75H18a2 2 0 002-2V2.5a2 2 0 00-2-2H2a2 2 0 00-2 2v11.474a2 2 0 002 2h3.14v-1.75H2a.25.25 0 01-.25-.25V2.5A.25.25 0 012 2.25z", fill: color || "#000" }),
+            React.createElement(react_native_svg_1.Circle, { cx: 8.234, cy: 8.292, r: 4, stroke: color || "#000", strokeWidth: 2 })),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "credential-icon_svg__credential-icon_svg__clip0" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(0 .5)", d: "M0 0h20v20H0z" })))));
+}
+exports.default = CredentialIcon;

package/dist/src/icons/DeploymentsIcon.d.ts

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

package/dist/src/icons/DeploymentsIcon.js

@@ -0,0 +1,36 @@
+"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 DeploymentsIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#deployments-icon_svg__deployments-icon_svg__clip0)" },
+            React.createElement(react_native_svg_1.Path, { clipRule: "evenodd", d: "M18.855 1.331l-1.15 6.85a4 4 0 01-1.886 2.766l-6.943 4.171-3.836-3.822L9.175 4.15a4 4 0 012.958-1.965l6.722-.854z", stroke: color || "#000", strokeWidth: 1.75, strokeLinejoin: "round" }),
+            React.createElement(react_native_svg_1.Path, { clipRule: "evenodd", d: "M4.974 11.517L.956 11.03l4.602-4.766L8.12 5.74l-3.147 5.778zm3.966 3.869l.592 3.867 4.718-4.566.397-2.725-5.707 3.424z", stroke: color || "#000", strokeWidth: 1.5, strokeLinejoin: "round" }),
+            React.createElement(react_native_svg_1.Ellipse, { cx: 13.528, cy: 6.693, rx: 1.816, ry: 2.301, transform: "rotate(44.984 13.528 6.693)", fill: color || "#000" }),
+            React.createElement(react_native_svg_1.Path, { d: "M4.067 14.262l-2.79 2.819m4.729-1.002l-2.791 2.819", stroke: color || "#000", strokeWidth: 1.5, strokeLinecap: "round" })),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "deployments-icon_svg__deployments-icon_svg__clip0" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(0 .22)", d: "M0 0h20v20H0z" })))));
+}
+exports.default = DeploymentsIcon;

package/dist/src/icons/GeneralIcon.d.ts

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

package/dist/src/icons/GeneralIcon.js

@@ -0,0 +1,40 @@
+"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 GeneralIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Mask, { id: "general-icon_svg__a", fill: "#fff" },
+            React.createElement(react_native_svg_1.Rect, { width: 8.75, height: 8.75, rx: 1 })),
+        React.createElement(react_native_svg_1.Rect, { width: 8.75, height: 8.75, rx: 1, stroke: color || "#000", strokeWidth: 3.5, mask: "url(#general-icon_svg__a)" }),
+        React.createElement(react_native_svg_1.Mask, { id: "general-icon_svg__b", fill: "#fff" },
+            React.createElement(react_native_svg_1.Rect, { y: 11.25, width: 8.75, height: 8.75, rx: 1 })),
+        React.createElement(react_native_svg_1.Rect, { y: 11.25, width: 8.75, height: 8.75, rx: 1, stroke: color || "#000", strokeWidth: 3.5, mask: "url(#general-icon_svg__b)" }),
+        React.createElement(react_native_svg_1.Mask, { id: "general-icon_svg__c", fill: "#fff" },
+            React.createElement(react_native_svg_1.Rect, { x: 11.25, y: 11.25, width: 8.75, height: 8.75, rx: 1 })),
+        React.createElement(react_native_svg_1.Rect, { x: 11.25, y: 11.25, width: 8.75, height: 8.75, rx: 1, stroke: color || "#000", strokeWidth: 3.5, mask: "url(#general-icon_svg__c)" }),
+        React.createElement(react_native_svg_1.Mask, { id: "general-icon_svg__d", fill: "#fff" },
+            React.createElement(react_native_svg_1.Rect, { x: 11.25, width: 8.75, height: 8.75, rx: 1 })),
+        React.createElement(react_native_svg_1.Rect, { x: 11.25, width: 8.75, height: 8.75, rx: 1, stroke: color || "#000", strokeWidth: 3.5, mask: "url(#general-icon_svg__d)" })));
+}
+exports.default = GeneralIcon;

package/dist/src/icons/GoogleAppStoreIcon.d.ts

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

package/dist/src/icons/GoogleAppStoreIcon.js

@@ -0,0 +1,33 @@
+"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 GoogleAppStoreIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#google-app-store-icon_svg__google-app-store-icon_svg__clip0)" },
+            React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M.707.502l9.67 9.451-9.679 9.511a.995.995 0 01-.107-.454V.972c0-.174.042-.333.116-.47zm.887-.531a.99.99 0 01.485.128l11.68 6.53-2.67 2.623L1.595-.029zm13.074 7.167l-2.863 2.813 3.013 2.946 3.54-1.942a1 1 0 00.007-1.75l-3.697-2.067zm-.766 6.261l-2.81-2.746-9.523 9.358a.993.993 0 00.503-.124l11.83-6.488z", fill: color || "#000" })),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "google-app-store-icon_svg__google-app-store-icon_svg__clip0" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
+}
+exports.default = GoogleAppStoreIcon;

package/dist/src/icons/InvoicesIcon.d.ts

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

package/dist/src/icons/InvoicesIcon.js

@@ -0,0 +1,34 @@
+"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 InvoicesIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#invoices-icon_svg__invoices-icon_svg__clip0)", stroke: color || "#000" },
+            React.createElement(react_native_svg_1.Path, { d: "M10.45 17.97L10 17.7l-.45.27-2.088 1.253-2.57-1.285-.484-.242-.433.324-1.767 1.325H2A1.125 1.125 0 01.875 18.22v-16c0-.621.504-1.125 1.125-1.125h16c.621 0 1.125.504 1.125 1.125v16c0 .622-.504 1.125-1.125 1.125h-.208l-1.767-1.325-.433-.324-.483.242-2.57 1.285-2.089-1.253z", strokeWidth: 1.75 }),
+            React.createElement(react_native_svg_1.Path, { d: "M4.005 6.688h11.99M4.005 10.22h9.955", strokeWidth: 2 })),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "invoices-icon_svg__invoices-icon_svg__clip0" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(0 .22)", d: "M0 0h20v20H0z" })))));
+}
+exports.default = InvoicesIcon;

package/dist/src/icons/PlansIcon.d.ts

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

package/dist/src/icons/PlansIcon.js

@@ -0,0 +1,34 @@
+"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 PlansIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#plans-icon_svg__plans-icon_svg__clip0)" },
+            React.createElement(react_native_svg_1.Path, { d: "M10 5.22l1.545 3.13L15 8.855l-2.5 2.435.59 3.44L10 13.105 6.91 14.73l.59-3.44L5 8.855l3.455-.505L10 5.22z", stroke: color || "#000", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round" })),
+        React.createElement(react_native_svg_1.Rect, { x: 0.875, y: 2.009, width: 18.25, height: 16.423, rx: 3.125, stroke: color || "#000", strokeWidth: 1.75 }),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "plans-icon_svg__plans-icon_svg__clip0" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(4 4.22)", d: "M0 0h12v12H0z" })))));
+}
+exports.default = PlansIcon;

package/dist/src/icons/ProjectTransferIcon.d.ts

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

package/dist/src/icons/ProjectTransferIcon.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 ProjectTransferIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M11.089 4h-7.84a1.04 1.04 0 00-1.04 1.04v9.92c0 .574.465 1.04 1.04 1.04h9.92a1.04 1.04 0 001.04-1.04v-1.783l2-1.664v3.447a3.04 3.04 0 01-3.04 3.04h-9.92a3.04 3.04 0 01-3.04-3.04V5.04A3.04 3.04 0 013.249 2h7.84v2zm5.12 5.822l-2 1.664V5.04A1.04 1.04 0 0013.169 4h-.78V2l3.82 3.178v4.644z", fill: "#596068" }),
+        React.createElement(react_native_svg_1.Path, { d: "M12.389 13V9.665c-2.894 0-4.93 1.188-5.93 2.085-.174.157-.475.028-.458-.21.35-4.948 4.345-6.273 6.388-6.305V2L19 7.5 12.389 13z", fill: "#596068" })));
+}
+exports.default = ProjectTransferIcon;

package/dist/src/icons/SecretsIcon.d.ts

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

package/dist/src/icons/SecretsIcon.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 SecretsIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M17.839 2.183L16.09 3.932m0 0l2.623 2.623-3.06 3.06-2.623-2.623m3.06-3.06l-3.06 3.06m-3.593 3.593a4.81 4.81 0 11-6.8 6.8 4.808 4.808 0 016.8-6.799h0zm0 0l3.593-3.593", stroke: color || "#000", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+exports.default = SecretsIcon;

package/dist/src/icons/TokensIcon.d.ts

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

package/dist/src/icons/TokensIcon.js

@@ -0,0 +1,31 @@
+"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 TokensIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Circle, { cx: 13.5, cy: 10, r: 5.625, stroke: color || "#000", strokeWidth: 1.75 }),
+        React.createElement(react_native_svg_1.Path, { d: "M16.131 10A2.631 2.631 0 0013.5 7.37", stroke: color || "#000", strokeWidth: 1.5 }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M8.594 14.264a4.75 4.75 0 110-8.529A6.55 6.55 0 0110 4.522a6.5 6.5 0 100 10.956 6.533 6.533 0 01-1.406-1.213z", fill: color || "#000" })));
+}
+exports.default = TokensIcon;

package/dist/src/icons/YoutubeIcon.js

@@ -24,6 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
 function YoutubeIcon(props) {
     const { size, color, width, height } = props;
     return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 21 20", fill: "none" }, props),
-        React.createElement(react_native_svg_1.Path, { d: "M11.064 2.498h.111c1.028.004 6.234.042 7.638.42a2.51 2.51 0 011.768 1.774c.127.474.215 1.105.276 1.753l.012.13.027.325.01.13c.082 1.143.091 2.212.093 2.446v.094a39.205 39.205 0 01-.103 2.576l-.01.13-.011.13c-.062.716-.155 1.426-.294 1.948a2.509 2.509 0 01-1.768 1.774c-1.45.39-6.962.418-7.726.42h-.176c-.387-.001-1.985-.008-3.66-.066l-.213-.008-.108-.004-.214-.008-.214-.01c-1.387-.06-2.709-.16-3.317-.324a2.509 2.509 0 01-1.768-1.774c-.14-.522-.232-1.232-.294-1.948l-.011-.13-.01-.13A39.25 39.25 0 01.998 9.6v-.153c.002-.268.012-1.198.08-2.223l.008-.128.005-.065.01-.13.026-.325.012-.13c.062-.648.15-1.279.277-1.753a2.51 2.51 0 011.768-1.774c.608-.164 1.93-.264 3.317-.325l.214-.009.214-.008.108-.004.214-.008c1.567-.054 3.068-.063 3.57-.065h.242zM8.999 6.512v6.022l5.196-3.01-5.196-3.012z", fill: color || "#000" })));
+        React.createElement(react_native_svg_1.Path, { d: "M11.064 2.498h.111c1.028.004 6.234.042 7.638.42a2.51 2.51 0 011.768 1.774c.127.474.215 1.105.276 1.753l.012.13.027.325.01.13c.082 1.143.091 2.212.093 2.446v.094a39.206 39.206 0 01-.103 2.576l-.01.13-.011.13c-.062.716-.155 1.426-.294 1.948a2.509 2.509 0 01-1.768 1.774c-1.45.39-6.962.418-7.726.42h-.176c-.387-.001-1.985-.009-3.66-.066l-.213-.008-.108-.004-.214-.008-.214-.01c-1.387-.06-2.709-.16-3.317-.324a2.509 2.509 0 01-1.768-1.774c-.14-.522-.232-1.232-.294-1.948l-.011-.13-.01-.13A39.25 39.25 0 01.998 9.6v-.153c.002-.268.012-1.198.08-2.223l.008-.128.005-.065.01-.13.026-.325.012-.13c.062-.648.15-1.279.277-1.753a2.51 2.51 0 011.768-1.774c.608-.164 1.93-.264 3.317-.325l.214-.009.214-.008.108-.004.214-.008c1.567-.054 3.068-.064 3.57-.065h.242zM8.999 6.512v6.022l5.196-3.01-5.196-3.012z", fill: color || "#000" })));
 }
 exports.default = YoutubeIcon;

package/dist/src/icons/index.d.ts

@@ -1,8 +1,12 @@
+export { default as ActivityIcon } from './ActivityIcon';
 export { default as AddPhotoIcon } from './AddPhotoIcon';
 export { default as AndroidIcon } from './AndroidIcon';
+export { default as AppleAppStoreIcon } from './AppleAppStoreIcon';
 export { default as AppleIcon } from './AppleIcon';
+export { default as AppleSimulatorIcon } from './AppleSimulatorIcon';
 export { default as ArrowLeftIcon } from './ArrowLeftIcon';
 export { default as ArrowRightIcon } from './ArrowRightIcon';
+export { default as AtIcon } from './AtIcon';
 export { default as BadgeIcon } from './BadgeIcon';
 export { default as BellIcon } from './BellIcon';
 export { default as BranchIcon } from './BranchIcon';
@@ -14,16 +18,21 @@ export { default as CheckIcon } from './CheckIcon';
 export { default as ChevronDownIcon } from './ChevronDownIcon';
 export { default as CloudSlashIcon } from './CloudSlashIcon';
 export { default as CommitIcon } from './CommitIcon';
+export { default as CredentialIcon } from './CredentialIcon';
+export { default as DeploymentsIcon } from './DeploymentsIcon';
 export { default as DiscordIcon } from './DiscordIcon';
 export { default as DiscourseIcon } from './DiscourseIcon';
 export { default as DownloadIcon } from './DownloadIcon';
 export { default as ErrorIcon } from './ErrorIcon';
 export { default as FacebookIcon } from './FacebookIcon';
+export { default as GeneralIcon } from './GeneralIcon';
 export { default as GithubIcon } from './GithubIcon';
+export { default as GoogleAppStoreIcon } from './GoogleAppStoreIcon';
 export { default as HomeFilledIcon } from './HomeFilledIcon';
 export { default as HomeIcon } from './HomeIcon';
 export { default as InfoIcon } from './InfoIcon';
 export { default as InstagramIcon } from './InstagramIcon';
+export { default as InvoicesIcon } from './InvoicesIcon';
 export { default as LockIcon } from './LockIcon';
 export { default as LogoutMobileIcon } from './LogoutMobileIcon';
 export { default as LogsIcon } from './LogsIcon';
@@ -32,6 +41,8 @@ export { default as MegaphoneIcon } from './MegaphoneIcon';
 export { default as MessageIcon } from './MessageIcon';
 export { default as OneTimePasswordIcon } from './OneTimePasswordIcon';
 export { default as OpenInternalIcon } from './OpenInternalIcon';
+export { default as PlansIcon } from './PlansIcon';
+export { default as ProjectTransferIcon } from './ProjectTransferIcon';
 export { default as PushToDeviceIcon } from './PushToDeviceIcon';
 export { default as QrCodeIcon } from './QrCodeIcon';
 export { default as QuestionIcon } from './QuestionIcon';
@@ -41,6 +52,7 @@ export { default as RolloutIcon } from './RolloutIcon';
 export { default as RuntimeVersionIcon } from './RuntimeVersionIcon';
 export { default as ScanIcon } from './ScanIcon';
 export { default as SearchIcon } from './SearchIcon';
+export { default as SecretsIcon } from './SecretsIcon';
 export { default as SettingsFilledIcon } from './SettingsFilledIcon';
 export { default as SettingsIcon } from './SettingsIcon';
 export { default as SparklesIcon } from './SparklesIcon';
@@ -48,6 +60,7 @@ export { default as StoreIcon } from './StoreIcon';
 export { default as ThemeAutoIcon } from './ThemeAutoIcon';
 export { default as ThemeDarkIcon } from './ThemeDarkIcon';
 export { default as ThemeLightIcon } from './ThemeLightIcon';
+export { default as TokensIcon } from './TokensIcon';
 export { default as TrashIcon } from './TrashIcon';
 export { default as TriangleDownIcon } from './TriangleDownIcon';
 export { default as TriangleRightIcon } from './TriangleRightIcon';

package/dist/src/icons/index.js

@@ -3,18 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeLightIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.SparklesIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RolloutIcon = exports.RefreshIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.InstagramIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = exports.GithubIcon = exports.FacebookIcon = exports.ErrorIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.CommitIcon = exports.CloudSlashIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AppleIcon = exports.AndroidIcon = exports.AddPhotoIcon = void 0;
-exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleRightIcon = exports.TriangleDownIcon = exports.TrashIcon = void 0;
+exports.RefreshIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PlansIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.InvoicesIcon = exports.InstagramIcon = 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.CredentialIcon = exports.CommitIcon = exports.CloudSlashIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtIcon = 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.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.RolloutIcon = 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");
 Object.defineProperty(exports, "AddPhotoIcon", { enumerable: true, get: function () { return __importDefault(AddPhotoIcon_1).default; } });
 var AndroidIcon_1 = require("./AndroidIcon");
 Object.defineProperty(exports, "AndroidIcon", { enumerable: true, get: function () { return __importDefault(AndroidIcon_1).default; } });
+var AppleAppStoreIcon_1 = require("./AppleAppStoreIcon");
+Object.defineProperty(exports, "AppleAppStoreIcon", { enumerable: true, get: function () { return __importDefault(AppleAppStoreIcon_1).default; } });
 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 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 AtIcon_1 = require("./AtIcon");
+Object.defineProperty(exports, "AtIcon", { enumerable: true, get: function () { return __importDefault(AtIcon_1).default; } });
 var BadgeIcon_1 = require("./BadgeIcon");
 Object.defineProperty(exports, "BadgeIcon", { enumerable: true, get: function () { return __importDefault(BadgeIcon_1).default; } });
 var BellIcon_1 = require("./BellIcon");
@@ -37,6 +45,10 @@ var CloudSlashIcon_1 = require("./CloudSlashIcon");
 Object.defineProperty(exports, "CloudSlashIcon", { enumerable: true, get: function () { return __importDefault(CloudSlashIcon_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 DeploymentsIcon_1 = require("./DeploymentsIcon");
+Object.defineProperty(exports, "DeploymentsIcon", { enumerable: true, get: function () { return __importDefault(DeploymentsIcon_1).default; } });
 var DiscordIcon_1 = require("./DiscordIcon");
 Object.defineProperty(exports, "DiscordIcon", { enumerable: true, get: function () { return __importDefault(DiscordIcon_1).default; } });
 var DiscourseIcon_1 = require("./DiscourseIcon");
@@ -47,8 +59,12 @@ var ErrorIcon_1 = require("./ErrorIcon");
 Object.defineProperty(exports, "ErrorIcon", { enumerable: true, get: function () { return __importDefault(ErrorIcon_1).default; } });
 var FacebookIcon_1 = require("./FacebookIcon");
 Object.defineProperty(exports, "FacebookIcon", { enumerable: true, get: function () { return __importDefault(FacebookIcon_1).default; } });
+var GeneralIcon_1 = require("./GeneralIcon");
+Object.defineProperty(exports, "GeneralIcon", { enumerable: true, get: function () { return __importDefault(GeneralIcon_1).default; } });
 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 HomeFilledIcon_1 = require("./HomeFilledIcon");
 Object.defineProperty(exports, "HomeFilledIcon", { enumerable: true, get: function () { return __importDefault(HomeFilledIcon_1).default; } });
 var HomeIcon_1 = require("./HomeIcon");
@@ -57,6 +73,8 @@ var InfoIcon_1 = require("./InfoIcon");
 Object.defineProperty(exports, "InfoIcon", { enumerable: true, get: function () { return __importDefault(InfoIcon_1).default; } });
 var InstagramIcon_1 = require("./InstagramIcon");
 Object.defineProperty(exports, "InstagramIcon", { enumerable: true, get: function () { return __importDefault(InstagramIcon_1).default; } });
+var InvoicesIcon_1 = require("./InvoicesIcon");
+Object.defineProperty(exports, "InvoicesIcon", { enumerable: true, get: function () { return __importDefault(InvoicesIcon_1).default; } });
 var LockIcon_1 = require("./LockIcon");
 Object.defineProperty(exports, "LockIcon", { enumerable: true, get: function () { return __importDefault(LockIcon_1).default; } });
 var LogoutMobileIcon_1 = require("./LogoutMobileIcon");
@@ -73,6 +91,10 @@ var OneTimePasswordIcon_1 = require("./OneTimePasswordIcon");
 Object.defineProperty(exports, "OneTimePasswordIcon", { enumerable: true, get: function () { return __importDefault(OneTimePasswordIcon_1).default; } });
 var OpenInternalIcon_1 = require("./OpenInternalIcon");
 Object.defineProperty(exports, "OpenInternalIcon", { enumerable: true, get: function () { return __importDefault(OpenInternalIcon_1).default; } });
+var PlansIcon_1 = require("./PlansIcon");
+Object.defineProperty(exports, "PlansIcon", { enumerable: true, get: function () { return __importDefault(PlansIcon_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");
 Object.defineProperty(exports, "PushToDeviceIcon", { enumerable: true, get: function () { return __importDefault(PushToDeviceIcon_1).default; } });
 var QrCodeIcon_1 = require("./QrCodeIcon");
@@ -91,6 +113,8 @@ var ScanIcon_1 = require("./ScanIcon");
 Object.defineProperty(exports, "ScanIcon", { enumerable: true, get: function () { return __importDefault(ScanIcon_1).default; } });
 var SearchIcon_1 = require("./SearchIcon");
 Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
+var SecretsIcon_1 = require("./SecretsIcon");
+Object.defineProperty(exports, "SecretsIcon", { enumerable: true, get: function () { return __importDefault(SecretsIcon_1).default; } });
 var SettingsFilledIcon_1 = require("./SettingsFilledIcon");
 Object.defineProperty(exports, "SettingsFilledIcon", { enumerable: true, get: function () { return __importDefault(SettingsFilledIcon_1).default; } });
 var SettingsIcon_1 = require("./SettingsIcon");
@@ -105,6 +129,8 @@ var ThemeDarkIcon_1 = require("./ThemeDarkIcon");
 Object.defineProperty(exports, "ThemeDarkIcon", { enumerable: true, get: function () { return __importDefault(ThemeDarkIcon_1).default; } });
 var ThemeLightIcon_1 = require("./ThemeLightIcon");
 Object.defineProperty(exports, "ThemeLightIcon", { enumerable: true, get: function () { return __importDefault(ThemeLightIcon_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");

package/dist/src/styles/breakpoints.d.ts

@@ -0,0 +1,5 @@
+export declare const breakpoints: {
+    small: number;
+    medium: number;
+    large: number;
+};

package/dist/src/styles/breakpoints.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.breakpoints = void 0;
+exports.breakpoints = {
+    small: 400,
+    medium: 900,
+    large: 1200,
+};

package/dist/src/styles/palette.js

@@ -45,12 +45,12 @@ exports.palette = {
             100: '#ffebda',
             200: '#ffd1ac',
             300: '#ffab70',
-            400: '#fb8532',
-            500: '#f66a0a',
-            600: '#e36209',
-            700: '#d15704',
-            800: '#c24e00',
-            900: '#a04100',
+            400: '#fb8e41',
+            500: '#fa7c25',
+            600: '#de6614',
+            700: '#c45408',
+            800: '#96430b',
+            900: '#7a4018',
         },
         pink: {
             '000': '#ffeef8',
@@ -80,13 +80,13 @@ exports.palette = {
             '000': '#f9f7ff',
             100: '#ede9ff',
             200: '#d2cafd',
-            300: '#a89af9',
-            400: '#7f6df3',
+            300: '#a193f9',
+            400: '#664fff',
             500: '#4630eb',
-            600: '#3423ca',
-            700: '#2518a9',
-            800: '#190f88',
-            900: '#100970',
+            600: '#3929c4',
+            700: '#2e2496',
+            800: '#261f73',
+            900: '#221e5c',
         },
         red: {
             '000': '#fee',
@@ -104,12 +104,12 @@ exports.palette = {
             '000': '#fffdef',
             100: '#fffbdd',
             200: '#fff5b1',
-            300: '#ffea7f',
+            300: '#ffeb87',
             400: '#ffdf5d',
             500: '#ffd33d',
-            600: '#f9c513',
-            700: '#dbab09',
-            800: '#b08800',
+            600: '#f2c012',
+            700: '#cfa108',
+            800: '#9c7800',
             900: '#735c0f',
         },
         white: '#fff',
@@ -117,15 +117,15 @@ exports.palette = {
     },
     dark: {
         blue: {
-            '000': '#051d4d',
-            100: '#0c2d6b',
-            200: '#0d419d',
-            300: '#1158c7',
-            400: '#1f6feb',
-            500: '#388bfd',
-            600: '#58a6ff',
-            700: '#79c0ff',
-            800: '#a5d6ff',
+            '000': '#122447',
+            100: '#173366',
+            200: '#1e4894',
+            300: '#2362c4',
+            400: '#2d73e0',
+            500: '#4794fd',
+            600: '#61abff',
+            700: '#8fcaff',
+            800: '#addaff',
             900: '#cae8ff',
         },
         gray: {
@@ -142,88 +142,88 @@ exports.palette = {
             1000: '#fdfdfe',
         },
         green: {
-            '000': '#04260f',
-            100: '#033a16',
-            200: '#0f5323',
-            300: '#196c2e',
-            400: '#238636',
-            500: '#2ea043',
-            600: '#3fb950',
-            700: '#56d364',
-            800: '#7ee787',
-            900: '#aff5b4',
+            '000': '#1a2b20',
+            100: '#1d3b27',
+            200: '#255232',
+            300: '#256936',
+            400: '#2e853f',
+            500: '#38a04b',
+            600: '#4ab959',
+            700: '#65d372',
+            800: '#8ae592',
+            900: '#b9f0bd',
         },
         orange: {
-            '000': '#3d1300',
-            100: '#5a1e02',
-            200: '#762d0a',
-            300: '#9b4215',
-            400: '#bd561d',
-            500: '#db6d28',
-            600: '#f0883e',
-            700: '#ffa657',
-            800: '#ffc680',
-            900: '#ffdfb6',
+            '000': '#2e1e17',
+            100: '#472a1d',
+            200: '#66361f',
+            300: '#8f4824',
+            400: '#ad5a2b',
+            500: '#d67233',
+            600: '#eb853d',
+            700: '#f5a35b',
+            800: '#fcc279',
+            900: '#fcd49f',
         },
         pink: {
-            '000': '#42062a',
-            100: '#5e103e',
-            200: '#7d2457',
-            300: '#9e3670',
+            '000': '#3d182f',
+            100: '#571e40',
+            200: '#782a57',
+            300: '#9c356e',
             400: '#bf4b8a',
-            500: '#db61a2',
-            600: '#f778ba',
+            500: '#de62a4',
+            600: '#f77ebd',
             700: '#ff9bce',
             800: '#ffbedd',
-            900: '#ffdaec',
+            900: '#ffcfe6',
         },
         primary: {
-            '000': '#0c0752',
-            100: '#0f0869',
-            200: '#190f88',
-            300: '#2518a9',
-            400: '#3423ca',
-            500: '#4630eb',
-            600: '#7464de',
-            700: '#9c90e8',
+            '000': '#1b183d',
+            100: '#201d52',
+            200: '#2a2375',
+            300: '#342a9c',
+            400: '#4436c7',
+            500: '#5c49eb',
+            600: '#7766e8',
+            700: '#a498ed',
             800: '#c9c2f2',
             900: '#e4e0f5',
         },
         purple: {
-            '000': '#271052',
-            100: '#3c1e70',
-            200: '#553098',
+            '000': '#2b1d47',
+            100: '#3c2563',
+            200: '#553096',
             300: '#6e40c9',
             400: '#8957e5',
             500: '#a371f7',
             600: '#bc8cff',
             700: '#d2a8ff',
             800: '#e2c5ff',
-            900: '#eddeff',
+            900: '#e9d6ff',
         },
         red: {
-            '000': '#490202',
-            100: '#67060c',
-            200: '#8e1519',
-            300: '#b6231e',
-            400: '#d92a2b',
-            500: '#f85149',
-            600: '#ff7b72',
-            700: '#ffa198',
-            800: '#ffc1ba',
-            900: '#ffdcd7',
+            '000': '#3d1515',
+            100: '#541c1f',
+            200: '#732225',
+            300: '#962926',
+            400: '#bd3939',
+            500: '#e0514a',
+            600: '#f76f65',
+            700: '#ff8d82',
+            800: '#ffb1a8',
+            900: '#ffd2cc',
         },
         yellow: {
-            '000': '#342400',
-            100: '#4b3200',
-            200: '#694600',
-            300: '#845a06',
-            400: '#9e6a03',
-            500: '#bb8009',
-            600: '#d29922',
-            700: '#e3b341',
-            800: '#f2cc60',
-            900: '#f8e3a1',
+            '000': '#30250a',
+            100: '#473510',
+            200: '#664b14',
+            300: '#856018',
+            400: '#a3751a',
+            500: '#bf8a1f',
+            600: '#d4a035',
+            700: '#e8bb51',
+            800: '#f2d06d',
+            900: '#fae296',
         },
         white: '#fff',
         black: '#0d1117',

package/dist/src/styles/themes.d.ts

@@ -2,6 +2,7 @@ export declare const lightTheme: {
     background: {
         default: string;
         canvas: string;
+        screen: string;
         secondary: string;
         tertiary: string;
         quaternary: string;
@@ -75,11 +76,21 @@ export declare const lightTheme: {
         accent: string;
         emphasis: string;
     };
+    project: {
+        blue: string;
+        green: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        pink: string;
+        purple: string;
+    };
 };
 export declare const darkTheme: {
     background: {
         default: string;
         canvas: string;
+        screen: string;
         secondary: string;
         tertiary: string;
         quaternary: string;
@@ -153,4 +164,13 @@ export declare const darkTheme: {
         accent: string;
         emphasis: string;
     };
+    project: {
+        blue: string;
+        green: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        pink: string;
+        purple: string;
+    };
 };

package/dist/src/styles/themes.js

@@ -6,6 +6,7 @@ exports.lightTheme = {
     background: {
         default: palette_1.palette.light.white,
         canvas: palette_1.palette.light.gray['000'],
+        screen: palette_1.palette.light.gray[100],
         secondary: palette_1.palette.light.gray[100],
         tertiary: palette_1.palette.light.gray[200],
         quaternary: palette_1.palette.light.gray[300],
@@ -79,11 +80,21 @@ exports.lightTheme = {
         accent: palette_1.palette.light.primary[300],
         emphasis: palette_1.palette.light.yellow[300],
     },
+    project: {
+        blue: '#6299d9',
+        green: '#54a767',
+        yellow: '#e5c145',
+        orange: '#d9864c',
+        red: '#d95757',
+        pink: '#d977b2',
+        purple: '#8a66cc',
+    },
 };
 exports.darkTheme = {
     background: {
         default: palette_1.palette.dark.gray['000'],
         canvas: palette_1.palette.dark.gray[100],
+        screen: palette_1.palette.dark.gray['000'],
         secondary: palette_1.palette.dark.gray[200],
         tertiary: palette_1.palette.dark.gray[300],
         quaternary: palette_1.palette.dark.gray[400],
@@ -157,4 +168,13 @@ exports.darkTheme = {
         accent: palette_1.palette.dark.primary[700],
         emphasis: palette_1.palette.dark.yellow[300],
     },
+    project: {
+        blue: '#395a80',
+        green: '#32633d',
+        yellow: '#8a6319',
+        orange: '#8c5731',
+        red: '#8c3838',
+        pink: '#8a4c71',
+        purple: '#4e3973',
+    },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/styleguide-native",
-  "version": "0.3.1",
+  "version": "0.4.2-alpha.0",
   "description": "Foundational styles for Expo interfaces.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -33,5 +33,5 @@
     "react": "*",
     "react-native-svg": "*"
   },
-  "gitHead": "8436ce6335edbbfb0586ecd397d95165c309ba8f"
+  "gitHead": "c90b726d5511e0f6600290c63c85420b7ed629c2"
 }