@expo/styleguide-native 0.4.0 → 0.5.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/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/DebugIcon.d.ts

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

package/dist/src/icons/DebugIcon.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 DebugIcon(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: "M7.684 6.903l2.78 2.756-2.763 2.74-1.23-1.22 1.533-1.52-1.55-1.537 1.23-1.22zm1.852.171l2.78 2.757 1.23-1.22-1.55-1.537 1.533-1.52-1.23-1.22-2.763 2.74z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M.833 2.529c0-.476.39-.862.87-.862h16.594c.48 0 .87.386.87.862v11.638a.811.811 0 01-.834.833h-6.666v1.667h1.666v1.666H6.667v-1.666h1.666V15H1.667a.811.811 0 01-.834-.833V2.529zM2.5 13.333v-10h15v10h-15z", fill: color || "#000" })));
+}
+exports.default = DebugIcon;

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

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

package/dist/src/icons/InspectElementIcon.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 InspectElementIcon(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: "M2.331 2.352H20V0H0v20h2.331V2.352z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M4.653 17.648h2.332V20H4.652v-2.352zm4.385 0h2.331V20H9.04v-2.352zm4.385 0h2.331V20h-2.331v-2.352zM20 4.535v2.353h-2.331V4.535H20zm0 4.425v2.352h-2.331V8.96H20zm0 4.424v2.352h-2.331v-2.352h2.33zm-2.331 4.264h2.33V20h-2.33v-2.352z", fill: color || "#000" })));
+}
+exports.default = InspectElementIcon;

package/dist/src/icons/InvoicesIcon.js

@@ -23,12 +23,8 @@ 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" })))));
+    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/LifebuoyIcon.d.ts

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

package/dist/src/icons/LifebuoyIcon.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 LifebuoyIcon(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: "M.881 10a9.119 9.119 0 1118.238 0A9.119 9.119 0 01.88 10zM4.59 5.749A6.852 6.852 0 003.119 10c0 1.605.549 3.081 1.47 4.251l1.965-1.965A4.116 4.116 0 015.865 10c0-.845.254-1.631.69-2.286L4.588 5.75zm3.125 7.697L5.75 15.412A6.852 6.852 0 0010 16.881c1.605 0 3.081-.55 4.251-1.47l-1.965-1.966a4.115 4.115 0 01-2.286.689 4.115 4.115 0 01-2.286-.69zM16.882 10c0 1.605-.55 3.081-1.47 4.252l-1.966-1.966c.435-.655.689-1.44.689-2.286a4.12 4.12 0 00-.684-2.279l1.966-1.966A6.852 6.852 0 0116.88 10zm-2.637-5.417A6.852 6.852 0 0010 3.12a6.848 6.848 0 00-4.251 1.47l1.965 1.965A4.115 4.115 0 0110 5.865c.842 0 1.625.252 2.279.685l1.966-1.967zm-2.546 3.59a2.494 2.494 0 10.127.128.85.85 0 01-.127-.127z", fill: color || "#000" })));
+}
+exports.default = LifebuoyIcon;

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

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

package/dist/src/icons/PerformanceIcon.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 PerformanceIcon(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 22", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M8.62 9.948l-.002-.002 8.715-4.953-4.984 8.77-.002-.002A2.75 2.75 0 118.62 9.948z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M10 3.16c1.76 0 3.404.496 4.8 1.356l-1.713.973A7.5 7.5 0 004.01 16.84H2.02A9.167 9.167 0 0110 3.16zm-.024 18.334h.048-.048zm8.004-4.654a9.125 9.125 0 001.187-4.513c0-1.76-.496-3.404-1.356-4.8l-.974 1.712c.426.942.663 1.987.663 3.088a7.467 7.467 0 01-1.51 4.513h1.99z", fill: color || "#000" })));
+}
+exports.default = PerformanceIcon;

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

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

