@expo/styleguide-native 4.1.0 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -24,12 +24,8 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function AppleAppStoreIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#apple-app-store-icon_svg__apple-app-store-icon_svg__clip0)", fillRule: "evenodd", clipRule: "evenodd", fill: color || "#000" },
28
- React.createElement(react_native_svg_1.Path, { d: "M13.03 3.202a1.6 1.6 0 10-2.77-1.604L2.779 14.522h3.698l6.554-11.32zm-7.498 12.95c-.681-.584-1.417-1.13-2.053-1.156-.928-.037-1.237.446-1.47.88l-.008-.01-.54.932a1.6 1.6 0 102.769 1.604l1.302-2.25z" }),
29
- React.createElement(react_native_svg_1.Path, { d: "M9.718 11.322c.687.008 1.394.077 1.833.727.482.714.519 1.632.337 2.473H1.6a1.6 1.6 0 010-3.2h8.118zm3.959 3.2H18.4a1.6 1.6 0 000-3.2h-6.587l1.864 3.2z" }),
30
- React.createElement(react_native_svg_1.Path, { d: "M7.047 3.202a1.6 1.6 0 012.77-1.604l2.053 3.547-1.901 3.102-2.922-5.045zm4.25 7.338l4.55 7.862a1.6 1.6 0 002.77-1.604L12.456 6.157c-.395.052-.75.283-1.025.831-.784 1.569-.433 2.899-.132 3.553h-.003z" })),
31
- React.createElement(react_native_svg_1.Defs, null,
32
- React.createElement(react_native_svg_1.ClipPath, { id: "apple-app-store-icon_svg__apple-app-store-icon_svg__clip0" },
33
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M13.03 3.202a1.6 1.6 0 10-2.77-1.604L2.779 14.522h3.698l6.554-11.32zm-7.498 12.95c-.681-.584-1.417-1.13-2.053-1.156-.928-.037-1.237.446-1.47.88l-.008-.01-.54.932a1.6 1.6 0 102.769 1.604l1.302-2.25z", fill: color || "#000" }),
28
+ React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.718 11.322c.687.008 1.394.077 1.833.727.482.714.519 1.632.337 2.473H1.6a1.6 1.6 0 010-3.2h8.118zm3.959 3.2H18.4a1.6 1.6 0 000-3.2h-6.587l1.864 3.2z", fill: color || "#000" }),
29
+ React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M7.047 3.202a1.6 1.6 0 012.77-1.604l2.053 3.547-1.901 3.102-2.922-5.045zm4.25 7.338l4.55 7.862a1.6 1.6 0 002.77-1.604L12.456 6.157c-.395.052-.75.283-1.025.831-.784 1.569-.433 2.899-.132 3.553h-.003z", fill: color || "#000" })));
34
30
  }
35
31
  exports.default = AppleAppStoreIcon;
@@ -24,12 +24,8 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function CredentialIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#credential-icon_svg__credential-icon_svg__clip0)" },
28
- 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" }),
29
- 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" }),
30
- React.createElement(react_native_svg_1.Circle, { cx: 8.234, cy: 8.292, r: 4, stroke: color || "#000", strokeWidth: 2 })),
31
- React.createElement(react_native_svg_1.Defs, null,
32
- React.createElement(react_native_svg_1.ClipPath, { id: "credential-icon_svg__credential-icon_svg__clip0" },
33
- React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(0 .5)", d: "M0 0h20v20H0z" })))));
27
+ 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" }),
28
+ 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" }),
29
+ React.createElement(react_native_svg_1.Circle, { cx: 8.234, cy: 8.292, r: 4, stroke: color || "#000", strokeWidth: 2 })));
34
30
  }
35
31
  exports.default = CredentialIcon;
@@ -24,11 +24,7 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function CreditCardIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- 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" },
28
- 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" }),
29
- 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" })),
30
- React.createElement(react_native_svg_1.Defs, null,
31
- React.createElement(react_native_svg_1.ClipPath, { id: "credit-card-icon_svg__credit-card-icon_svg__clip0_2791_2830" },
32
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", 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", fill: color || "#000" }),
28
+ React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", 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", fill: color || "#000" })));
33
29
  }
34
30
  exports.default = CreditCardIcon;
