@bigbinary/neeto-icons-rn 1.20.27 → 1.20.29

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.
Files changed (43) hide show
  1. package/dist/elements/Alert.js +21 -0
  2. package/dist/elements/AndroidMockup.js +166 -0
  3. package/dist/elements/Arrow.js +21 -0
  4. package/dist/elements/Avatar.js +20 -0
  5. package/dist/elements/Browser.js +76 -0
  6. package/dist/elements/Button.js +27 -0
  7. package/dist/elements/Calendar.js +27 -0
  8. package/dist/elements/Checkbox.js +30 -0
  9. package/dist/elements/Circle.js +22 -0
  10. package/dist/elements/Dropdown.js +29 -0
  11. package/dist/elements/IPhoneMockup.js +123 -0
  12. package/dist/elements/Image.js +20 -0
  13. package/dist/elements/Input.js +23 -0
  14. package/dist/elements/Keyboard.js +18 -0
  15. package/dist/elements/Label.js +18 -0
  16. package/dist/elements/Line.js +14 -0
  17. package/dist/elements/LineChart.js +25 -0
  18. package/dist/elements/Link.js +21 -0
  19. package/dist/elements/List.js +27 -0
  20. package/dist/elements/Notes.js +36 -0
  21. package/dist/elements/Overlay.js +38 -0
  22. package/dist/elements/PieChart.js +26 -0
  23. package/dist/elements/Radio.js +21 -0
  24. package/dist/elements/Rectangle.js +18 -0
  25. package/dist/elements/Scrollbar.js +19 -0
  26. package/dist/elements/Search.js +36 -0
  27. package/dist/elements/Slider.js +32 -0
  28. package/dist/elements/Subtitle.js +18 -0
  29. package/dist/elements/Table.js +20 -0
  30. package/dist/elements/Tabs.js +27 -0
  31. package/dist/elements/TextBlock.js +24 -0
  32. package/dist/elements/Title.js +18 -0
  33. package/dist/elements/ToggleSwitch.js +41 -0
  34. package/dist/elements/Toolbar.js +24 -0
  35. package/dist/elements/Tooltip.js +32 -0
  36. package/dist/elements/Video.js +27 -0
  37. package/dist/elements/YesNo.js +32 -0
  38. package/dist/elements/index.js +37 -0
  39. package/dist/icons/Community.js +28 -0
  40. package/dist/icons/ProductSwitcher.js +22 -0
  41. package/dist/icons/index.js +2 -0
  42. package/dist/index.js +2 -1
  43. package/package.json +4 -1
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgLabel = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ fill="#101828"
13
+ d="M46.814 5.024 47 8.975h-.472q-.137-1.044-.373-1.491-.385-.72-1.031-1.056-.634-.348-1.678-.348h-2.373v12.873q0 1.554.335 1.939.473.522 1.454.522h.584v.46h-7.145v-.46h.596q1.069 0 1.517-.647.273-.398.273-1.814V6.08H36.66q-1.18 0-1.677.174-.646.236-1.106.907-.46.67-.547 1.814h-.472l.199-3.951z"
14
+ data-dark-mode-color="true"
15
+ />
16
+ </Svg>
17
+ );
18
+ export default SvgLabel;
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgLine = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path stroke="#101828" d="M22 13h36" data-dark-mode-color="true" />
12
+ </Svg>
13
+ );
14
+ export default SvgLine;
@@ -0,0 +1,25 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgLineChart = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ stroke="#000"
13
+ strokeLinecap="round"
14
+ d="M31 4v18h18"
15
+ data-dark-mode-color="true"
16
+ />
17
+ <Path
18
+ stroke="#000"
19
+ strokeLinecap="round"
20
+ d="m34 18 3-3 3 3 7-6"
21
+ data-dark-mode-color="true"
22
+ />
23
+ </Svg>
24
+ );
25
+ export default SvgLineChart;
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgLink = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ stroke="#101828"
13
+ strokeLinecap="round"
14
+ strokeLinejoin="round"
15
+ strokeWidth={1.575}
16
+ d="M37.769 15.231a3.2 3.2 0 0 0 4.572 0L46 11.573A3.233 3.233 0 1 0 41.427 7l-.457.458m.457 4.115a3.2 3.2 0 0 0-4.573 0l-3.658 3.658a3.234 3.234 0 0 0 4.573 4.573l.457-.457"
17
+ data-dark-mode-color="true"
18
+ />
19
+ </Svg>
20
+ );
21
+ export default SvgLink;
@@ -0,0 +1,27 @@
1
+ import * as React from "react";
2
+ import Svg, { Rect, Path } from "react-native-svg";
3
+ const SvgList = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Rect
12
+ width={16}
13
+ height={18}
14
+ x={32.5}
15
+ y={4.5}
16
+ stroke="#101828"
17
+ data-dark-mode-color="true"
18
+ rx={1.5}
19
+ />
20
+ <Path
21
+ stroke="#101828"
22
+ d="M35 9h11M35 12h11M35 15h11M35 18h11"
23
+ data-dark-mode-color="true"
24
+ />
25
+ </Svg>
26
+ );
27
+ export default SvgList;
@@ -0,0 +1,36 @@
1
+ import * as React from "react";
2
+ import Svg, { Mask, Path, Rect } from "react-native-svg";
3
+ const SvgNotes = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Mask id="Notes_svg__a" fill={props.color} data-dark-mode-color="true">
12
+ <Path d="M32 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4H32z" />
13
+ </Mask>
14
+ <Path
15
+ fill="#101828"
16
+ d="M32 4h20zm20 7H32V9h20zm-20-1V4zm20-6v6z"
17
+ data-dark-mode-color="true"
18
+ mask="url(#Notes_svg__a)"
19
+ />
20
+ <Rect
21
+ width={19}
22
+ height={18}
23
+ x={32.5}
24
+ y={4.5}
25
+ stroke="#101828"
26
+ data-dark-mode-color="true"
27
+ rx={1.5}
28
+ />
29
+ <Path
30
+ stroke="#101828"
31
+ d="M35 13h12M35 15h14M35 17h9"
32
+ data-dark-mode-color="true"
33
+ />
34
+ </Svg>
35
+ );
36
+ export default SvgNotes;
@@ -0,0 +1,38 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgOverlay = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ fill="#101828"
13
+ stroke="#101828"
14
+ strokeLinecap="round"
15
+ strokeLinejoin="round"
16
+ strokeWidth={1.25}
17
+ d="M40 3 30 8l10 5 10-5z"
18
+ data-dark-mode-color="true"
19
+ />
20
+ <Path
21
+ stroke="#101828"
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ strokeWidth={1.25}
25
+ d="M35 15.5 30 18l10 5 10-5-5-2.5"
26
+ data-dark-mode-color="true"
27
+ />
28
+ <Path
29
+ stroke="#101828"
30
+ strokeLinecap="round"
31
+ strokeLinejoin="round"
32
+ strokeWidth={1.25}
33
+ d="M35 10.5 30 13l10 5 10-5-5-2.5"
34
+ data-dark-mode-color="true"
35
+ />
36
+ </Svg>
37
+ );
38
+ export default SvgOverlay;
@@ -0,0 +1,26 @@
1
+ import * as React from "react";
2
+ import Svg, { Circle, Path } from "react-native-svg";
3
+ const SvgPieChart = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Circle
12
+ cx={40}
13
+ cy={13}
14
+ r={11}
15
+ fill={props.color}
16
+ transform="rotate(-45 40 13)"
17
+ />
18
+ <Path
19
+ fill="#101828"
20
+ stroke="#101828"
21
+ d="m39.15 12.58-.032.245.175.175 7.77 7.77c-4.121 3.752-10.506 3.637-14.488-.345-4.1-4.1-4.1-10.75 0-14.85a10.47 10.47 0 0 1 7.91-3.064z"
22
+ data-theme-inverted="true"
23
+ />
24
+ </Svg>
25
+ );
26
+ export default SvgPieChart;
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ import Svg, { Circle } from "react-native-svg";
3
+ const SvgRadio = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Circle
12
+ cx={40}
13
+ cy={13}
14
+ r={5.5}
15
+ stroke="#101828"
16
+ strokeWidth={5}
17
+ data-dark-mode-color="true"
18
+ />
19
+ </Svg>
20
+ );
21
+ export default SvgRadio;
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgRectangle = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ stroke="#101828"
13
+ d="M27.5 7.5h25v12h-25z"
14
+ data-dark-mode-color="true"
15
+ />
16
+ </Svg>
17
+ );
18
+ export default SvgRectangle;
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import Svg, { Rect, Path } from "react-native-svg";
3
+ const SvgScrollbar = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Rect width={6} height={21} x={37} y={2} fill="#C2C8CC" rx={1} />
12
+ <Rect width={4} height={9} x={38} y={7} fill="#E9EBED" rx={0.5} />
13
+ <Path
14
+ fill="#101828"
15
+ d="M39.792 3.312a.25.25 0 0 1 .416 0l1.533 2.3a.25.25 0 0 1-.208.388h-3.066a.25.25 0 0 1-.208-.389zM40.208 21.688a.25.25 0 0 1-.416 0l-1.533-2.3a.25.25 0 0 1 .208-.388h3.066c.2 0 .319.223.208.389z"
16
+ />
17
+ </Svg>
18
+ );
19
+ export default SvgScrollbar;
@@ -0,0 +1,36 @@
1
+ import * as React from "react";
2
+ import Svg, { Rect, Path } from "react-native-svg";
3
+ const SvgSearch = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Rect
12
+ width={72.5}
13
+ height={13.7}
14
+ x={3.75}
15
+ y={5.65}
16
+ stroke="#101828"
17
+ strokeWidth={0.5}
18
+ data-dark-mode-color="true"
19
+ rx={2.65}
20
+ />
21
+ <Path
22
+ stroke="#101828"
23
+ strokeLinecap="round"
24
+ strokeLinejoin="round"
25
+ strokeWidth={0.5}
26
+ d="m11.717 13.687 1.48 1.48M11.73 10.86a1.99 1.99 0 1 1-2.814 2.814 1.99 1.99 0 0 1 2.814-2.814"
27
+ data-dark-mode-color="true"
28
+ />
29
+ <Path
30
+ fill="#101828"
31
+ d="M20.086 10.95a.83.83 0 0 0-.385-.622q-.338-.222-.828-.222-.36 0-.628.116a1 1 0 0 0-.416.32.77.77 0 0 0-.148.46q0 .217.103.372.105.154.269.256.163.1.342.166.18.064.33.103l.548.148q.212.056.47.153.261.098.498.266.24.166.396.427.155.261.155.641 0 .438-.23.791a1.56 1.56 0 0 1-.664.562q-.435.207-1.057.208-.58 0-1.005-.187a1.6 1.6 0 0 1-.664-.522 1.5 1.5 0 0 1-.271-.778h.675a.85.85 0 0 0 .205.506q.181.198.459.295.28.095.601.095.375 0 .672-.121.299-.124.472-.343a.8.8 0 0 0 .175-.517q0-.269-.15-.437a1.1 1.1 0 0 0-.396-.274 4 4 0 0 0-.53-.185l-.665-.19q-.633-.181-1.002-.52-.369-.337-.369-.883 0-.453.245-.79.248-.34.665-.528.42-.19.936-.19.522 0 .928.187.405.184.643.507.24.32.253.73zm3.32 4.134q-.585 0-1.009-.258a1.73 1.73 0 0 1-.651-.728 2.5 2.5 0 0 1-.227-1.091q0-.622.227-1.097.229-.477.638-.744.411-.27.96-.269.316 0 .624.106.309.105.562.342.253.235.403.623.15.387.15.954v.264h-3.121v-.538h2.489q0-.343-.137-.612a1.03 1.03 0 0 0-.97-.58q-.372 0-.644.185-.27.182-.414.474a1.4 1.4 0 0 0-.145.628v.359q0 .458.158.777.162.316.446.483.285.163.662.163.245 0 .443-.068a.95.95 0 0 0 .345-.211 1 1 0 0 0 .224-.353l.601.168q-.095.306-.319.538-.224.23-.553.359-.33.126-.741.126m3.742.01q-.386 0-.699-.144a1.2 1.2 0 0 1-.498-.425 1.2 1.2 0 0 1-.185-.675q0-.348.137-.564a.97.97 0 0 1 .367-.343q.23-.123.506-.184.28-.063.562-.1.369-.048.598-.072a.9.9 0 0 0 .338-.087q.108-.06.108-.21v-.022q0-.39-.214-.606-.21-.216-.64-.216-.445 0-.7.195-.252.195-.355.416l-.59-.21q.157-.37.421-.575a1.6 1.6 0 0 1 .58-.29q.317-.085.622-.085.195 0 .449.048.256.045.493.187.24.142.398.43.158.287.158.77V15h-.622v-.548h-.032a1.1 1.1 0 0 1-.21.282q-.149.15-.394.255-.244.105-.598.106m.095-.558q.369 0 .622-.145a.99.99 0 0 0 .517-.857v-.57q-.04.048-.174.088-.132.036-.306.065a14 14 0 0 1-.596.08 2.4 2.4 0 0 0-.453.102.8.8 0 0 0-.338.209.53.53 0 0 0-.127.374q0 .325.24.49.243.164.615.164m2.823.464v-4.05h.6v.612h.043a.97.97 0 0 1 .4-.488 1.2 1.2 0 0 1 .655-.187 7 7 0 0 1 .327.01v.633a2 2 0 0 0-.145-.024 1.4 1.4 0 0 0-.235-.018q-.296 0-.527.124a.91.91 0 0 0-.496.825V15zm4.21.084q-.57 0-.98-.269a1.75 1.75 0 0 1-.634-.74 2.5 2.5 0 0 1-.221-1.079q0-.616.227-1.089.229-.474.638-.74.411-.27.96-.27.425 0 .77.159.342.158.561.442.218.285.272.665h-.623a.96.96 0 0 0-.316-.49q-.243-.217-.654-.217-.364 0-.638.19a1.24 1.24 0 0 0-.424.53q-.15.34-.15.799 0 .47.147.817.15.349.422.54.273.194.643.193.243 0 .44-.084a.9.9 0 0 0 .53-.622h.623a1.44 1.44 0 0 1-.807 1.1 1.76 1.76 0 0 1-.786.165m3.05-2.52V15h-.622V9.6h.622v1.983h.053q.142-.315.427-.498.288-.188.765-.188.414 0 .725.166.31.164.483.504.173.337.173.86V15h-.622v-2.531q0-.482-.25-.746-.249-.267-.688-.267a1.15 1.15 0 0 0-.549.13.95.95 0 0 0-.38.377 1.2 1.2 0 0 0-.137.6"
32
+ data-dark-mode-color="true"
33
+ />
34
+ </Svg>
35
+ );
36
+ export default SvgSearch;
@@ -0,0 +1,32 @@
1
+ import * as React from "react";
2
+ import Svg, { Rect, Circle } from "react-native-svg";
3
+ const SvgSlider = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Rect width={64} height={4} x={8} y={11} fill="#D8D8D8" rx={2} />
12
+ <Rect
13
+ width={28}
14
+ height={4}
15
+ x={8}
16
+ y={11}
17
+ fill="#101828"
18
+ data-theme-inverted="true"
19
+ rx={2}
20
+ />
21
+ <Circle
22
+ cx={35}
23
+ cy={13}
24
+ r={4.688}
25
+ fill="#101828"
26
+ stroke="#F6F7F8"
27
+ strokeWidth={0.625}
28
+ data-theme-inverted="true"
29
+ />
30
+ </Svg>
31
+ );
32
+ export default SvgSlider;
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgSubtitle = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ fill="#101828"
13
+ d="M30 19.385V7.167h1.48v5.441h6.514V7.167h1.48v12.218h-1.48V13.92H31.48v5.465zM42.053 19.385v-1.074l4.033-4.414q.71-.777 1.17-1.349.459-.578.68-1.085.226-.513.226-1.074 0-.645-.31-1.116a2 2 0 0 0-.835-.728 2.7 2.7 0 0 0-1.193-.256q-.705 0-1.23.292-.518.286-.805.805-.28.52-.28 1.217H42.1q0-1.074.495-1.885t1.348-1.265Q44.804 7 45.871 7q1.074 0 1.904.453.828.454 1.3 1.223.471.77.471 1.713 0 .675-.244 1.318-.24.639-.835 1.426-.591.781-1.641 1.909l-2.744 2.935v.096h5.68v1.312z"
14
+ data-dark-mode-color="true"
15
+ />
16
+ </Svg>
17
+ );
18
+ export default SvgSubtitle;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgTable = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ stroke="#101828"
13
+ strokeLinecap="round"
14
+ strokeLinejoin="round"
15
+ d="M30 10.5h20M37.5 3v20M30 5.5A2.5 2.5 0 0 1 32.5 3h15A2.5 2.5 0 0 1 50 5.5v15a2.5 2.5 0 0 1-2.5 2.5h-15a2.5 2.5 0 0 1-2.5-2.5z"
16
+ data-dark-mode-color="true"
17
+ />
18
+ </Svg>
19
+ );
20
+ export default SvgTable;
@@ -0,0 +1,27 @@
1
+ import * as React from "react";
2
+ import Svg, { Rect, Path } from "react-native-svg";
3
+ const SvgTabs = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Rect
12
+ width={24}
13
+ height={18}
14
+ x={28}
15
+ y={4}
16
+ stroke="#101828"
17
+ data-dark-mode-color="true"
18
+ rx={1}
19
+ />
20
+ <Path
21
+ fill="#101828"
22
+ d="M39 4h12a1 1 0 0 1 1 1v4H39z"
23
+ data-dark-mode-color="true"
24
+ />
25
+ </Svg>
26
+ );
27
+ export default SvgTabs;
@@ -0,0 +1,24 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgTextBlock = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ stroke="#101828"
13
+ strokeLinecap="round"
14
+ d="M37 7h22M37 13h22M37 19h15.439"
15
+ data-dark-mode-color="true"
16
+ />
17
+ <Path
18
+ fill="#101828"
19
+ d="M30.814 5.024 31 8.975h-.472q-.137-1.044-.373-1.491-.385-.72-1.031-1.056-.634-.348-1.678-.348h-2.373v12.873q0 1.554.335 1.939.473.522 1.454.522h.584v.46h-7.145v-.46h.597q1.068 0 1.515-.647.274-.398.274-1.814V6.08H20.66q-1.18 0-1.677.174-.646.236-1.106.907-.46.67-.547 1.814h-.472l.199-3.951z"
20
+ data-dark-mode-color="true"
21
+ />
22
+ </Svg>
23
+ );
24
+ export default SvgTextBlock;
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgTitle = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ fill="#101828"
13
+ d="M30.502 19V6.782h2.214v5.172h5.661V6.782h2.22V19h-2.22v-5.19h-5.661V19zM47.686 6.782V19h-2.213V8.936H45.4l-2.857 1.825V8.733l3.036-1.951z"
14
+ data-dark-mode-color="true"
15
+ />
16
+ </Svg>
17
+ );
18
+ export default SvgTitle;
@@ -0,0 +1,41 @@
1
+ import * as React from "react";
2
+ import Svg, { G, Rect, Defs, ClipPath, Path } from "react-native-svg";
3
+ /* SVGR has dropped some elements not supported by react-native-svg: filter */
4
+ const SvgToggleSwitch = (props) => (
5
+ <Svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={props.size}
8
+ height={props.size}
9
+ fill="none"
10
+ {...props}
11
+ >
12
+ <G clipPath="url(#ToggleSwitch_svg__a)">
13
+ <Rect
14
+ width={24.022}
15
+ height={13.103}
16
+ x={27.956}
17
+ y={6.17}
18
+ fill="#101828"
19
+ data-dark-mode-color="true"
20
+ rx={6.551}
21
+ />
22
+ <G filter="url(#ToggleSwitch_svg__b)">
23
+ <Rect
24
+ width={10.919}
25
+ height={10.919}
26
+ x={29.048}
27
+ y={7.262}
28
+ fill="#F6F7F8"
29
+ data-theme-inverted="true"
30
+ rx={5.459}
31
+ />
32
+ </G>
33
+ </G>
34
+ <Defs>
35
+ <ClipPath id="ToggleSwitch_svg__a">
36
+ <Path fill={props.color} d="M27.978 6.17H52v13.103H27.978z" />
37
+ </ClipPath>
38
+ </Defs>
39
+ </Svg>
40
+ );
41
+ export default SvgToggleSwitch;
@@ -0,0 +1,24 @@
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
+ const SvgToolbar = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ stroke="#101828"
13
+ strokeWidth={0.75}
14
+ d="M31 4h18v18H31z"
15
+ data-dark-mode-color="true"
16
+ />
17
+ <Path
18
+ fill="#101828"
19
+ d="m45.11 7.018.14 2.963h-.354q-.103-.782-.28-1.118a1.83 1.83 0 0 0-.773-.792q-.476-.261-1.258-.261h-1.78v9.655q0 1.165.251 1.454.354.39 1.09.391h.439v.345h-5.36v-.345h.448q.801 0 1.137-.484.205-.3.205-1.361V7.81h-1.519q-.886 0-1.258.13-.485.177-.83.68-.344.504-.41 1.361h-.354l.15-2.963zM48 3h2v2h-2zM30 3h2v2h-2zM48 21h2v2h-2zM30 21h2v2h-2z"
20
+ data-dark-mode-color="true"
21
+ />
22
+ </Svg>
23
+ );
24
+ export default SvgToolbar;
@@ -0,0 +1,32 @@
1
+ import * as React from "react";
2
+ import Svg, { Rect, Path } from "react-native-svg";
3
+ const SvgTooltip = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Rect
12
+ width={48}
13
+ height={13.333}
14
+ x={16}
15
+ y={5}
16
+ fill="#101828"
17
+ data-dark-mode-color="true"
18
+ rx={2.667}
19
+ />
20
+ <Path
21
+ fill="#101828"
22
+ d="M36 17h9.333l-4.666 4z"
23
+ data-dark-mode-color="true"
24
+ />
25
+ <Path
26
+ fill="#F6F7F8"
27
+ d="M29.678 9.339v-.52h3.637v.52H31.79v4.328h-.587V9.339zm5.35 4.403q-.492 0-.864-.234a1.6 1.6 0 0 1-.578-.656 2.2 2.2 0 0 1-.206-.985q.001-.568.206-.992.21-.424.578-.658.372-.234.864-.234t.862.234q.371.234.578.658t.208.992q0 .564-.208.985-.206.422-.578.656a1.57 1.57 0 0 1-.862.234m0-.502q.375 0 .616-.191a1.13 1.13 0 0 0 .357-.505 1.9 1.9 0 0 0 .116-.677q0-.365-.116-.68a1.15 1.15 0 0 0-.357-.508q-.241-.195-.616-.194-.374 0-.615.194-.241.195-.358.509-.116.315-.116.68 0 .364.116.676.117.313.358.505.24.192.615.192m3.911.502q-.492 0-.864-.234a1.6 1.6 0 0 1-.577-.656 2.2 2.2 0 0 1-.206-.985q0-.568.206-.992.208-.424.577-.658.372-.234.864-.234.493 0 .862.234.371.234.578.658.208.425.208.992 0 .564-.208.985-.206.422-.578.656a1.57 1.57 0 0 1-.862.234m0-.502q.375 0 .616-.191a1.13 1.13 0 0 0 .357-.505 1.9 1.9 0 0 0 .116-.677q0-.365-.116-.68a1.15 1.15 0 0 0-.357-.508q-.241-.195-.616-.194-.373 0-.615.194-.241.195-.358.509-.116.315-.116.68.001.364.116.676.117.313.358.505.24.192.615.192m2.993-4.422v4.849h-.559V8.818zm2.538 1.212v.474h-1.884v-.474zm-1.335-.87h.559v3.465q0 .237.068.355.072.116.18.156a.7.7 0 0 0 .235.038 1 1 0 0 0 .151-.01l.095-.018.113.502q-.056.021-.158.042a1.2 1.2 0 0 1-.258.024q-.237 0-.464-.102a.9.9 0 0 1-.374-.31.9.9 0 0 1-.147-.525zm2.109 4.507V10.03h.559v3.637zm.284-4.243a.4.4 0 0 1-.282-.111.36.36 0 0 1-.116-.268q0-.156.116-.267a.4.4 0 0 1 .282-.111.4.4 0 0 1 .28.11.35.35 0 0 1 .118.268q0 .157-.119.268a.4.4 0 0 1-.279.111m1.231 5.606v-5h.54v.578h.066q.062-.095.17-.242a1 1 0 0 1 .318-.265q.209-.118.563-.118.46 0 .81.23t.547.65q.196.423.196.995 0 .578-.196 1.001a1.55 1.55 0 0 1-.545.654q-.348.23-.802.23-.35 0-.561-.117a1 1 0 0 1-.325-.267 4 4 0 0 1-.175-.251h-.047v1.922zm.55-3.182q0 .412.12.727.12.313.353.49a.9.9 0 0 0 .568.176.9.9 0 0 0 .585-.185 1.13 1.13 0 0 0 .355-.502q.12-.318.12-.706 0-.383-.118-.69a1.07 1.07 0 0 0-.352-.49.93.93 0 0 0-.59-.183.93.93 0 0 0-.573.173 1.04 1.04 0 0 0-.35.478 2 2 0 0 0-.118.712"
28
+ data-theme-inverted="true"
29
+ />
30
+ </Svg>
31
+ );
32
+ export default SvgTooltip;
@@ -0,0 +1,27 @@
1
+ import * as React from "react";
2
+ import Svg, { Path, Rect } from "react-native-svg";
3
+ const SvgVideo = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Path
12
+ fill="#101828"
13
+ d="M43.24 12.566a.5.5 0 0 1 0 .868l-5.492 3.139a.5.5 0 0 1-.748-.435V9.862a.5.5 0 0 1 .748-.435z"
14
+ data-dark-mode-color="true"
15
+ />
16
+ <Rect
17
+ width={24}
18
+ height={18}
19
+ x={28}
20
+ y={4}
21
+ stroke="#101828"
22
+ data-dark-mode-color="true"
23
+ rx={2}
24
+ />
25
+ </Svg>
26
+ );
27
+ export default SvgVideo;
@@ -0,0 +1,32 @@
1
+ import * as React from "react";
2
+ import Svg, { Rect, Path } from "react-native-svg";
3
+ const SvgYesNo = (props) => (
4
+ <Svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width={props.size}
7
+ height={props.size}
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <Rect
12
+ width={60}
13
+ height={16}
14
+ x={10}
15
+ y={6}
16
+ fill="#101828"
17
+ stroke="#101828"
18
+ data-theme-inverted="true"
19
+ rx={2}
20
+ />
21
+ <Path fill={props.color} d="M40 6h28a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H40z" />
22
+ <Path
23
+ fill="#F6F7F8"
24
+ d="M18.515 11.182h.807l1.614 2.716h.068l1.613-2.716h.807l-2.102 3.42V17h-.705v-2.398zm6.862 5.909q-.63 0-1.088-.279a1.87 1.87 0 0 1-.702-.784q-.244-.506-.244-1.176t.244-1.181q.247-.514.688-.802.443-.29 1.034-.29.34 0 .673.114.332.114.605.37.273.252.435.67.162.417.162 1.028v.285H23.82v-.58h2.682q0-.369-.148-.66a1.1 1.1 0 0 0-.415-.457 1.16 1.16 0 0 0-.63-.167q-.401 0-.694.199-.289.195-.446.511-.156.316-.156.676v.386q0 .495.17.839.174.34.48.52.308.176.714.176.264 0 .477-.074.216-.077.372-.227.156-.154.242-.381l.647.182q-.102.329-.343.58-.241.246-.597.386a2.2 2.2 0 0 1-.798.136m5.837-3.477-.602.17a1.1 1.1 0 0 0-.167-.293.8.8 0 0 0-.296-.238 1.1 1.1 0 0 0-.48-.094q-.4 0-.668.185-.264.181-.264.463 0 .25.182.395.181.144.568.241l.648.16q.585.141.872.434.287.29.287.747 0 .376-.216.67-.212.296-.597.466a2.2 2.2 0 0 1-.892.17q-.667 0-1.105-.289-.437-.29-.554-.846l.637-.16q.09.352.343.529.255.176.668.176.469 0 .744-.199.279-.201.279-.483a.5.5 0 0 0-.16-.38q-.158-.157-.488-.234l-.727-.17q-.6-.142-.88-.44a1.07 1.07 0 0 1-.28-.753q0-.37.208-.653.21-.285.571-.447.363-.161.824-.162.647 0 1.017.285.372.284.528.75"
25
+ />
26
+ <Path
27
+ fill="#101828"
28
+ d="M55.46 11.182V17h-.682l-3.17-4.568h-.057V17h-.705v-5.818h.682l3.182 4.58h.057v-4.58zm3.011 5.909q-.591 0-1.037-.281a1.9 1.9 0 0 1-.693-.787q-.247-.505-.247-1.182 0-.682.247-1.19.25-.51.693-.79a1.9 1.9 0 0 1 1.037-.282q.591 0 1.035.282.445.28.693.79.25.508.25 1.19 0 .676-.25 1.182-.247.506-.694.787-.443.28-1.034.28m0-.602q.45 0 .739-.23.29-.231.429-.606.14-.374.14-.812a2.3 2.3 0 0 0-.14-.815 1.4 1.4 0 0 0-.429-.611q-.29-.233-.739-.233t-.738.233a1.4 1.4 0 0 0-.43.61q-.139.378-.139.816t.14.812.429.606.738.23"
29
+ />
30
+ </Svg>
31
+ );
32
+ export default SvgYesNo;
@@ -0,0 +1,37 @@
1
+ export { default as Alert } from "./Alert";
2
+ export { default as AndroidMockup } from "./AndroidMockup";
3
+ export { default as Arrow } from "./Arrow";
4
+ export { default as Avatar } from "./Avatar";
5
+ export { default as Browser } from "./Browser";
6
+ export { default as Button } from "./Button";
7
+ export { default as Calendar } from "./Calendar";
8
+ export { default as Checkbox } from "./Checkbox";
9
+ export { default as Circle } from "./Circle";
10
+ export { default as Dropdown } from "./Dropdown";
11
+ export { default as IPhoneMockup } from "./IPhoneMockup";
12
+ export { default as Image } from "./Image";
13
+ export { default as Input } from "./Input";
14
+ export { default as Keyboard } from "./Keyboard";
15
+ export { default as Label } from "./Label";
16
+ export { default as Line } from "./Line";
17
+ export { default as LineChart } from "./LineChart";
18
+ export { default as Link } from "./Link";
19
+ export { default as List } from "./List";
20
+ export { default as Notes } from "./Notes";
21
+ export { default as Overlay } from "./Overlay";
22
+ export { default as PieChart } from "./PieChart";
23
+ export { default as Radio } from "./Radio";
24
+ export { default as Rectangle } from "./Rectangle";
25
+ export { default as Scrollbar } from "./Scrollbar";
26
+ export { default as Search } from "./Search";
27
+ export { default as Slider } from "./Slider";
28
+ export { default as Subtitle } from "./Subtitle";
29
+ export { default as Table } from "./Table";
30
+ export { default as Tabs } from "./Tabs";
31
+ export { default as TextBlock } from "./TextBlock";
32
+ export { default as Title } from "./Title";
33
+ export { default as ToggleSwitch } from "./ToggleSwitch";
34
+ export { default as Toolbar } from "./Toolbar";
35
+ export { default as Tooltip } from "./Tooltip";
36
+ export { default as Video } from "./Video";
37
+ export { default as YesNo } from "./YesNo";