package/dist/src/icons/PinIcon.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 PinIcon(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: "M15.755 14.337l-1.453 2.517-5.034-2.907-2.906 5.034-1.323.354-.354-1.323L7.59 12.98l-5.034-2.906L4.01 7.556a1.937 1.937 0 012.647-.71l2.906-5.033a1.937 1.937 0 012.646-.709l5.034 2.906a1.937 1.937 0 01.709 2.647l-2.906 5.033a1.937 1.937 0 01.709 2.647z", fill: color || "#000" })));
+}
+exports.default = PinIcon;

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

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

package/dist/src/icons/PlanEnterpriseIcon.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 PlanEnterpriseIcon(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: "M10.932 1.83a1.08 1.08 0 00-1.864 0L.149 17.079a1.08 1.08 0 00.933 1.626h17.836a1.08 1.08 0 00.933-1.626L10.932 1.831zm5.632 14.444l-1.225-2.095H4.661l-1.225 2.095h13.128zm-3.458-5.912l1.19 2.035H5.704l1.19-2.035h6.213zm-1.042-1.783L10 5.051 7.936 8.579h4.128z", fill: color || "#000" })));
+}
+exports.default = PlanEnterpriseIcon;

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

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

package/dist/src/icons/PlanFreeIcon.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 PlanFreeIcon(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: "M16.564 16.274L10 5.05 3.436 16.274h13.128zM10.932 1.83a1.08 1.08 0 00-1.864 0L.149 17.078a1.08 1.08 0 00.933 1.626h17.836a1.08 1.08 0 00.933-1.626L10.932 1.831z", fill: color || "#000" })));
+}
+exports.default = PlanFreeIcon;

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

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

package/dist/src/icons/PlanProductionIcon.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 PlanProductionIcon(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: "M16.564 16.274L10 5.05 3.436 16.274h13.128zM10.932 1.83a1.08 1.08 0 00-1.864 0L.149 17.078a1.08 1.08 0 00.933 1.626h17.836a1.08 1.08 0 00.933-1.626L10.932 1.831z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M10 8.633l3.445 5.889h-6.89L10 8.632z", fill: color || "#000" })));
+}
+exports.default = PlanProductionIcon;

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

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

package/dist/src/icons/RunIcon.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 RunIcon(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 22", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M15.75 2.959C15.75 4.087 14.823 5 13.676 5c-1.146 0-2.075-.914-2.075-2.042 0-1.128.93-2.042 2.075-2.042 1.147 0 2.076.914 2.076 2.042z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M11.444 5.832h2.472l4.065 3.914h1.186v1.998h-2.014L14.368 9.06l-.252 3.683 1.785 1.757v6.582h-2.03v-5.755l-1.97-1.94-.825 4.374-6.172-1.012.334-1.97 4.205.69.804-4.263.244-2.836-1.335.535v2.52h-2.03V7.563l4.318-1.731zM2.909 2.428H8.4v1.998H2.91V2.428zm-1.384 3.83h3.676v1.997H1.525V6.257zm-.692 3.786h4.324v1.997H.833v-1.997z", fill: color || "#000" })));
+}
+exports.default = RunIcon;

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

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

package/dist/src/icons/UndoIcon.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 UndoIcon(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: "M7.982 7.664v3.98L0 6.657l7.982-4.99v3.98h6.941a5.044 5.044 0 015.044 5.045v7.938a1.009 1.009 0 11-2.017 0v-7.938a3.026 3.026 0 00-3.027-3.027h-6.94z", fill: color || "#000" })));
+}
+exports.default = UndoIcon;

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

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

package/dist/src/icons/UploadIcon.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 UploadIcon(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: "M5.283 10.083h9.084L9.825 2.817l-4.542 7.266z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M18.908 1a.908.908 0 01-.908.908H1.65a.908.908 0 110-1.816H18c.502 0 .908.406.908.908zM9.825 9.175c.502 0 .908.407.908.908v9.084a.908.908 0 11-1.816 0v-9.084c0-.501.406-.908.908-.908z", fill: color || "#000" })));
+}
+exports.default = UploadIcon;

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