@@ -24,13 +24,9 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function DeploymentsIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#deployments-icon_svg__deployments-icon_svg__clip0)" },
28
- 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" }),
29
- 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" }),
30
- React.createElement(react_native_svg_1.Ellipse, { cx: 13.528, cy: 6.693, rx: 1.816, ry: 2.301, transform: "rotate(44.984 13.528 6.693)", fill: color || "#000" }),
31
- React.createElement(react_native_svg_1.Path, { d: "M4.067 14.262l-2.79 2.819m4.729-1.002l-2.791 2.819", stroke: color || "#000", strokeWidth: 1.5, strokeLinecap: "round" })),
32
- React.createElement(react_native_svg_1.Defs, null,
33
- React.createElement(react_native_svg_1.ClipPath, { id: "deployments-icon_svg__deployments-icon_svg__clip0" },
34
- React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(0 .22)", d: "M0 0h20v20H0z" })))));
27
+ 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" }),
28
+ 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" }),
29
+ React.createElement(react_native_svg_1.Ellipse, { cx: 13.528, cy: 6.693, rx: 1.816, ry: 2.301, transform: "rotate(44.984 13.528 6.693)", fill: color || "#000" }),
30
+ React.createElement(react_native_svg_1.Path, { d: "M4.067 14.262l-2.79 2.819m4.729-1.002l-2.791 2.819", stroke: color || "#000", strokeWidth: 1.5, strokeLinecap: "round" })));
35
31
  }
36
32
  exports.default = DeploymentsIcon;
