@expo/styleguide-native 1.0.3 → 1.1.0

package/dist/icons/ChevronRightIcon.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 ChevronRightIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M8 5l5 5-5 5", stroke: color || "#000", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+exports.default = ChevronRightIcon;

package/dist/icons/ChevronUpIcon.d.ts

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

package/dist/icons/ChevronUpIcon.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 ChevronUpIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M15 12l-5-5-5 5", stroke: color || "#000", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+exports.default = ChevronUpIcon;

package/dist/icons/ClipboardIcon.d.ts

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

package/dist/icons/ClipboardIcon.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 ClipboardIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M13.333 3.333H15A1.667 1.667 0 0116.667 5v11.667A1.666 1.666 0 0115 18.333H5a1.667 1.667 0 01-1.667-1.666V5A1.667 1.667 0 015 3.333h1.667", stroke: color || "#000", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement(react_native_svg_1.Path, { d: "M12.5 1.667h-5a.833.833 0 00-.833.833v1.667c0 .46.373.833.833.833h5c.46 0 .833-.373.833-.833V2.5a.833.833 0 00-.833-.833z", stroke: color || "#000", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+exports.default = ClipboardIcon;

package/dist/{src/icons → icons}/CloudSlashIcon.d.ts

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

package/dist/{src/icons → icons}/CloudSlashIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function CloudSlashIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M4.453 6.913c-.144.295-.252.6-.318.908-1.9.491-3.323 2.18-3.323 4.217 0 2.432 2.025 4.36 4.471 4.36h8.655l-1.605-1.605h-7.05c-1.606 0-2.866-1.256-2.866-2.755 0-1.396 1.089-2.58 2.534-2.74l.715-.078v-.719c0-.106.013-.219.038-.337L4.453 6.913zM7.78 5.769L6.606 4.594A6.397 6.397 0 0110 3.613c3.063 0 5.626 2.23 5.997 5.153 1.803.342 3.191 1.887 3.191 3.78a3.806 3.806 0 01-1.561 3.069l-1.155-1.156a2.235 2.235 0 001.111-1.912c0-1.219-1.025-2.248-2.342-2.248h-.802v-.802c0-2.34-1.964-4.28-4.439-4.28-.815 0-1.571.212-2.219.552zm8.511 11.536L2.874 3.888l.79-.79 13.418 13.417-.791.79z", fill: color || "#000" })));
 }
 exports.default = CloudSlashIcon;

package/dist/icons/CodeIcon.d.ts

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

package/dist/icons/CodeIcon.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 CodeIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M4.998 14.403l-3.924-4.088a.893.893 0 010-1.228L4.998 5l1.179 1.228L2.842 9.7l3.335 3.474-1.179 1.228zm10.004 0l-1.179-1.228 3.335-3.474-3.335-3.473L15.002 5l3.924 4.087a.893.893 0 010 1.228l-3.924 4.088zM11.063 2L7.32 17.579 8.938 18 12.68 2.422 11.063 2z", fill: color || "#000" })));
+}
+exports.default = CodeIcon;

package/dist/{src/icons → icons}/CommitIcon.d.ts

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

package/dist/{src/icons → icons}/CommitIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function CommitIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M3.333 0A3.333 3.333 0 000 3.333v13.334A3.333 3.333 0 003.333 20h13.334A3.333 3.333 0 0020 16.667V3.333A3.333 3.333 0 0016.667 0H3.333zm8.508 11.844A2.606 2.606 0 008.16 8.16a2.606 2.606 0 003.682 3.684zm.814 1.368a4.17 4.17 0 001.439-2.428h3.458a.78.78 0 100-1.563h-3.458A4.17 4.17 0 0010 5.833a4.167 4.167 0 00-4.094 3.388H2.448a.781.781 0 000 1.563h3.458a4.17 4.17 0 006.749 2.428z", fill: color || "#000" })));
 }
 exports.default = CommitIcon;

package/dist/{src/icons → icons}/CredentialIcon.d.ts

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

package/dist/{src/icons → icons}/CredentialIcon.js

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

package/dist/icons/CreditCardIcon.d.ts

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

