@expo/styleguide-native 0.4.1 → 1.0.0

package/dist/index.d.ts

@@ -3,5 +3,7 @@ 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';
+import { typography } from './src/styles/typography';
 export * from './src/icons';
-export { borderRadius, darkTheme, iconSize, lightTheme, palette, shadows, spacing, };
+export { borderRadius, breakpoints, darkTheme, iconSize, lightTheme, palette, shadows, spacing, typography, };

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.typography = 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,8 @@ 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; } });
+const typography_1 = require("./src/styles/typography");
+Object.defineProperty(exports, "typography", { enumerable: true, get: function () { return typography_1.typography; } });
 __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/{AtIcon.js → AtSignIcon.js}

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

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

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