@@ -24,10 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function GoogleAppStoreIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#google-app-store-icon_svg__google-app-store-icon_svg__clip0)" },
28
- 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" })),
29
- React.createElement(react_native_svg_1.Defs, null,
30
- React.createElement(react_native_svg_1.ClipPath, { id: "google-app-store-icon_svg__google-app-store-icon_svg__clip0" },
31
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ 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" })));
32
28
  }
33
29
  exports.default = GoogleAppStoreIcon;
@@ -24,10 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function InfoIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#info-icon_svg__info-icon_svg__clip0)" },
28
- 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" })),
29
- React.createElement(react_native_svg_1.Defs, null,
30
- React.createElement(react_native_svg_1.ClipPath, { id: "info-icon_svg__info-icon_svg__clip0" },
31
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ 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" })));
32
28
  }
33
29
  exports.default = InfoIcon;
@@ -24,11 +24,7 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function PlansIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#plans-icon_svg__plans-icon_svg__clip0)" },
28
- React.createElement(react_native_svg_1.Path, { d: "M10 5.22l1.545 3.13L15 8.855l-2.5 2.435.59 3.44L10 13.105 6.91 14.73l.59-3.44L5 8.855l3.455-.505L10 5.22z", stroke: color || "#000", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round" })),
29
- React.createElement(react_native_svg_1.Rect, { x: 0.875, y: 2.009, width: 18.25, height: 16.423, rx: 3.125, stroke: color || "#000", strokeWidth: 1.75 }),
30
- React.createElement(react_native_svg_1.Defs, null,
31
- React.createElement(react_native_svg_1.ClipPath, { id: "plans-icon_svg__plans-icon_svg__clip0" },
32
- React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(4 4.22)", d: "M0 0h12v12H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { d: "M10 5.22l1.545 3.13L15 8.855l-2.5 2.435.59 3.44L10 13.105 6.91 14.73l.59-3.44L5 8.855l3.455-.505L10 5.22z", stroke: color || "#000", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round" }),
28
+ React.createElement(react_native_svg_1.Rect, { x: 0.875, y: 2.009, width: 18.25, height: 16.423, rx: 3.125, stroke: color || "#000", strokeWidth: 1.75 })));
33
29
  }
34
30
  exports.default = PlansIcon;
@@ -24,14 +24,10 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function QrCodeIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { opacity: 0.91, clipPath: "url(#qr-code-icon_svg__qr-code-icon_svg__clip0)", stroke: color || "#000" },
28
- React.createElement(react_native_svg_1.Path, { strokeWidth: 2, d: "M1.018 14h5v5h-5zm0-13h5v5h-5zM14 1h5v5h-5z" }),
29
- React.createElement(react_native_svg_1.Path, { d: "M.443 12V8.5H8.5V5H10" }),
30
- React.createElement(react_native_svg_1.Path, { d: "M2.5 10v1.5h4V10M7.995.5H11.5V3H8m3.5 4V4.5m-.998 15.52L10.5 14.5H8.49l.003-2.997h2.01V8.496H13.5V11m-5.002 9l.002-4m4-1.95v5.45h7v-5.45" }),
31
- React.createElement(react_native_svg_1.Path, { d: "M12 12.5h2.5v2h3v-2h2V8" }),
32
- React.createElement(react_native_svg_1.Path, { d: "M15.5 8v2.5H18m-.5 7.5v-1.5h-3V18" })),
33
- React.createElement(react_native_svg_1.Defs, null,
34
- React.createElement(react_native_svg_1.ClipPath, { id: "qr-code-icon_svg__qr-code-icon_svg__clip0" },
35
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { stroke: color || "#000", strokeWidth: 2, d: "M1.018 14h5v5h-5zm0-13h5v5h-5zM14 1h5v5h-5z" }),
28
+ React.createElement(react_native_svg_1.Path, { d: "M.443 12V8.5H8.5V5H10", stroke: color || "#000" }),
29
+ React.createElement(react_native_svg_1.Path, { d: "M2.5 10v1.5h4V10M7.995.5H11.5V3H8m3.5 4V4.5m-.998 15.52L10.5 14.5H8.49l.003-2.997h2.01V8.496H13.5V11m-5.002 9l.002-4m4-1.95v5.45h7v-5.45", stroke: color || "#000" }),
30
+ React.createElement(react_native_svg_1.Path, { d: "M12 12.5h2.5v2h3v-2h2V8", stroke: color || "#000" }),
31
+ React.createElement(react_native_svg_1.Path, { d: "M15.5 8v2.5H18m-.5 7.5v-1.5h-3V18", stroke: color || "#000" })));
36
32
  }
37
33
  exports.default = QrCodeIcon;
@@ -24,10 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function QuestionMarkIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#question-mark-icon_svg__question-mark-icon_svg__clip0)" },
28
- React.createElement(react_native_svg_1.Path, { d: "M7.888 14.052h3.175v-.248c.019-2.021.677-2.946 2.23-3.9 1.755-1.048 2.85-2.478 2.85-4.66C16.144 2.02 13.638 0 9.996 0 6.66 0 3.951 1.85 3.856 5.472H7.25c.086-1.792 1.382-2.65 2.726-2.65 1.459 0 2.631.972 2.631 2.469 0 1.334-.886 2.25-2.04 2.974-1.687 1.049-2.66 2.107-2.679 5.539v.248zM9.557 20c1.125 0 2.087-.934 2.097-2.097-.01-1.144-.972-2.078-2.097-2.078-1.163 0-2.107.934-2.098 2.078A2.085 2.085 0 009.557 20z", fill: color || "#000" })),
29
- React.createElement(react_native_svg_1.Defs, null,
30
- React.createElement(react_native_svg_1.ClipPath, { id: "question-mark-icon_svg__question-mark-icon_svg__clip0" },
31
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { d: "M7.888 14.052h3.175v-.248c.019-2.021.677-2.946 2.23-3.9 1.755-1.048 2.85-2.478 2.85-4.66C16.144 2.02 13.638 0 9.996 0 6.66 0 3.951 1.85 3.856 5.472H7.25c.086-1.792 1.382-2.65 2.726-2.65 1.459 0 2.631.972 2.631 2.469 0 1.334-.886 2.25-2.04 2.974-1.687 1.049-2.66 2.107-2.679 5.539v.248zM9.557 20c1.125 0 2.087-.934 2.097-2.097-.01-1.144-.972-2.078-2.097-2.078-1.163 0-2.107.934-2.098 2.078A2.085 2.085 0 009.557 20z", fill: color || "#000" })));
32
28
  }
33
29
  exports.default = QuestionMarkIcon;