@@ -6,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';
@@ -18,6 +19,8 @@ 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 DebugIcon } from './DebugIcon';
+export { default as DeploymentIcon } from './DeploymentIcon';
 export { default as DeploymentsIcon } from './DeploymentsIcon';
 export { default as DiscordIcon } from './DiscordIcon';
 export { default as DiscourseIcon } from './DiscourseIcon';
@@ -30,8 +33,10 @@ 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 InspectElementIcon } from './InspectElementIcon';
 export { default as InstagramIcon } from './InstagramIcon';
 export { default as InvoicesIcon } from './InvoicesIcon';
+export { default as LifebuoyIcon } from './LifebuoyIcon';
 export { default as LockIcon } from './LockIcon';
 export { default as LogoutMobileIcon } from './LogoutMobileIcon';
 export { default as LogsIcon } from './LogsIcon';
@@ -40,13 +45,21 @@ 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 PerformanceIcon } from './PerformanceIcon';
+export { default as PinIcon } from './PinIcon';
+export { default as PlanEnterpriseIcon } from './PlanEnterpriseIcon';
+export { default as PlanFreeIcon } from './PlanFreeIcon';
+export { default as PlanProductionIcon } from './PlanProductionIcon';
 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';
 export { default as QuestionMarkIcon } from './QuestionMarkIcon';
 export { default as RefreshIcon } from './RefreshIcon';
 export { default as RolloutIcon } from './RolloutIcon';
+export { default as RunIcon } from './RunIcon';
 export { default as RuntimeVersionIcon } from './RuntimeVersionIcon';
 export { default as ScanIcon } from './ScanIcon';
 export { default as SearchIcon } from './SearchIcon';
@@ -64,6 +77,9 @@ 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 UndoIcon } from './UndoIcon';
+export { default as UpdateIcon } from './UpdateIcon';
+export { default as UploadIcon } from './UploadIcon';
 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,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RuntimeVersionIcon = exports.RolloutIcon = exports.RefreshIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = 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.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 = void 0;
+exports.PinIcon = exports.PerformanceIcon = exports.OverviewIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.LifebuoyIcon = exports.InvoicesIcon = exports.InstagramIcon = exports.InspectElementIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = exports.GoogleAppStoreIcon = exports.GithubIcon = exports.GeneralIcon = exports.FacebookIcon = exports.ErrorIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.DeploymentsIcon = exports.DeploymentIcon = exports.DebugIcon = exports.CredentialIcon = exports.CommitIcon = exports.CloudSlashIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtSignIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = exports.AndroidIcon = exports.AddPhotoIcon = exports.ActivityIcon = void 0;
+exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.UploadIcon = exports.UpdateIcon = exports.UndoIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleRightIcon = exports.TriangleDownIcon = exports.TrashIcon = exports.TokensIcon = exports.ThemeLightIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.SparklesIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RunIcon = exports.RolloutIcon = exports.RefreshIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PlansIcon = exports.PlanProductionIcon = exports.PlanFreeIcon = exports.PlanEnterpriseIcon = void 0;
 var ActivityIcon_1 = require("./ActivityIcon");
 Object.defineProperty(exports, "ActivityIcon", { enumerable: true, get: function () { return __importDefault(ActivityIcon_1).default; } });
 var AddPhotoIcon_1 = require("./AddPhotoIcon");