package/dist/icons/CreditCardIcon.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function CreditCardIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#credit-card-icon_svg__credit-card-icon_svg__clip0_2791_2830)", fillRule: "evenodd", clipRule: "evenodd", fill: color || "#000" },
+            React.createElement(react_native_svg_1.Path, { d: "M2.5 2.5A2.5 2.5 0 000 5v10a2.5 2.5 0 002.5 2.5h15A2.5 2.5 0 0020 15V5a2.5 2.5 0 00-2.5-2.5h-15zM1.667 5c0-.46.373-.833.833-.833h15c.46 0 .833.373.833.833v1.75H1.667V5zm0 3.25V15c0 .46.373.833.833.833h15c.46 0 .833-.373.833-.833V8.25H1.667z" }),
+            React.createElement(react_native_svg_1.Path, { d: "M12.704 9.808a2.606 2.606 0 100 4.514 2.606 2.606 0 100-4.514zm-1.303 3.863c.173 0 .34-.027.495-.078a2.594 2.594 0 01-.495-1.528 2.6 2.6 0 01.495-1.528 1.606 1.606 0 10-.495 3.134zm4.212-1.606a1.606 1.606 0 11-3.212 0 1.606 1.606 0 013.212 0z" })),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "credit-card-icon_svg__credit-card-icon_svg__clip0_2791_2830" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
+}
+exports.default = CreditCardIcon;

package/dist/{src/icons → icons}/DebugIcon.d.ts

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

package/dist/{src/icons → icons}/DebugIcon.js

@@ -23,7 +23,7 @@ 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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, 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" })));
 }

package/dist/{src/icons → icons}/DeploymentIcon.d.ts

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

package/dist/{src/icons → icons}/DeploymentIcon.js

@@ -23,7 +23,7 @@ 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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, 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 → icons}/DeploymentsIcon.d.ts

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

package/dist/{src/icons → icons}/DeploymentsIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DeploymentsIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 21", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.G, { clipPath: "url(#deployments-icon_svg__deployments-icon_svg__clip0)" },
             React.createElement(react_native_svg_1.Path, { clipRule: "evenodd", d: "M18.855 1.331l-1.15 6.85a4 4 0 01-1.886 2.766l-6.943 4.171-3.836-3.822L9.175 4.15a4 4 0 012.958-1.965l6.722-.854z", stroke: color || "#000", strokeWidth: 1.75, strokeLinejoin: "round" }),
             React.createElement(react_native_svg_1.Path, { clipRule: "evenodd", d: "M4.974 11.517L.956 11.03l4.602-4.766L8.12 5.74l-3.147 5.778zm3.966 3.869l.592 3.867 4.718-4.566.397-2.725-5.707 3.424z", stroke: color || "#000", strokeWidth: 1.5, strokeLinejoin: "round" }),

package/dist/{src/icons → icons}/DiscordIcon.d.ts

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

package/dist/{src/icons → icons}/DiscordIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DiscordIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M8.19 8.39c-.57 0-1.02.5-1.02 1.11 0 .61.46 1.11 1.02 1.11.57 0 1.02-.5 1.02-1.11.01-.61-.45-1.11-1.02-1.11zm3.65 0c-.57 0-1.02.5-1.02 1.11 0 .61.46 1.11 1.02 1.11.57 0 1.02-.5 1.02-1.11 0-.61-.45-1.11-1.02-1.11z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M16.7 0H3.3C2.17 0 1.25.92 1.25 2.06v13.52c0 1.14.92 2.06 2.05 2.06h11.34l-.53-1.85 1.28 1.19 1.21 1.12 2.15 1.9V2.06C18.75.92 17.83 0 16.7 0zm-3.86 13.06s-.36-.43-.66-.81c1.31-.37 1.81-1.19 1.81-1.19-.41.27-.8.46-1.15.59-.5.21-.98.35-1.45.43-.96.18-1.84.13-2.59-.01-.57-.11-1.06-.27-1.47-.43-.23-.09-.48-.2-.73-.34-.03-.02-.06-.03-.09-.05-.02-.01-.03-.02-.04-.03-.18-.1-.28-.17-.28-.17s.48.8 1.75 1.18c-.3.38-.67.83-.67.83-2.21-.07-3.05-1.52-3.05-1.52 0-3.22 1.44-5.83 1.44-5.83C7.1 4.63 8.47 4.66 8.47 4.66l.1.12c-1.8.52-2.63 1.31-2.63 1.31s.22-.12.59-.29c1.07-.47 1.92-.6 2.27-.63.06-.01.11-.02.17-.02a8.152 8.152 0 015.03.94s-.79-.75-2.49-1.27l.14-.16s1.37-.03 2.81 1.05c0 0 1.44 2.61 1.44 5.83 0 0-.85 1.45-3.06 1.52z", fill: color || "#000" })));
 }