@@ -24,11 +24,7 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function ThemeLightIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#theme-light-icon_svg__theme-light-icon_svg__clip0)", fill: color || "#000" },
28
- React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.19 14.167L2.608 16.75l.642.642 2.583-2.582a6.399 6.399 0 01-.643-.643zm1.29-1.29c.193.235.408.45.643.643l2.422-2.423v3.426a4.614 4.614 0 00.91 0v-3.426l2.422 2.423c.235-.193.45-.408.643-.643l-2.423-2.423h3.426a4.612 4.612 0 000-.909h-3.426l2.423-2.422a4.574 4.574 0 00-.643-.643l-2.422 2.423V5.477a4.6 4.6 0 00-.91 0v3.426L7.123 6.48a4.53 4.53 0 00-.642.642l2.422 2.422H5.477a4.598 4.598 0 000 .91h3.426L6.48 12.877zM3.652 9.545H0v.91h3.652a6.457 6.457 0 010-.91zM5.19 5.833L2.608 3.25l.642-.643L5.833 5.19a6.505 6.505 0 00-.643.643zm4.355-2.18a6.455 6.455 0 01.91 0V0h-.91v3.652zm4.622 1.537a6.4 6.4 0 01.643.643l2.582-2.583-.642-.643-2.583 2.583zm2.18 4.355a6.458 6.458 0 010 .91H20v-.91h-3.652zm-1.537 4.622c-.199.23-.414.444-.643.643l2.583 2.582.642-.642-2.582-2.583zm-4.355 2.18a6.452 6.452 0 01-.91 0V20h.91v-3.652z" }),
29
- React.createElement(react_native_svg_1.Path, { d: "M15.454 10a5.455 5.455 0 11-10.909 0 5.455 5.455 0 0110.91 0z" })),
30
- React.createElement(react_native_svg_1.Defs, null,
31
- React.createElement(react_native_svg_1.ClipPath, { id: "theme-light-icon_svg__theme-light-icon_svg__clip0" },
32
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.19 14.167L2.608 16.75l.642.642 2.583-2.582a6.399 6.399 0 01-.643-.643zm1.29-1.29c.193.235.408.45.643.643l2.422-2.423v3.426a4.614 4.614 0 00.91 0v-3.426l2.422 2.423c.235-.193.45-.408.643-.643l-2.423-2.423h3.426a4.612 4.612 0 000-.909h-3.426l2.423-2.422a4.574 4.574 0 00-.643-.643l-2.422 2.423V5.477a4.6 4.6 0 00-.91 0v3.426L7.123 6.48a4.53 4.53 0 00-.642.642l2.422 2.422H5.477a4.598 4.598 0 000 .91h3.426L6.48 12.877zM3.652 9.545H0v.91h3.652a6.457 6.457 0 010-.91zM5.19 5.833L2.608 3.25l.642-.643L5.833 5.19a6.505 6.505 0 00-.643.643zm4.355-2.18a6.455 6.455 0 01.91 0V0h-.91v3.652zm4.622 1.537a6.4 6.4 0 01.643.643l2.582-2.583-.642-.643-2.583 2.583zm2.18 4.355a6.458 6.458 0 010 .91H20v-.91h-3.652zm-1.537 4.622c-.199.23-.414.444-.643.643l2.583 2.582.642-.642-2.582-2.583zm-4.355 2.18a6.452 6.452 0 01-.91 0V20h.91v-3.652z", fill: color || "#000" }),
28
+ React.createElement(react_native_svg_1.Path, { d: "M15.454 10a5.455 5.455 0 11-10.909 0 5.455 5.455 0 0110.91 0z", fill: color || "#000" })));
33
29
  }
34
30
  exports.default = ThemeLightIcon;
