@expo/styleguide-native 0.3.2 → 0.4.2-alpha.1

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/AtSignIcon.d.ts

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

package/dist/src/icons/AtSignIcon.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 AtSignIcon(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: "M13.333 6.667v4.166a2.5 2.5 0 105 0V10a8.333 8.333 0 10-3.266 6.617M13.333 10a3.333 3.333 0 11-6.666 0 3.333 3.333 0 016.666 0z", stroke: color || "#000", strokeWidth: 1.85, strokeLinecap: "square", strokeLinejoin: "round" })));
+}
+exports.default = AtSignIcon;

package/dist/src/icons/BuildIcon.js

@@ -24,6 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
 function BuildIcon(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: "M9.477.129a1.02 1.02 0 01.993 0l8.127 4.519c.307.172.496.49.494.834l-.052 9.044a.953.953 0 01-.492.823l-8.024 4.52a1.018 1.018 0 01-.524.13 1.018 1.018 0 01-.524-.13l-8.027-4.52a.953.953 0 01-.492-.823L.909 5.482a.953.953 0 01.494-.834l.009-.005L9.477.129zM3.88 5.477L9.975 8.89l2.112-1.178L6.054 4.26 3.879 5.477zm-.943 8.491L2.9 7.144l6.082 3.406v6.824l-6.047-3.406zm5.086-10.81l1.953-1.093 6.117 3.412-2.034 1.135-6.036-3.454zm2.993 14.216V10.55L17.1 7.145l-.04 6.823-6.044 3.406z", fill: color || "#000" })));
+        React.createElement(react_native_svg_1.Path, { d: "M10 18.943V9.098m0 9.845L1.964 14.92V5.08M10 18.943l8.037-4.022V5.08M10 9.098L1.964 5.08M10 9.098l8.037-4.018m-16.073 0L10 1.057l8.037 4.023", stroke: color || "#000", strokeWidth: 1.85 })));
 }
 exports.default = BuildIcon;

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/DeploymentIcon.d.ts

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

package/dist/src/icons/DeploymentIcon.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 DeploymentIcon(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: "M2 2a2 2 0 00-2 2v12a2 2 0 002 2h7V9.747l-2.96 2.96a1 1 0 11-1.414-1.414l4.667-4.667a.996.996 0 01.71-.293c.28.001.534.117.715.304l4.656 4.656a1 1 0 01-1.415 1.414L11 9.747V18h7a2 2 0 002-2V4a2 2 0 00-2-2H2z", fill: color || "#000" })));
+}
+exports.default = DeploymentIcon;

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/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,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 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 20", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M10.45 17.75l-.45-.27-.45.27-2.088 1.253-2.57-1.286-.484-.241-.433.324-1.767 1.325H2A1.125 1.125 0 01.875 18V3C.875 1.826 1.826.875 3 .875h14c1.174 0 2.125.951 2.125 2.125v15c0 .621-.504 1.125-1.125 1.125h-.208L16.025 17.8l-.433-.325-.483.242-2.57 1.286-2.089-1.253z", stroke: color || "#000", strokeWidth: 1.75 }),
+        React.createElement(react_native_svg_1.Path, { d: "M4.444 5.183h11.112M4.444 7.88h11.112M4.444 10.813h9.226", stroke: color || "#000" })));
+}
+exports.default = InvoicesIcon;

package/dist/src/icons/LockIcon.js

@@ -24,7 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
 function LockIcon(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: "M14.622 9.203H5.378c-.729 0-1.32.59-1.32 1.32v6.602c0 .73.591 1.32 1.32 1.32h9.244c.729 0 1.32-.59 1.32-1.32v-6.602c0-.73-.591-1.32-1.32-1.32zm-9.244-1.32a2.64 2.64 0 00-2.64 2.64v6.602a2.64 2.64 0 002.64 2.641h9.244a2.641 2.641 0 002.64-2.64v-6.603a2.641 2.641 0 00-2.64-2.64H5.378zm0-3.028a4.622 4.622 0 119.244 0v3.027h-1.32V4.855a3.301 3.301 0 00-6.603 0v3.027h-1.32V4.855z", fill: color || "#000" }),
