Skip to content

Commit 5a73fd3

Browse files
HorayHoray
authored
new icons added (#597)
1 parent 3c2a72b commit 5a73fd3

File tree

5 files changed

+284
-110
lines changed

5 files changed

+284
-110
lines changed

‎package-lock.json‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@nordcloud/gnui",
33
"description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
4-
"version": "8.4.0",
4+
"version": "8.5.0",
55
"license": "MIT",
66
"repository": {
77
"type": "git",

‎src/components/svgicon/SVGIcon.stories.mdx‎

Lines changed: 173 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -557,6 +557,22 @@ import { Text } from "../text";
557557
</Text>
558558
</FlexContainer>
559559
</CopyToClipboard>
560+
<CopyToClipboard text="desktop">
561+
<FlexContainer direction="column">
562+
<SVGIcon name="desktop" />
563+
<Text size="xs" mt=".25rem">
564+
desktop
565+
</Text>
566+
</FlexContainer>
567+
</CopyToClipboard>
568+
<CopyToClipboard text="desktopChart">
569+
<FlexContainer direction="column">
570+
<SVGIcon name="desktopChart" />
571+
<Text size="xs" mt=".25rem">
572+
desktopChart
573+
</Text>
574+
</FlexContainer>
575+
</CopyToClipboard>
560576
</FlexContainer>
561577
</Story>
562578
</Canvas>
@@ -730,85 +746,11 @@ import { Text } from "../text";
730746
</Text>
731747
</FlexContainer>
732748
</CopyToClipboard>
733-
</FlexContainer>
734-
<FlexContainer justifyContent="space-evenly">
735-
<CopyToClipboard text="logout">
736-
<FlexContainer direction="column">
737-
<SVGIcon name="logout" />
738-
<Text size="xs" mt=".25rem">
739-
logout
740-
</Text>
741-
</FlexContainer>
742-
</CopyToClipboard>
743-
<CopyToClipboard text="padlock">
744-
<FlexContainer direction="column">
745-
<SVGIcon name="padlock" />
746-
<Text size="xs" mt=".25rem">
747-
padlock
748-
</Text>
749-
</FlexContainer>
750-
</CopyToClipboard>
751-
<CopyToClipboard text="cancel">
752-
<FlexContainer direction="column">
753-
<SVGIcon name="cancel" />
754-
<Text size="xs" mt=".25rem">
755-
cancel
756-
</Text>
757-
</FlexContainer>
758-
</CopyToClipboard>
759-
<CopyToClipboard text="danger">
760-
<FlexContainer direction="column">
761-
<SVGIcon name="danger" />
762-
<Text size="xs" mt=".25rem">
763-
danger
764-
</Text>
765-
</FlexContainer>
766-
</CopyToClipboard>
767-
<CopyToClipboard text="success">
768-
<FlexContainer direction="column">
769-
<SVGIcon name="success" />
770-
<Text size="xs" mt=".25rem">
771-
success
772-
</Text>
773-
</FlexContainer>
774-
</CopyToClipboard>
775-
<CopyToClipboard text="play">
776-
<FlexContainer direction="column">
777-
<SVGIcon name="play" />
778-
<Text size="xs" mt=".25rem">
779-
play
780-
</Text>
781-
</FlexContainer>
782-
</CopyToClipboard>
783-
<CopyToClipboard text="pause">
749+
<CopyToClipboard text="bellSettings">
784750
<FlexContainer direction="column">
785-
<SVGIcon name="pause" />
751+
<SVGIcon name="bellSettings" />
786752
<Text size="xs" mt=".25rem">
787-
pause
788-
</Text>
789-
</FlexContainer>
790-
</CopyToClipboard>
791-
<CopyToClipboard text="helpCenter">
792-
<FlexContainer direction="column">
793-
<SVGIcon name="helpCenter" />
794-
<Text size="xs" mt=".25rem">
795-
helpCenter
796-
</Text>
797-
</FlexContainer>
798-
</CopyToClipboard>
799-
<CopyToClipboard text="help">
800-
<FlexContainer direction="column">
801-
<SVGIcon name="help" />
802-
<Text size="xs" mt=".25rem">
803-
help
804-
</Text>
805-
</FlexContainer>
806-
</CopyToClipboard>
807-
<CopyToClipboard text="info">
808-
<FlexContainer direction="column">
809-
<SVGIcon name="info" />
810-
<Text size="xs" mt=".25rem">
811-
info
753+
bellSettings
812754
</Text>
813755
</FlexContainer>
814756
</CopyToClipboard>
@@ -994,19 +936,43 @@ import { Text } from "../text";
994936
</Text>
995937
</FlexContainer>
996938
</CopyToClipboard>
997-
<CopyToClipboard text="warning">
939+
<CopyToClipboard text="costSettings">
998940
<FlexContainer direction="column">
999-
<SVGIcon name="warning" />
941+
<SVGIcon name="costSettings" />
1000942
<Text size="xs" mt=".25rem">
1001-
warning
943+
costSettings
1002944
</Text>
1003945
</FlexContainer>
1004946
</CopyToClipboard>
1005-
<CopyToClipboard text="costSettings">
947+
<CopyToClipboard text="logout">
1006948
<FlexContainer direction="column">
1007-
<SVGIcon name="costSettings" />
949+
<SVGIcon name="logout" />
1008950
<Text size="xs" mt=".25rem">
1009-
costSettings
951+
logout
952+
</Text>
953+
</FlexContainer>
954+
</CopyToClipboard>
955+
<CopyToClipboard text="padlock">
956+
<FlexContainer direction="column">
957+
<SVGIcon name="padlock" />
958+
<Text size="xs" mt=".25rem">
959+
padlock
960+
</Text>
961+
</FlexContainer>
962+
</CopyToClipboard>
963+
<CopyToClipboard text="helpCenter">
964+
<FlexContainer direction="column">
965+
<SVGIcon name="helpCenter" />
966+
<Text size="xs" mt=".25rem">
967+
helpCenter
968+
</Text>
969+
</FlexContainer>
970+
</CopyToClipboard>
971+
<CopyToClipboard text="docSearch">
972+
<FlexContainer direction="column">
973+
<SVGIcon name="docSearch" />
974+
<Text size="xs" mt=".25rem">
975+
docSearch
1010976
</Text>
1011977
</FlexContainer>
1012978
</CopyToClipboard>
@@ -1284,6 +1250,14 @@ import { Text } from "../text";
12841250
</Text>
12851251
</FlexContainer>
12861252
</CopyToClipboard>
1253+
<CopyToClipboard text="users">
1254+
<FlexContainer direction="column">
1255+
<SVGIcon name="users" />
1256+
<Text size="xs" mt=".25rem">
1257+
users
1258+
</Text>
1259+
</FlexContainer>
1260+
</CopyToClipboard>
12871261
<CopyToClipboard text="userAccess">
12881262
<FlexContainer direction="column">
12891263
<SVGIcon name="userAccess" />
@@ -1343,51 +1317,141 @@ import { Text } from "../text";
13431317
<Canvas>
13441318
<Story name="status">
13451319
<FlexContainer justifyContent="space-evenly">
1346-
<CopyToClipboard text="statusError">
1320+
<CopyToClipboard text="inProgressFilled">
1321+
<FlexContainer direction="column">
1322+
<SVGIcon name="inProgressFilled" />
1323+
<Text size="xs" mt=".25rem">
1324+
inProgressFilled
1325+
</Text>
1326+
</FlexContainer>
1327+
</CopyToClipboard>
1328+
<CopyToClipboard text="playFilled">
1329+
<FlexContainer direction="column">
1330+
<SVGIcon name="playFilled" />
1331+
<Text size="xs" mt=".25rem">
1332+
playFilled
1333+
</Text>
1334+
</FlexContainer>
1335+
</CopyToClipboard>
1336+
<CopyToClipboard text="cancelFilled">
1337+
<FlexContainer direction="column">
1338+
<SVGIcon name="cancelFilled" />
1339+
<Text size="xs" mt=".25rem">
1340+
cancelFilled
1341+
</Text>
1342+
</FlexContainer>
1343+
</CopyToClipboard>
1344+
<CopyToClipboard text="stopFilled">
1345+
<FlexContainer direction="column">
1346+
<SVGIcon name="stopFilled" />
1347+
<Text size="xs" mt=".25rem">
1348+
stopFilled
1349+
</Text>
1350+
</FlexContainer>
1351+
</CopyToClipboard>
1352+
<CopyToClipboard text="pendingFilled">
1353+
<FlexContainer direction="column">
1354+
<SVGIcon name="pendingFilled" />
1355+
<Text size="xs" mt=".25rem">
1356+
pendingFilled
1357+
</Text>
1358+
</FlexContainer>
1359+
</CopyToClipboard>
1360+
<CopyToClipboard text="pausedFilled">
1361+
<FlexContainer direction="column">
1362+
<SVGIcon name="pausedFilled" />
1363+
<Text size="xs" mt=".25rem">
1364+
pausedFilled
1365+
</Text>
1366+
</FlexContainer>
1367+
</CopyToClipboard>
1368+
<CopyToClipboard text="successFilled">
1369+
<FlexContainer direction="column">
1370+
<SVGIcon name="successFilled" />
1371+
<Text size="xs" mt=".25rem">
1372+
successFilled
1373+
</Text>
1374+
</FlexContainer>
1375+
</CopyToClipboard>
1376+
<CopyToClipboard text="waitingFilled">
1377+
<FlexContainer direction="column">
1378+
<SVGIcon name="waitingFilled" />
1379+
<Text size="xs" mt=".25rem">
1380+
waitingFilled
1381+
</Text>
1382+
</FlexContainer>
1383+
</CopyToClipboard>
1384+
<CopyToClipboard text="warningFilled">
1385+
<FlexContainer direction="column">
1386+
<SVGIcon name="warningFilled" />
1387+
<Text size="xs" mt=".25rem">
1388+
warningFilled
1389+
</Text>
1390+
</FlexContainer>
1391+
</CopyToClipboard>
1392+
</FlexContainer>
1393+
<FlexContainer justifyContent="space-evenly">
1394+
<CopyToClipboard text="warning">
13471395
<FlexContainer direction="column">
1348-
<SVGIcon name="statusError" />
1396+
<SVGIcon name="warning" />
13491397
<Text size="xs" mt=".25rem">
1350-
statusError
1398+
warning
13511399
</Text>
13521400
</FlexContainer>
13531401
</CopyToClipboard>
1354-
<CopyToClipboard text="statusSuccess">
1402+
<CopyToClipboard text="play">
13551403
<FlexContainer direction="column">
1356-
<SVGIcon name="statusSuccess" />
1404+
<SVGIcon name="play" />
13571405
<Text size="xs" mt=".25rem">
1358-
statusSuccess
1406+
play
13591407
</Text>
13601408
</FlexContainer>
13611409
</CopyToClipboard>
1362-
<CopyToClipboard text="statusRunning">
1410+
<CopyToClipboard text="cancel">
13631411
<FlexContainer direction="column">
1364-
<SVGIcon name="statusRunning" />
1412+
<SVGIcon name="cancel" />
13651413
<Text size="xs" mt=".25rem">
1366-
statusRunning
1414+
cancel
13671415
</Text>
13681416
</FlexContainer>
13691417
</CopyToClipboard>
1370-
<CopyToClipboard text="statusWarning">
1418+
<CopyToClipboard text="danger">
13711419
<FlexContainer direction="column">
1372-
<SVGIcon name="statusWarning" />
1420+
<SVGIcon name="danger" />
13731421
<Text size="xs" mt=".25rem">
1374-
statusWarning
1422+
danger
13751423
</Text>
13761424
</FlexContainer>
13771425
</CopyToClipboard>
1378-
<CopyToClipboard text="statusInProgress">
1426+
<CopyToClipboard text="success">
13791427
<FlexContainer direction="column">
1380-
<SVGIcon name="statusInProgress" />
1428+
<SVGIcon name="success" />
1429+
<Text size="xs" mt=".25rem">
1430+
success
1431+
</Text>
1432+
</FlexContainer>
1433+
</CopyToClipboard>
1434+
<CopyToClipboard text="pause">
1435+
<FlexContainer direction="column">
1436+
<SVGIcon name="pause" />
1437+
<Text size="xs" mt=".25rem">
1438+
pause
1439+
</Text>
1440+
</FlexContainer>
1441+
</CopyToClipboard>
1442+
<CopyToClipboard text="help">
1443+
<FlexContainer direction="column">
1444+
<SVGIcon name="help" />
13811445
<Text size="xs" mt=".25rem">
1382-
statusInProgress
1446+
help
13831447
</Text>
13841448
</FlexContainer>
13851449
</CopyToClipboard>
1386-
<CopyToClipboard text="statusOnHold">
1450+
<CopyToClipboard text="info">
13871451
<FlexContainer direction="column">
1388-
<SVGIcon name="statusOnHold" />
1452+
<SVGIcon name="info" />
13891453
<Text size="xs" mt=".25rem">
1390-
statusOnHold
1454+
info
13911455
</Text>
13921456
</FlexContainer>
13931457
</CopyToClipboard>
@@ -1663,6 +1727,14 @@ import { Text } from "../text";
16631727
</Text>
16641728
</FlexContainer>
16651729
</CopyToClipboard>
1730+
<CopyToClipboard text="exoscale">
1731+
<FlexContainer direction="column">
1732+
<SVGIcon name="exoscale" />
1733+
<Text size="xs" mt=".25rem">
1734+
exoscale
1735+
</Text>
1736+
</FlexContainer>
1737+
</CopyToClipboard>
16661738
</FlexContainer>
16671739
</Story>
16681740
</Canvas>

‎src/components/svgicon/icons/cloud-provider.tsx‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -282,4 +282,12 @@ export const cloudIcons = {
282282
/>
283283
</>
284284
),
285+
exoscale: (
286+
<>
287+
<path
288+
d="m12,3.34L2,20.66h1.39L12,5.83v2.44l-7.18,12.39h1.44l5.74-9.9v2.49l-4.31,7.42h1.44l2.87-4.93v2.44l-1.44,2.49h11.44L12,3.34Z"
289+
fill="#da291c"
290+
/>
291+
</>
292+
),
285293
};

0 commit comments

Comments
 (0)