@@ -24,10 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function ThumbsDownIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#thumbs-down-icon_svg__thumbs-down-icon_svg__clip0_2791_2867)", fill: color || "#000" },
28
- React.createElement(react_native_svg_1.Path, { d: "M9 17.34l-2.92-6.46A.91.91 0 016 10.5V2.9c0-.504.21-.987.585-1.343A2.055 2.055 0 018 1h6c.781.03 1.54.262 2.192.673.652.41 1.174.982 1.508 1.655l2.23 4.892c.05.12.074.25.07.38v1.9a2.78 2.78 0 01-.88 2.015 3.083 3.083 0 01-2.12.835h-4v3.8a2.78 2.78 0 01-.88 2.015A3.082 3.082 0 0110 20c-.266 0-.52-.1-.708-.278A.927.927 0 019 19.05v-1.71zM1 11.5h2c.552 0 1-.425 1-.95V2c0-.525-.448-.95-1-.95H1c-.552 0-1 .425-1 .95v8.55c0 .525.448.95 1 .95z" })),
29
- React.createElement(react_native_svg_1.Defs, null,
30
- React.createElement(react_native_svg_1.ClipPath, { id: "thumbs-down-icon_svg__thumbs-down-icon_svg__clip0_2791_2867" },
31
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { d: "M9 17.34l-2.92-6.46A.91.91 0 016 10.5V2.9c0-.504.21-.987.585-1.343A2.055 2.055 0 018 1h6c.781.03 1.54.262 2.192.673.652.41 1.174.982 1.508 1.655l2.23 4.892c.05.12.074.25.07.38v1.9a2.78 2.78 0 01-.88 2.015 3.083 3.083 0 01-2.12.835h-4v3.8a2.78 2.78 0 01-.88 2.015A3.082 3.082 0 0110 20c-.266 0-.52-.1-.708-.278A.927.927 0 019 19.05v-1.71zM1 11.5h2c.552 0 1-.425 1-.95V2c0-.525-.448-.95-1-.95H1c-.552 0-1 .425-1 .95v8.55c0 .525.448.95 1 .95z", fill: color || "#000" })));
32
28
  }
33
29
  exports.default = ThumbsDownIcon;
@@ -24,10 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function ThumbsUpIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#thumbs-up-icon_svg__thumbs-up-icon_svg__clip0_2791_2864)", fill: color || "#000" },
28
- React.createElement(react_native_svg_1.Path, { d: "M11 3.66l2.92 6.46c.054.12.082.25.08.38v7.6c0 .504-.21.987-.585 1.343A2.054 2.054 0 0112 20H6a4.437 4.437 0 01-2.193-.673A4.135 4.135 0 012.3 17.672L.07 12.78A.908.908 0 010 12.4v-1.9c0-.756.317-1.48.88-2.015A3.082 3.082 0 013 7.65h4v-3.8c0-.756.317-1.48.88-2.015A3.082 3.082 0 0110 1c.266 0 .52.1.708.278.187.178.293.42.293.672v1.71zm8 5.84h-2c-.552 0-1 .425-1 .95V19c0 .525.448.95 1 .95h2c.552 0 1-.425 1-.95v-8.55c0-.525-.448-.95-1-.95z" })),
29
- React.createElement(react_native_svg_1.Defs, null,
30
- React.createElement(react_native_svg_1.ClipPath, { id: "thumbs-up-icon_svg__thumbs-up-icon_svg__clip0_2791_2864" },
31
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { d: "M11 3.66l2.92 6.46c.054.12.082.25.08.38v7.6c0 .504-.21.987-.585 1.343A2.054 2.054 0 0112 20H6a4.437 4.437 0 01-2.193-.673A4.135 4.135 0 012.3 17.672L.07 12.78A.908.908 0 010 12.4v-1.9c0-.756.317-1.48.88-2.015A3.082 3.082 0 013 7.65h4v-3.8c0-.756.317-1.48.88-2.015A3.082 3.082 0 0110 1c.266 0 .52.1.708.278.187.178.293.42.293.672v1.71zm8 5.84h-2c-.552 0-1 .425-1 .95V19c0 .525.448.95 1 .95h2c.552 0 1-.425 1-.95v-8.55c0-.525-.448-.95-1-.95z", fill: color || "#000" })));
32
28
  }
33
29
  exports.default = ThumbsUpIcon;