@@ -21,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");
@@ -45,6 +47,10 @@ 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 DebugIcon_1 = require("./DebugIcon");
+Object.defineProperty(exports, "DebugIcon", { enumerable: true, get: function () { return __importDefault(DebugIcon_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");
@@ -69,10 +75,14 @@ var HomeIcon_1 = require("./HomeIcon");
 Object.defineProperty(exports, "HomeIcon", { enumerable: true, get: function () { return __importDefault(HomeIcon_1).default; } });
 var InfoIcon_1 = require("./InfoIcon");
 Object.defineProperty(exports, "InfoIcon", { enumerable: true, get: function () { return __importDefault(InfoIcon_1).default; } });
+var InspectElementIcon_1 = require("./InspectElementIcon");
+Object.defineProperty(exports, "InspectElementIcon", { enumerable: true, get: function () { return __importDefault(InspectElementIcon_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 LifebuoyIcon_1 = require("./LifebuoyIcon");
+Object.defineProperty(exports, "LifebuoyIcon", { enumerable: true, get: function () { return __importDefault(LifebuoyIcon_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");
@@ -89,8 +99,22 @@ 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 PerformanceIcon_1 = require("./PerformanceIcon");
+Object.defineProperty(exports, "PerformanceIcon", { enumerable: true, get: function () { return __importDefault(PerformanceIcon_1).default; } });
+var PinIcon_1 = require("./PinIcon");
+Object.defineProperty(exports, "PinIcon", { enumerable: true, get: function () { return __importDefault(PinIcon_1).default; } });
+var PlanEnterpriseIcon_1 = require("./PlanEnterpriseIcon");
+Object.defineProperty(exports, "PlanEnterpriseIcon", { enumerable: true, get: function () { return __importDefault(PlanEnterpriseIcon_1).default; } });
+var PlanFreeIcon_1 = require("./PlanFreeIcon");
+Object.defineProperty(exports, "PlanFreeIcon", { enumerable: true, get: function () { return __importDefault(PlanFreeIcon_1).default; } });
+var PlanProductionIcon_1 = require("./PlanProductionIcon");
+Object.defineProperty(exports, "PlanProductionIcon", { enumerable: true, get: function () { return __importDefault(PlanProductionIcon_1).default; } });
 var PlansIcon_1 = require("./PlansIcon");
 Object.defineProperty(exports, "PlansIcon", { enumerable: true, get: function () { return __importDefault(PlansIcon_1).default; } });
+var 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");
@@ -103,6 +127,8 @@ var RefreshIcon_1 = require("./RefreshIcon");
 Object.defineProperty(exports, "RefreshIcon", { enumerable: true, get: function () { return __importDefault(RefreshIcon_1).default; } });
 var RolloutIcon_1 = require("./RolloutIcon");
 Object.defineProperty(exports, "RolloutIcon", { enumerable: true, get: function () { return __importDefault(RolloutIcon_1).default; } });
+var RunIcon_1 = require("./RunIcon");
+Object.defineProperty(exports, "RunIcon", { enumerable: true, get: function () { return __importDefault(RunIcon_1).default; } });
 var RuntimeVersionIcon_1 = require("./RuntimeVersionIcon");
 Object.defineProperty(exports, "RuntimeVersionIcon", { enumerable: true, get: function () { return __importDefault(RuntimeVersionIcon_1).default; } });
 var ScanIcon_1 = require("./ScanIcon");
@@ -137,6 +163,12 @@ 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 UndoIcon_1 = require("./UndoIcon");
+Object.defineProperty(exports, "UndoIcon", { enumerable: true, get: function () { return __importDefault(UndoIcon_1).default; } });
+var UpdateIcon_1 = require("./UpdateIcon");
+Object.defineProperty(exports, "UpdateIcon", { enumerable: true, get: function () { return __importDefault(UpdateIcon_1).default; } });
+var UploadIcon_1 = require("./UploadIcon");
+Object.defineProperty(exports, "UploadIcon", { enumerable: true, get: function () { return __importDefault(UploadIcon_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/sizing.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.iconSize = exports.borderRadius = void 0;
 exports.borderRadius = {
     huge: 16,
-    large: 8,
-    medium: 4,
-    small: 2,
+    large: 10,
+    medium: 6,
+    small: 4,
 };
 exports.iconSize = {
     micro: 12,

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.4.0",
+  "version": "0.5.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": "2b6779f5f4cceb8b07a2b5291135478b82100dc6"
+  "gitHead": "8d911a8cabf7f8d707de511dbfab8703dade81c1"
 }