package/dist/{src/icons → icons}/DiscourseIcon.d.ts

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

package/dist/{src/icons → icons}/DiscourseIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DiscourseIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10c0 5.402-4.284 9.804-9.64 9.994V20H0V10C0 4.477 4.477 0 10 0s10 4.477 10 10zm-3.772-.15a6.079 6.079 0 01-8.617 5.524l-3.823.812 1.081-3.323A6.079 6.079 0 1116.228 9.85z", fill: color || "#000" })));
 }
 exports.default = DiscourseIcon;

package/dist/{src/icons → icons}/DownloadIcon.d.ts

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

package/dist/{src/icons → icons}/DownloadIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DownloadIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 22", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M14.583 11H5.417L10 18.333 14.583 11z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M1.75 20.167h16.5M10 11V1.833", stroke: color || "#000", strokeWidth: 1.833, strokeLinecap: "round" })));
 }

package/dist/{src/icons → icons}/ErrorIcon.d.ts

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

package/dist/{src/icons → icons}/ErrorIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function ErrorIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M4.167 1.667a2.5 2.5 0 00-2.5 2.5v11.666a2.5 2.5 0 002.5 2.5h11.666a2.5 2.5 0 002.5-2.5V4.167a2.5 2.5 0 00-2.5-2.5H4.167zm3.089 4.41a.833.833 0 00-1.179 1.179L8.821 10l-2.744 2.744a.833.833 0 101.179 1.178L10 11.178l2.744 2.744a.833.833 0 101.178-1.178L11.178 10l2.744-2.744a.833.833 0 10-1.178-1.179L10 8.821 7.256 6.077z", fill: color || "#000" })));
 }
 exports.default = ErrorIcon;

package/dist/{src/icons → icons}/FacebookIcon.d.ts

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

package/dist/{src/icons → icons}/FacebookIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function FacebookIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M20 10.06C20 4.505 15.523 0 10 0 4.476 0-.001 4.503-.001 10.06c0 5.023 3.657 9.185 8.438 9.94v-7.03h-2.54v-2.91h2.54V7.845c0-2.521 1.493-3.914 3.777-3.914 1.095 0 2.239.196 2.239.196v2.476h-1.261c-1.242 0-1.63.776-1.63 1.572v1.887h2.774l-.444 2.908h-2.33V20C16.343 19.245 20 15.083 20 10.06z", fill: color || "#000" })));
 }
 exports.default = FacebookIcon;

package/dist/{src/icons → icons}/GeneralIcon.d.ts

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

package/dist/{src/icons → icons}/GeneralIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function GeneralIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Mask, { id: "general-icon_svg__a", fill: "#fff" },
             React.createElement(react_native_svg_1.Rect, { width: 8.75, height: 8.75, rx: 1 })),
         React.createElement(react_native_svg_1.Rect, { width: 8.75, height: 8.75, rx: 1, stroke: color || "#000", strokeWidth: 3.5, mask: "url(#general-icon_svg__a)" }),

package/dist/{src/icons → icons}/GithubIcon.d.ts

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

package/dist/{src/icons → icons}/GithubIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function GithubIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M10 0C4.475 0 0 4.475 0 10a9.994 9.994 0 006.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.287-.6-1.175-1.025-1.412-.35-.188-.85-.65-.013-.663.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.088.638-1.338-2.225-.25-4.55-1.112-4.55-4.937 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.274.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 012.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0020 10c0-5.525-4.475-10-10-10z", fill: color || "#000" })));
 }
 exports.default = GithubIcon;