-        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.145 4.855a4.855 4.855 0 119.71 0v2.803a2.875 2.875 0 012.641 2.865v6.602A2.875 2.875 0 0114.622 20H5.378a2.875 2.875 0 01-2.874-2.875v-6.602a2.875 2.875 0 012.64-2.865V4.855zm.233 3.26a2.407 2.407 0 00-2.407 2.408v6.602a2.407 2.407 0 002.407 2.408h9.244a2.407 2.407 0 002.407-2.408v-6.602a2.407 2.407 0 00-2.407-2.407H5.378zm1.554-.467h6.136V4.855a3.068 3.068 0 00-6.136 0v2.793zm6.603 0h.853V4.855a4.388 4.388 0 00-8.776 0v2.793h.853V4.855a3.535 3.535 0 017.07 0v2.793zM5.378 9.436c-.6 0-1.086.487-1.086 1.087v6.602c0 .6.486 1.087 1.086 1.087h9.244c.6 0 1.087-.486 1.087-1.087v-6.602c0-.6-.487-1.087-1.087-1.087H5.378zm-1.554 1.087c0-.858.696-1.554 1.554-1.554h9.244c.858 0 1.554.696 1.554 1.554v6.602c0 .859-.696 1.555-1.554 1.555H5.378a1.554 1.554 0 01-1.554-1.555v-6.602z", fill: color || "#000" })));
+        React.createElement(react_native_svg_1.Path, { d: "M4.998 5.814v-.451c0-1.337.483-2.61 1.386-3.544A4.522 4.522 0 019.734.337h.161c2.626 0 4.736 2.255 4.736 5.026v1.9c-.612-.24-1.353-.321-2.03-.29v-1.61c0-1.579-1.208-2.868-2.69-2.868h-.177c-1.498 0-2.706 1.29-2.706 2.868v.435c0 .548-.387 1.015-.902 1.063H6.11a.966.966 0 01-1.034-.627 1.095 1.095 0 01-.078-.436v.016zM17 17.793v-7.7a1.112 1.112 0 00-.855-1.111l-.096-.016a31.895 31.895 0 00-12.597 0l-.08.016a1.112 1.112 0 00-.87 1.111v7.7c0 .532.354 1 .87 1.112l.644.129c3.785.76 7.684.76 11.469 0l.644-.13a1.111 1.111 0 00.87-1.127v.016z", fill: color || "#000" })));
 }
 exports.default = LockIcon;

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

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

package/dist/src/icons/OverviewIcon.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 OverviewIcon(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: "M1 .875h6.75c.069 0 .125.056.125.125v6.75a.125.125 0 01-.125.125H1a.125.125 0 01-.125-.125V1C.875.931.931.875 1 .875zm0 11.25h6.75c.069 0 .125.056.125.125V19a.125.125 0 01-.125.125H1A.125.125 0 01.875 19v-6.75c0-.069.056-.125.125-.125zm11.25 0H19c.069 0 .125.056.125.125V19a.125.125 0 01-.125.125h-6.75a.125.125 0 01-.125-.125v-6.75c0-.069.056-.125.125-.125zm0-11.25H19c.069 0 .125.056.125.125v6.75a.125.125 0 01-.125.125h-6.75a.125.125 0 01-.125-.125V1c0-.069.056-.125.125-.125z", stroke: color || "#000", strokeWidth: 1.75 })));
+}
+exports.default = OverviewIcon;

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: color || "#000" }),
+        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: color || "#000" })));
+}
+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/UpdateIcon.d.ts

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

package/dist/src/icons/UpdateIcon.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 UpdateIcon(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: "M3.415 10L10 13.293 16.585 10l3.398 1.699L10 16.69.017 11.7 3.415 10z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 4.651l-7.3 3.65 7.3 3.65 7.3-3.65-7.3-3.65zm0-1.341l9.983 4.99L10 13.293.017 8.3 10 3.31z", fill: color || "#000" })));
+}
+exports.default = UpdateIcon;

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