@@ -24,11 +24,7 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function VersionIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 21 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#version-icon_svg__version-icon_svg__clip0)", fill: color || "#000" },
28
- React.createElement(react_native_svg_1.Path, { d: "M11.893 8.959l-.232 2.083H9.588l.232-2.083h2.073z" }),
29
- React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M4.074 0A3.333 3.333 0 00.74 3.333v13.334A3.333 3.333 0 004.074 20h13.333a3.333 3.333 0 003.334-3.333V3.333A3.333 3.333 0 0017.407 0H4.074zm6.245 4.467a.833.833 0 00-1.657-.184l-.334 3.009H5.741a.833.833 0 000 1.667h2.402l-.232 2.083h-2.17a.833.833 0 000 1.667h1.985l-.314 2.824a.833.833 0 001.657.184l.334-3.008h2.073l-.314 2.824a.833.833 0 001.657.184l.334-3.008h2.588a.833.833 0 000-1.667h-2.403l.232-2.083h2.17a.833.833 0 000-1.667h-1.985l.314-2.825a.833.833 0 00-1.657-.184l-.334 3.009h-2.073l.314-2.825z" })),
30
- React.createElement(react_native_svg_1.Defs, null,
31
- React.createElement(react_native_svg_1.ClipPath, { id: "version-icon_svg__version-icon_svg__clip0" },
32
- React.createElement(react_native_svg_1.Path, { fill: "#fff", transform: "translate(.74)", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { d: "M11.893 8.959l-.232 2.083H9.588l.232-2.083h2.073z", fill: color || "#000" }),
28
+ React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M4.074 0A3.333 3.333 0 00.74 3.333v13.334A3.333 3.333 0 004.074 20h13.333a3.333 3.333 0 003.334-3.333V3.333A3.333 3.333 0 0017.407 0H4.074zm6.245 4.467a.833.833 0 00-1.657-.184l-.334 3.009H5.741a.833.833 0 000 1.667h2.402l-.232 2.083h-2.17a.833.833 0 000 1.667h1.985l-.314 2.824a.833.833 0 001.657.184l.334-3.008h2.073l-.314 2.824a.833.833 0 001.657.184l.334-3.008h2.588a.833.833 0 000-1.667h-2.403l.232-2.083h2.17a.833.833 0 000-1.667h-1.985l.314-2.825a.833.833 0 00-1.657-.184l-.334 3.009h-2.073l.314-2.825z", fill: color || "#000" })));
33
29
  }
34
30
  exports.default = VersionIcon;
@@ -24,10 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function WarningIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  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),
27
- React.createElement(react_native_svg_1.G, { clipPath: "url(#warning-icon_svg__warning-icon_svg__clip0)" },
28
- React.createElement(react_native_svg_1.Path, { d: "M8.102 1.477c.778-1.561 3.005-1.562 3.784-.001l7.564 15.16c.7 1.406-.322 3.059-1.892 3.059H2.442c-1.57 0-2.592-1.652-1.892-3.057l7.552-15.16zm3.784 4.475c0-.408-.218-.846-.534-1.172-.323-.333-.788-.594-1.331-.594-.542 0-1.016.26-1.348.59-.325.323-.56.761-.56 1.176 0 .318.125 1.963.247 3.5a809.363 809.363 0 00.225 2.77l.015.188.004.05v.004a1.416 1.416 0 002.833-.001v-.006l.004-.05.014-.187.05-.677c.043-.562.1-1.318.155-2.093.112-1.538.226-3.181.226-3.498zm-1.885 12.199a1.961 1.961 0 100-3.923 1.961 1.961 0 000 3.923z", fill: color || "#000", stroke: color || "#000", strokeWidth: 0.65 })),
29
- React.createElement(react_native_svg_1.Defs, null,
30
- React.createElement(react_native_svg_1.ClipPath, { id: "warning-icon_svg__warning-icon_svg__clip0" },
31
- React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
27
+ React.createElement(react_native_svg_1.Path, { d: "M8.102 1.477c.778-1.561 3.005-1.562 3.784-.001l7.564 15.16c.7 1.406-.322 3.059-1.892 3.059H2.442c-1.57 0-2.592-1.652-1.892-3.057l7.552-15.16zm3.784 4.475c0-.408-.218-.846-.534-1.172-.323-.333-.788-.594-1.331-.594-.542 0-1.016.26-1.348.59-.325.323-.56.761-.56 1.176 0 .318.125 1.963.247 3.5a809.363 809.363 0 00.225 2.77l.015.188.004.05v.004a1.416 1.416 0 002.833-.001v-.006l.004-.05.014-.187.05-.677c.043-.562.1-1.318.155-2.093.112-1.538.226-3.181.226-3.498zm-1.885 12.199a1.961 1.961 0 100-3.923 1.961 1.961 0 000 3.923z", fill: color || "#000", stroke: color || "#000", strokeWidth: 0.65 })));
32
28
  }
33
29
  exports.default = WarningIcon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@expo/styleguide-native",
3
- "version": "4.1.0",
3
+ "version": "4.1.1",
4
4
  "description": "Foundational styles for Expo interfaces.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",