package/dist/{src/icons → icons}/GoogleAppStoreIcon.d.ts

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

package/dist/{src/icons → icons}/GoogleAppStoreIcon.js

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

package/dist/icons/HamburgerIcon.d.ts

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

package/dist/icons/HamburgerIcon.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 HamburgerIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M2.5 10h15m-15-5h15m-15 10h15", stroke: color || "#000", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+exports.default = HamburgerIcon;

package/dist/icons/HeadsetIcon.d.ts

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

package/dist/icons/HeadsetIcon.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function HeadsetIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M16.085 19.56h-4.781v-.87h4.781a2.176 2.176 0 002.174-2.173v-3.042h.869v3.042a3.046 3.046 0 01-3.043 3.043z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M9.648.006C4.708.193.872 4.41.872 9.352v4.992a2.174 2.174 0 002.173 2.173H4.35a1.304 1.304 0 001.304-1.304v-4.347A1.304 1.304 0 004.35 9.562H2.176V9.32c0-4.237 3.288-7.85 7.522-8.01a7.833 7.833 0 018.126 7.818v.434h-2.608a1.304 1.304 0 00-1.304 1.304v4.347a1.304 1.304 0 001.304 1.304h1.739a2.173 2.173 0 002.173-2.173V9.128A9.138 9.138 0 009.648.006z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M4.784 9.562a1.304 1.304 0 011.304 1.304v4.347a1.304 1.304 0 01-1.304 1.304H3.045a2.174 2.174 0 01-2.173-2.173V9.562h3.912z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M4.784 9.562h-.87v6.955h.87a1.304 1.304 0 001.304-1.304v-4.347a1.304 1.304 0 00-1.304-1.304zm10.432 0a1.304 1.304 0 00-1.304 1.304v4.347a1.304 1.304 0 001.304 1.304h1.739a2.174 2.174 0 002.173-2.173V9.562h-3.912z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M15.216 9.562h.87v6.955h-.87a1.304 1.304 0 01-1.304-1.304v-4.347a1.304 1.304 0 011.304-1.304zm-.914 8.254H10a.435.435 0 00-.435.434v1.315c0 .24.195.435.435.435h4.302c.24 0 .434-.195.434-.435V18.25a.435.435 0 00-.434-.434z", fill: color || "#000" })));
+}
+exports.default = HeadsetIcon;

package/dist/{src/icons → icons}/HomeFilledIcon.d.ts

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

package/dist/{src/icons → icons}/HomeFilledIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function HomeFilledIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M1 6.5V19h6.632v-6.204a1.2 1.2 0 01.733-1.106 4.202 4.202 0 013.27 0 1.2 1.2 0 01.733 1.106V19H19V6.5L10 1 1 6.5z", fill: color || "#000" })));
 }
 exports.default = HomeFilledIcon;

package/dist/{src/icons → icons}/HomeIcon.d.ts

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

package/dist/{src/icons → icons}/HomeIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function HomeIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M1.667 6.76v11.573h5.555V12.97c0-.668.428-1.26 1.061-1.472a5.43 5.43 0 013.434 0c.633.211 1.06.804 1.06 1.472v5.363h5.556V6.76L10 1.667 1.667 6.759z", stroke: color || "#000", strokeWidth: 1.852 })));
 }
 exports.default = HomeIcon;

package/dist/{src/icons → icons}/InfoIcon.d.ts

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

package/dist/{src/icons → icons}/InfoIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function InfoIcon(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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.G, { clipPath: "url(#info-icon_svg__info-icon_svg__clip0)" },
             React.createElement(react_native_svg_1.Path, { d: "M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z", fill: color || "#000" })),
         React.createElement(react_native_svg_1.Defs, null,

package/dist/{src/icons → icons}/InspectElementIcon.d.ts

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

package/dist/{src/icons → icons}/InspectElementIcon.js

@@ -23,7 +23,7 @@ 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),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, 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" })));
 }