@bigbinary/neeto-icons-rn 1.20.28 → 1.20.30
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.
- package/dist/elements/Alert.js +21 -0
- package/dist/elements/AndroidMockup.js +166 -0
- package/dist/elements/Arrow.js +21 -0
- package/dist/elements/Avatar.js +20 -0
- package/dist/elements/Browser.js +76 -0
- package/dist/elements/Button.js +27 -0
- package/dist/elements/Calendar.js +27 -0
- package/dist/elements/Checkbox.js +30 -0
- package/dist/elements/Circle.js +22 -0
- package/dist/elements/Dropdown.js +29 -0
- package/dist/elements/IPhoneMockup.js +123 -0
- package/dist/elements/Image.js +20 -0
- package/dist/elements/Input.js +23 -0
- package/dist/elements/Keyboard.js +18 -0
- package/dist/elements/Label.js +18 -0
- package/dist/elements/Line.js +14 -0
- package/dist/elements/LineChart.js +25 -0
- package/dist/elements/Link.js +21 -0
- package/dist/elements/List.js +27 -0
- package/dist/elements/Notes.js +36 -0
- package/dist/elements/Overlay.js +38 -0
- package/dist/elements/PieChart.js +26 -0
- package/dist/elements/Radio.js +21 -0
- package/dist/elements/Rectangle.js +18 -0
- package/dist/elements/Scrollbar.js +19 -0
- package/dist/elements/Search.js +36 -0
- package/dist/elements/Slider.js +32 -0
- package/dist/elements/Subtitle.js +18 -0
- package/dist/elements/Table.js +20 -0
- package/dist/elements/Tabs.js +27 -0
- package/dist/elements/TextBlock.js +24 -0
- package/dist/elements/Title.js +18 -0
- package/dist/elements/ToggleSwitch.js +41 -0
- package/dist/elements/Toolbar.js +24 -0
- package/dist/elements/Tooltip.js +32 -0
- package/dist/elements/Video.js +27 -0
- package/dist/elements/YesNo.js +32 -0
- package/dist/elements/index.js +37 -0
- package/dist/icons/MyPreferences.js +48 -0
- package/dist/icons/index.js +1 -0
- package/dist/index.js +2 -1
- 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";
|