@@ -1,3 +1,4 @@
+export { default as ActivityIcon } from './ActivityIcon';
 export { default as AddPhotoIcon } from './AddPhotoIcon';
 export { default as AndroidIcon } from './AndroidIcon';
 export { default as AppleAppStoreIcon } from './AppleAppStoreIcon';
@@ -5,6 +6,7 @@ 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 AtSignIcon } from './AtSignIcon';
 export { default as BadgeIcon } from './BadgeIcon';
 export { default as BellIcon } from './BellIcon';
 export { default as BranchIcon } from './BranchIcon';
@@ -16,17 +18,22 @@ 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 DeploymentIcon } from './DeploymentIcon';
+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';
@@ -35,6 +42,9 @@ 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 OverviewIcon } from './OverviewIcon';
+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';
@@ -44,6 +54,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';
@@ -51,11 +62,13 @@ 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';
 export { default as TwitchIcon } from './TwitchIcon';
 export { default as TwitterIcon } from './TwitterIcon';
+export { default as UpdateIcon } from './UpdateIcon';
 export { default as UserFilledIcon } from './UserFilledIcon';
 export { default as UserIcon } from './UserIcon';
 export { default as UsersFilledIcon } from './UsersFilledIcon';

package/dist/src/icons/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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.GoogleAppStoreIcon = 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.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = 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 = exports.ThemeLightIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = void 0;
+exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PlansIcon = exports.OverviewIcon = 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.DeploymentIcon = 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.UpdateIcon = 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 = exports.RefreshIcon = exports.QuestionMarkIcon = 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");
@@ -19,6 +21,8 @@ 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 AtSignIcon_1 = require("./AtSignIcon");
+Object.defineProperty(exports, "AtSignIcon", { enumerable: true, get: function () { return __importDefault(AtSignIcon_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");
@@ -41,6 +45,12 @@ 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 DeploymentIcon_1 = require("./DeploymentIcon");
+Object.defineProperty(exports, "DeploymentIcon", { enumerable: true, get: function () { return __importDefault(DeploymentIcon_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");
@@ -51,6 +61,8 @@ 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");
@@ -63,6 +75,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");
@@ -79,6 +93,12 @@ 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 OverviewIcon_1 = require("./OverviewIcon");
+Object.defineProperty(exports, "OverviewIcon", { enumerable: true, get: function () { return __importDefault(OverviewIcon_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");
@@ -97,6 +117,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");
@@ -111,6 +133,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");
@@ -121,6 +145,8 @@ var TwitchIcon_1 = require("./TwitchIcon");
 Object.defineProperty(exports, "TwitchIcon", { enumerable: true, get: function () { return __importDefault(TwitchIcon_1).default; } });
 var TwitterIcon_1 = require("./TwitterIcon");
 Object.defineProperty(exports, "TwitterIcon", { enumerable: true, get: function () { return __importDefault(TwitterIcon_1).default; } });
+var UpdateIcon_1 = require("./UpdateIcon");
+Object.defineProperty(exports, "UpdateIcon", { enumerable: true, get: function () { return __importDefault(UpdateIcon_1).default; } });
 var UserFilledIcon_1 = require("./UserFilledIcon");
 Object.defineProperty(exports, "UserFilledIcon", { enumerable: true, get: function () { return __importDefault(UserFilledIcon_1).default; } });
 var UserIcon_1 = require("./UserIcon");

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.2",
+  "version": "0.4.2-alpha.1",
   "description": "Foundational styles for Expo interfaces.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -33,5 +33,5 @@
     "react": "*",
     "react-native-svg": "*"
   },
-  "gitHead": "126598c82787550214db53049a3d3d0dd7ab43f8"
+  "gitHead": "292345f8b3405ee9d690b1dcea1d31a9eb15fc2e"
 }