Skip to content

Commit b9a6269

Browse files
nellicusnellicus
authored
text editor icons (#613)
* text editor icons * add to iconsmap and fix listnumbered title
1 parent 1ce5d96 commit b9a6269

File tree

7 files changed

+202
-0
lines changed

7 files changed

+202
-0
lines changed

‎src/components/Icon/IconCommon.tsx‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import BarChart from "@/components/icons/BarChart";
1313
import Bell from "@/components/icons/Bell";
1414
import Beta from "@/components/icons/Beta";
1515
import Blog from "@/components/icons/Blog";
16+
import Bold from "@/components/icons/Bold";
1617
import Book from "@/components/icons/Book";
1718
import Brackets from "@/components/icons/Brackets";
1819
import Briefcase from "@/components/icons/Briefcase";
@@ -87,13 +88,16 @@ import InfoInCircleIcon from "@/components/icons/InfoInCircleIcon";
8788
import InformationIcon from "@/components/icons/InformationIcon";
8889
import InsertRowIcon from "@/components/icons/InsertRowIcon";
8990
import Integrations from "@/components/icons/Integrations";
91+
import Italic from "@/components/icons/Italic";
9092
import Key from "@/components/icons/Key";
9193
import Keys from "@/components/icons/Keys";
9294
import Lifebuoy from "@/components/icons/Lifebuoy";
9395
import LightBulb from "@/components/icons/LightBulb";
9496
import LightBulbOn from "@/components/icons/LightBulbOn";
9597
import Lightening from "@/components/icons/Lightening";
9698
import LineInCircle from "@/components/icons/LineInCircle";
99+
import ListBulleted from "@/components/icons/ListBulleted";
100+
import ListNumbered from "@/components/icons/ListNumbered";
97101
import Loading from "@/components/icons/Loading";
98102
import LoadingAnimated from "@/components/icons/LoadingAnimated";
99103
import Lock from "@/components/icons/Lock";
@@ -141,6 +145,7 @@ import Table from "@/components/icons/Table";
141145
import Taxi from "@/components/icons/Taxi";
142146
import Trash from "@/components/icons/Trash";
143147
import TreeStructure from "@/components/icons/TreeStructure";
148+
import Underline from "@/components/icons/Underline";
144149
import Upgrade from "@/components/icons/Upgrade";
145150
import Upload from "@/components/icons/Upload";
146151
import Url from "@/components/icons/Url";
@@ -165,6 +170,7 @@ export const ICONS_MAP = {
165170
bell: Bell,
166171
beta: Beta,
167172
blog: Blog,
173+
bold: Bold,
168174
book: Book,
169175
brackets: Brackets,
170176
briefcase: Briefcase,
@@ -239,13 +245,16 @@ export const ICONS_MAP = {
239245
information: InformationIcon,
240246
"insert-row": InsertRowIcon,
241247
integrations: Integrations,
248+
italic: Italic,
242249
key: Key,
243250
keys: Keys,
244251
lifebuoy: Lifebuoy,
245252
"light-bulb": LightBulb,
246253
"light-bulb-on": LightBulbOn,
247254
lightening: Lightening,
248255
"line-in-circle": LineInCircle,
256+
"list-bulleted": ListBulleted,
257+
"list-numbered": ListNumbered,
249258
loading: Loading,
250259
"loading-animated": LoadingAnimated,
251260
lock: Lock,
@@ -293,6 +302,7 @@ export const ICONS_MAP = {
293302
taxi: Taxi,
294303
trash: Trash,
295304
"tree-structure": TreeStructure,
305+
underline: Underline,
296306
upgrade: Upgrade,
297307
upload: Upload,
298308
url: Url,

‎src/components/Icon/types.ts‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ export const ICON_NAMES = [
2323
"bell",
2424
"beta",
2525
"blog",
26+
"bold",
2627
"book",
2728
"brackets",
2829
"briefcase",
@@ -97,13 +98,16 @@ export const ICON_NAMES = [
9798
"information",
9899
"insert-row",
99100
"integrations",
101+
"italic",
100102
"key",
101103
"keys",
102104
"lifebuoy",
103105
"light-bulb",
104106
"light-bulb-on",
105107
"lightening",
106108
"line-in-circle",
109+
"list-bulleted",
110+
"list-numbered",
107111
"loading",
108112
"loading-animated",
109113
"lock",
@@ -156,6 +160,7 @@ export const ICON_NAMES = [
156160
"url",
157161
"user",
158162
"users",
163+
"underline",
159164
"warning",
160165
"waves",
161166
] as const;

‎src/components/icons/Bold.tsx‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import { SVGAttributes } from "react";
2+
3+
const Bold = (props: SVGAttributes<SVGElement>) => (
4+
<svg
5+
width="24"
6+
height="24"
7+
viewBox="0 0 24 24"
8+
fill="none"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<path
13+
d="M6.75 12H13.75C15.683 12 17.25 13.567 17.25 15.5V15.5C17.25 17.433 15.683 19 13.75 19H6.75V5H12.583C14.516 5 16.083 6.567 16.083 8.5V8.5C16.083 10.433 14.516 12 12.583 12"
14+
stroke="#161517"
15+
stroke-width="2"
16+
stroke-linecap="round"
17+
stroke-linejoin="round"
18+
/>
19+
</svg>
20+
);
21+
22+
export default Bold;

‎src/components/icons/Italic.tsx‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import { SVGAttributes } from "react";
2+
3+
const Italic = (props: SVGAttributes<SVGElement>) => (
4+
<svg
5+
width="24"
6+
height="24"
7+
viewBox="0 0 24 24"
8+
fill="none"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<path
13+
d="M14.1821 18H5.45508H9.43508L14.5651 6H18.5451H9.81808"
14+
stroke="#161517"
15+
stroke-width="1.5"
16+
stroke-linecap="round"
17+
stroke-linejoin="round"
18+
/>
19+
</svg>
20+
);
21+
22+
export default Italic;

‎src/components/icons/ListBulleted.tsx‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
import { SVGAttributes } from "react";
2+
3+
const ListBulleted = (props: SVGAttributes<SVGElement>) => (
4+
<svg
5+
width="24"
6+
height="24"
7+
viewBox="0 0 24 24"
8+
fill="none"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<path
13+
d="M8.99902 6.43673H20.0036"
14+
stroke="#161517"
15+
stroke-width="1.5"
16+
stroke-linecap="round"
17+
stroke-linejoin="round"
18+
/>
19+
<path
20+
d="M20.0036 12.0002H8.99902"
21+
stroke="#161517"
22+
stroke-width="1.5"
23+
stroke-linecap="round"
24+
stroke-linejoin="round"
25+
/>
26+
<path
27+
d="M8.99902 17.5632H20.0036"
28+
stroke="#161517"
29+
stroke-width="1.5"
30+
stroke-linecap="round"
31+
stroke-linejoin="round"
32+
/>
33+
<path
34+
d="M4.49728 5.93652C4.22102 5.93652 3.99707 6.16047 3.99707 6.43673C3.99707 6.71299 4.22102 6.93694 4.49728 6.93694C4.77354 6.93694 4.99749 6.71299 4.99749 6.43673C4.99749 6.16047 4.77354 5.93652 4.49728 5.93652"
35+
stroke="#161517"
36+
stroke-width="1.5"
37+
stroke-linecap="round"
38+
stroke-linejoin="round"
39+
/>
40+
<path
41+
d="M4.49728 11.5C4.22102 11.5 3.99707 11.724 3.99707 12.0002C3.99707 12.2765 4.22102 12.5004 4.49728 12.5004C4.77354 12.5004 4.99749 12.2765 4.99749 12.0002C4.99749 11.724 4.77354 11.5 4.49728 11.5"
42+
stroke="#161517"
43+
stroke-width="1.5"
44+
stroke-linecap="round"
45+
stroke-linejoin="round"
46+
/>
47+
<path
48+
d="M4.49728 17.063C4.22102 17.063 3.99707 17.2869 3.99707 17.5632C3.99707 17.8395 4.22102 18.0634 4.49728 18.0634C4.77354 18.0634 4.99749 17.8395 4.99749 17.5632C4.99749 17.2869 4.77354 17.063 4.49728 17.063"
49+
stroke="#161517"
50+
stroke-width="1.5"
51+
stroke-linecap="round"
52+
stroke-linejoin="round"
53+
/>
54+
</svg>
55+
);
56+
57+
export default ListBulleted;

‎src/components/icons/ListNumbered.tsx‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
import { SVGAttributes } from "react";
2+
3+
const ListNumbered = (props: SVGAttributes<SVGElement>) => (
4+
<svg
5+
width="24"
6+
height="24"
7+
viewBox="0 0 24 24"
8+
fill="none"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<path
13+
d="M11 4H20"
14+
stroke="#161517"
15+
stroke-width="1.5"
16+
stroke-linecap="round"
17+
stroke-linejoin="round"
18+
/>
19+
<path
20+
d="M11.1504 9H20.0004"
21+
stroke="#161517"
22+
stroke-width="1.5"
23+
stroke-linecap="round"
24+
stroke-linejoin="round"
25+
/>
26+
<path
27+
d="M6.5 9H4H5.25V4L4 5.25"
28+
stroke="#161517"
29+
stroke-width="1.5"
30+
stroke-linecap="round"
31+
stroke-linejoin="round"
32+
/>
33+
<path
34+
d="M11 15H20"
35+
stroke="#161517"
36+
stroke-width="1.5"
37+
stroke-linecap="round"
38+
stroke-linejoin="round"
39+
/>
40+
<path
41+
d="M11.1504 20H20.0004"
42+
stroke="#161517"
43+
stroke-width="1.5"
44+
stroke-linecap="round"
45+
stroke-linejoin="round"
46+
/>
47+
<path
48+
d="M4 15H6.5V17L4 18.5V20H6.75"
49+
stroke="#161517"
50+
stroke-width="1.5"
51+
stroke-linecap="round"
52+
stroke-linejoin="round"
53+
/>
54+
</svg>
55+
);
56+
57+
export default ListNumbered;

‎src/components/icons/Underline.tsx‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import { SVGAttributes } from "react";
2+
3+
const Underline = (props: SVGAttributes<SVGElement>) => (
4+
<svg
5+
width="24"
6+
height="24"
7+
viewBox="0 0 24 24"
8+
fill="none"
9+
xmlns="http://www.w3.org/2000/svg"
10+
{...props}
11+
>
12+
<path
13+
d="M6 20H18"
14+
stroke="#161517"
15+
stroke-width="1.5"
16+
stroke-linecap="round"
17+
stroke-linejoin="round"
18+
/>
19+
<path
20+
d="M17 4V11C17 13.761 14.761 16 12 16C9.239 16 7 13.761 7 11V4"
21+
stroke="#161517"
22+
stroke-width="1.5"
23+
stroke-linecap="round"
24+
stroke-linejoin="round"
25+
/>
26+
</svg>
27+
);
28+
29+
export default Underline;

0 commit comments

Comments
 (0)