Skip to content

Commit 5200d56

Browse files
HorayHoray
authored
adding optimization icons (#642)
1 parent 9890dc2 commit 5200d56

File tree

4 files changed

+295
-3
lines changed

4 files changed

+295
-3
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.15.0",
4+
"version": "8.16.0",
55
"license": "MIT",
66
"repository": {
77
"type": "git",

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

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2086,6 +2086,74 @@ import { theme } from "../../index";
20862086
</FlexContainer>
20872087
</CopyToClipboard>
20882088
</FlexContainer>
2089+
<FlexContainer justifyContent="space-evenly">
2090+
<CopyToClipboard text="lmNeedsOptimization">
2091+
<FlexContainer direction="column">
2092+
<SVGIcon size="xxl" name="lmNeedsOptimization" />
2093+
<Text size="xs" mt=".25rem">
2094+
lmNeedsOptimization
2095+
</Text>
2096+
</FlexContainer>
2097+
</CopyToClipboard>
2098+
<CopyToClipboard text="lmPartiallyOptimized">
2099+
<FlexContainer direction="column">
2100+
<SVGIcon size="xxl" name="lmPartiallyOptimized" />
2101+
<Text size="xs" mt=".25rem">
2102+
lmPartiallyOptimized
2103+
</Text>
2104+
</FlexContainer>
2105+
</CopyToClipboard>
2106+
<CopyToClipboard text="lmModerateOptimization">
2107+
<FlexContainer direction="column">
2108+
<SVGIcon size="xxl" name="lmModerateOptimization" />
2109+
<Text size="xs" mt=".25rem">
2110+
lmModerateOptimization
2111+
</Text>
2112+
</FlexContainer>
2113+
</CopyToClipboard>
2114+
<CopyToClipboard text="lmFullyOptimized">
2115+
<FlexContainer direction="column">
2116+
<SVGIcon size="xxl" name="lmFullyOptimized" />
2117+
<Text size="xs" mt=".25rem">
2118+
lmFullyOptimized
2119+
</Text>
2120+
</FlexContainer>
2121+
</CopyToClipboard>
2122+
</FlexContainer>
2123+
<FlexContainer justifyContent="space-evenly">
2124+
<CopyToClipboard text="dmNeedsOptimization">
2125+
<FlexContainer direction="column">
2126+
<SVGIcon size="xxl" name="dmNeedsOptimization" />
2127+
<Text size="xs" mt=".25rem">
2128+
dmNeedsOptimization
2129+
</Text>
2130+
</FlexContainer>
2131+
</CopyToClipboard>
2132+
<CopyToClipboard text="dmPartiallyOptimized">
2133+
<FlexContainer direction="column">
2134+
<SVGIcon size="xxl" name="dmPartiallyOptimized" />
2135+
<Text size="xs" mt=".25rem">
2136+
dmPartiallyOptimized
2137+
</Text>
2138+
</FlexContainer>
2139+
</CopyToClipboard>
2140+
<CopyToClipboard text="dmModerateOptimization">
2141+
<FlexContainer direction="column">
2142+
<SVGIcon size="xxl" name="dmModerateOptimization" />
2143+
<Text size="xs" mt=".25rem">
2144+
dmModerateOptimization
2145+
</Text>
2146+
</FlexContainer>
2147+
</CopyToClipboard>
2148+
<CopyToClipboard text="dmFullyOptimized">
2149+
<FlexContainer direction="column">
2150+
<SVGIcon size="xxl" name="dmFullyOptimized" />
2151+
<Text size="xs" mt=".25rem">
2152+
dmFullyOptimized
2153+
</Text>
2154+
</FlexContainer>
2155+
</CopyToClipboard>
2156+
</FlexContainer>
20892157
</Story>
20902158
</Canvas>
20912159

‎src/components/svgicon/icons/nc.tsx‎

Lines changed: 224 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,4 +62,228 @@ export const NCIcons = {
6262
<path d="M6.61,11.4a.26.26,0,0,1-.26-.26.25.25,0,0,1,.1-.21l4.2-3.3.07,0a1.63,1.63,0,0,1,1.5.14l1.59,1.12a1.09,1.09,0,0,0,1.13,0l2.25-1.53a.26.26,0,0,1,.37.06.27.27,0,0,1-.07.37h0L15.22,9.33a1.65,1.65,0,0,1-1.7,0L11.93,8.16a1.09,1.09,0,0,0-1-.09L6.77,11.34A.23.23,0,0,1,6.61,11.4Z" />
6363
</>
6464
),
65+
lmNeedsOptimization: (
66+
<>
67+
<path
68+
d="m1.77,14.56c.07-.41.12-.83.2-1.23.36-1.73,1.13-3.26,2.28-4.59.03-.03.05-.06.06-.08.95.95,1.89,1.89,2.83,2.83-.78.97-1.25,2.09-1.39,3.36H1.77v-.28h0Z"
69+
fill="#f44336"
70+
/>
71+
<path
72+
d="m22.23,14.84h-3.99c-.14-1.26-.59-2.38-1.38-3.34.94-.94,1.88-1.88,2.83-2.83.46.51.88,1.1,1.24,1.74.7,1.25,1.13,2.59,1.27,4.02,0,.06.02.11.03.17,0,0,0,.24,0,.24Z"
73+
fill="#ececf4"
74+
/>
75+
<path
76+
d="m18.79,7.76c-.95.95-1.88,1.88-2.83,2.83-.97-.78-2.09-1.25-3.35-1.38v-4c2.36.16,4.42,1.01,6.18,2.55Z"
77+
fill="#ececf4"
78+
/>
79+
<path
80+
d="m11.39,9.2c-1.25.14-2.37.6-3.33,1.37-.94-.94-1.88-1.88-2.83-2.83,1.75-1.53,3.8-2.38,6.16-2.54v4Z"
81+
fill="#ececf4"
82+
/>
83+
<path
84+
d="m7.08,13.25c.27.03.54.05.81.08,1.25.14,2.51.29,3.76.44.22.03.45.06.66.13.5.15.75.75.56,1.3-.18.55-.74.89-1.22.69-.41-.17-.8-.38-1.18-.61-1.12-.65-2.23-1.31-3.35-1.96-.02-.01-.04-.03-.05-.04v-.03h.01Z"
85+
fill="#161632"
86+
/>
87+
<path
88+
d="m2.52,17.29h18.96c.41,0,.75.34.75.75h0c0,.41-.34.75-.75.75H2.52c-.41,0-.75-.34-.75-.75h0c0-.41.34-.75.75-.75Z"
89+
fill="#161632"
90+
/>
91+
</>
92+
),
93+
lmPartiallyOptimized: (
94+
<>
95+
<path
96+
d="m1.77,14.56c.07-.41.12-.83.2-1.23.36-1.73,1.13-3.26,2.28-4.59.03-.03.05-.06.06-.08.95.95,1.89,1.89,2.83,2.83-.78.97-1.25,2.09-1.39,3.36H1.77v-.28h0Z"
97+
fill="#ff9800"
98+
/>
99+
<path
100+
d="m22.23,14.84h-3.99c-.14-1.26-.59-2.38-1.38-3.34.94-.94,1.88-1.88,2.83-2.83.46.51.88,1.1,1.24,1.74.7,1.25,1.13,2.59,1.27,4.02,0,.06.02.11.03.17,0,0,0,.24,0,.24Z"
101+
fill="#ececf4"
102+
/>
103+
<path
104+
d="m18.79,7.76c-.95.95-1.88,1.88-2.83,2.83-.97-.78-2.09-1.25-3.35-1.38v-4c2.36.16,4.42,1.01,6.18,2.55Z"
105+
fill="#ececf4"
106+
/>
107+
<path
108+
d="m11.39,9.2c-1.25.14-2.37.6-3.33,1.37-.94-.94-1.88-1.88-2.83-2.83,1.75-1.53,3.8-2.38,6.16-2.54v4Z"
109+
fill="#ff9800"
110+
/>
111+
<path
112+
d="m9.99,10.2c.16.22.33.43.48.66.73,1.03,1.47,2.06,2.19,3.09.13.18.25.37.35.57.22.48-.05,1.06-.59,1.29-.53.23-1.15.04-1.33-.44-.15-.41-.25-.85-.34-1.28-.27-1.26-.52-2.53-.78-3.8v-.07s.02,0,.03-.01h-.01Z"
113+
fill="#161632"
114+
/>
115+
<path
116+
d="m2.52,17.29h18.96c.41,0,.75.34.75.75h0c0,.41-.34.75-.75.75H2.52c-.41,0-.75-.34-.75-.75h0c0-.41.34-.75.75-.75Z"
117+
fill="#161632"
118+
/>
119+
</>
120+
),
121+
lmModerateOptimization: (
122+
<>
123+
<path
124+
d="m1.77,14.56c.07-.41.12-.83.2-1.23.36-1.73,1.13-3.26,2.28-4.59.03-.03.05-.06.06-.08.95.95,1.89,1.89,2.83,2.83-.78.97-1.25,2.09-1.39,3.36H1.77v-.28h0Z"
125+
fill="#8bc34a"
126+
/>
127+
<path
128+
d="m22.23,14.84h-3.99c-.14-1.26-.59-2.38-1.38-3.34.94-.94,1.88-1.88,2.83-2.83.46.51.88,1.1,1.24,1.74.7,1.25,1.13,2.59,1.27,4.02,0,.06.02.11.03.17,0,0,0,.24,0,.24Z"
129+
fill="#ececf4"
130+
/>
131+
<path
132+
d="m18.79,7.76c-.95.95-1.88,1.88-2.83,2.83-.97-.78-2.09-1.25-3.35-1.38v-4c2.36.16,4.42,1.01,6.18,2.55Z"
133+
fill="#8bc34a"
134+
/>
135+
<path
136+
d="m11.39,9.2c-1.25.14-2.37.6-3.33,1.37-.94-.94-1.88-1.88-2.83-2.83,1.75-1.53,3.8-2.38,6.16-2.54v4Z"
137+
fill="#8bc34a"
138+
/>
139+
<path
140+
d="m13.98,10.27c-.06.26-.12.53-.19.79-.32,1.22-.64,2.44-.96,3.66-.06.22-.12.43-.22.63-.22.47-.84.64-1.37.37-.52-.26-.77-.86-.51-1.31.22-.38.49-.73.76-1.08.8-1.02,1.61-2.03,2.41-3.04.01-.02.03-.03.05-.05,0,0,.02,0,.03.01v.02Z"
141+
fill="#161632"
142+
/>
143+
<path
144+
d="m2.52,17.29h18.96c.41,0,.75.34.75.75h0c0,.41-.34.75-.75.75H2.52c-.41,0-.75-.34-.75-.75h0c0-.41.34-.75.75-.75Z"
145+
fill="#161632"
146+
/>
147+
</>
148+
),
149+
lmFullyOptimized: (
150+
<>
151+
<path
152+
d="m1.77,14.56c.07-.41.12-.83.2-1.23.36-1.73,1.13-3.26,2.28-4.59.03-.03.05-.06.06-.08.95.95,1.89,1.89,2.83,2.83-.78.97-1.25,2.09-1.39,3.36H1.77v-.28h0Z"
153+
fill="#4caf50"
154+
/>
155+
<path
156+
d="m22.23,14.84h-3.99c-.14-1.26-.59-2.38-1.38-3.34.94-.94,1.88-1.88,2.83-2.83.46.51.88,1.1,1.24,1.74.7,1.25,1.13,2.59,1.27,4.02,0,.06.02.11.03.17,0,0,0,.24,0,.24Z"
157+
fill="#4caf50"
158+
/>
159+
<path
160+
d="m18.79,7.76c-.95.95-1.88,1.88-2.83,2.83-.97-.78-2.09-1.25-3.35-1.38v-4c2.36.16,4.42,1.01,6.18,2.55Z"
161+
fill="#4caf50"
162+
/>
163+
<path
164+
d="m11.39,9.2c-1.25.14-2.37.6-3.33,1.37-.94-.94-1.88-1.88-2.83-2.83,1.75-1.53,3.8-2.38,6.16-2.54v4Z"
165+
fill="#4caf50"
166+
/>
167+
<path
168+
d="m16.99,13.43c-.24.13-.47.27-.71.4-1.11.61-2.21,1.21-3.32,1.82-.2.11-.4.21-.61.28-.5.16-1.04-.18-1.21-.74-.17-.55.09-1.15.6-1.27.43-.1.87-.15,1.31-.19,1.29-.12,2.58-.22,3.87-.33h.07s0,.02,0,.03Z"
169+
fill="#161632"
170+
/>
171+
<path
172+
d="m2.52,17.29h18.96c.41,0,.75.34.75.75h0c0,.41-.34.75-.75.75H2.52c-.41,0-.75-.34-.75-.75h0c0-.41.34-.75.75-.75Z"
173+
fill="#161632"
174+
/>
175+
</>
176+
),
177+
dmNeedsOptimization: (
178+
<>
179+
<path
180+
d="m1.77,14.56c.07-.41.12-.83.2-1.23.36-1.73,1.13-3.26,2.28-4.59.03-.03.05-.06.06-.08.95.95,1.89,1.89,2.83,2.83-.78.97-1.25,2.09-1.39,3.36H1.77v-.28h0Z"
181+
fill="#e57373"
182+
/>
183+
<path
184+
d="m22.23,14.84h-3.99c-.14-1.26-.59-2.38-1.38-3.34.94-.94,1.88-1.88,2.83-2.83.46.51.88,1.1,1.24,1.74.7,1.25,1.13,2.59,1.27,4.02,0,.06.02.11.03.17,0,0,0,.24,0,.24Z"
185+
fill="#444452"
186+
/>
187+
<path
188+
d="m18.79,7.76c-.95.95-1.88,1.88-2.83,2.83-.97-.78-2.09-1.25-3.35-1.38v-4c2.36.16,4.42,1.01,6.18,2.55Z"
189+
fill="#444452"
190+
/>
191+
<path
192+
d="m11.39,9.2c-1.25.14-2.37.6-3.33,1.37-.94-.94-1.88-1.88-2.83-2.83,1.75-1.53,3.8-2.38,6.16-2.54v4Z"
193+
fill="#444452"
194+
/>
195+
<path
196+
d="m7.08,13.25c.27.03.54.05.81.08,1.25.14,2.51.29,3.76.44.22.03.45.06.66.13.5.15.75.75.56,1.3-.18.55-.74.89-1.22.69-.41-.17-.8-.38-1.18-.61-1.12-.65-2.23-1.31-3.35-1.96-.02-.01-.04-.03-.05-.04v-.03h.01Z"
197+
fill="#dbdbe7"
198+
/>
199+
<path
200+
d="m2.52,17.29h18.96c.41,0,.75.34.75.75h0c0,.41-.34.75-.75.75H2.52c-.41,0-.75-.34-.75-.75h0c0-.41.34-.75.75-.75Z"
201+
fill="#dbdbe7"
202+
/>
203+
</>
204+
),
205+
dmPartiallyOptimized: (
206+
<>
207+
<path
208+
d="m1.77,14.56c.07-.41.12-.83.2-1.23.36-1.73,1.13-3.26,2.28-4.59.03-.03.05-.06.06-.08.95.95,1.89,1.89,2.83,2.83-.78.97-1.25,2.09-1.39,3.36H1.77v-.28h0Z"
209+
fill="#ffb74d"
210+
/>
211+
<path
212+
d="m22.23,14.84h-3.99c-.14-1.26-.59-2.38-1.38-3.34.94-.94,1.88-1.88,2.83-2.83.46.51.88,1.1,1.24,1.74.7,1.25,1.13,2.59,1.27,4.02,0,.06.02.11.03.17,0,0,0,.24,0,.24Z"
213+
fill="#444452"
214+
/>
215+
<path
216+
d="m18.79,7.76c-.95.95-1.88,1.88-2.83,2.83-.97-.78-2.09-1.25-3.35-1.38v-4c2.36.16,4.42,1.01,6.18,2.55Z"
217+
fill="#444452"
218+
/>
219+
<path
220+
d="m11.39,9.2c-1.25.14-2.37.6-3.33,1.37-.94-.94-1.88-1.88-2.83-2.83,1.75-1.53,3.8-2.38,6.16-2.54v4Z"
221+
fill="#ffb74d"
222+
/>
223+
<path
224+
d="m9.99,10.2c.16.22.33.43.48.66.73,1.03,1.47,2.06,2.19,3.09.13.18.25.37.35.57.22.48-.05,1.06-.59,1.29-.53.23-1.15.04-1.33-.44-.15-.41-.25-.85-.34-1.28-.27-1.26-.52-2.53-.78-3.8v-.07s.02,0,.03-.01h-.01Z"
225+
fill="#dbdbe7"
226+
/>
227+
<path
228+
d="m2.52,17.29h18.96c.41,0,.75.34.75.75h0c0,.41-.34.75-.75.75H2.52c-.41,0-.75-.34-.75-.75h0c0-.41.34-.75.75-.75Z"
229+
fill="#dbdbe7"
230+
/>
231+
</>
232+
),
233+
dmModerateOptimization: (
234+
<>
235+
<path
236+
d="m1.77,14.56c.07-.41.12-.83.2-1.23.36-1.73,1.13-3.26,2.28-4.59.03-.03.05-.06.06-.08.95.95,1.89,1.89,2.83,2.83-.78.97-1.25,2.09-1.39,3.36H1.77v-.28h0Z"
237+
fill="#9ccc65"
238+
/>
239+
<path
240+
d="m22.23,14.84h-3.99c-.14-1.26-.59-2.38-1.38-3.34.94-.94,1.88-1.88,2.83-2.83.46.51.88,1.1,1.24,1.74.7,1.25,1.13,2.59,1.27,4.02,0,.06.02.11.03.17,0,0,0,.24,0,.24Z"
241+
fill="#444452"
242+
/>
243+
<path
244+
d="m18.79,7.76c-.95.95-1.88,1.88-2.83,2.83-.97-.78-2.09-1.25-3.35-1.38v-4c2.36.16,4.42,1.01,6.18,2.55Z"
245+
fill="#9ccc65"
246+
/>
247+
<path
248+
d="m11.39,9.2c-1.25.14-2.37.6-3.33,1.37-.94-.94-1.88-1.88-2.83-2.83,1.75-1.53,3.8-2.38,6.16-2.54v4Z"
249+
fill="#9ccc65"
250+
/>
251+
<path
252+
d="m13.98,10.27c-.06.26-.12.53-.19.79-.32,1.22-.64,2.44-.96,3.66-.06.22-.12.43-.22.63-.22.47-.84.64-1.37.37-.52-.26-.77-.86-.51-1.31.22-.38.49-.73.76-1.08.8-1.02,1.61-2.03,2.41-3.04.01-.02.03-.03.05-.05,0,0,.02,0,.03.01v.02Z"
253+
fill="#dbdbe7"
254+
/>
255+
<path
256+
d="m2.52,17.29h18.96c.41,0,.75.34.75.75h0c0,.41-.34.75-.75.75H2.52c-.41,0-.75-.34-.75-.75h0c0-.41.34-.75.75-.75Z"
257+
fill="#dbdbe7"
258+
/>
259+
</>
260+
),
261+
dmFullyOptimized: (
262+
<>
263+
<path
264+
d="m1.77,14.56c.07-.41.12-.83.2-1.23.36-1.73,1.13-3.26,2.28-4.59.03-.03.05-.06.06-.08.95.95,1.89,1.89,2.83,2.83-.78.97-1.25,2.09-1.39,3.36H1.77v-.28h0Z"
265+
fill="#66bb6a"
266+
/>
267+
<path
268+
d="m22.23,14.84h-3.99c-.14-1.26-.59-2.38-1.38-3.34.94-.94,1.88-1.88,2.83-2.83.46.51.88,1.1,1.24,1.74.7,1.25,1.13,2.59,1.27,4.02,0,.06.02.11.03.17,0,0,0,.24,0,.24Z"
269+
fill="#66bb6a"
270+
/>
271+
<path
272+
d="m18.79,7.76c-.95.95-1.88,1.88-2.83,2.83-.97-.78-2.09-1.25-3.35-1.38v-4c2.36.16,4.42,1.01,6.18,2.55Z"
273+
fill="#66bb6a"
274+
/>
275+
<path
276+
d="m11.39,9.2c-1.25.14-2.37.6-3.33,1.37-.94-.94-1.88-1.88-2.83-2.83,1.75-1.53,3.8-2.38,6.16-2.54v4Z"
277+
fill="#66bb6a"
278+
/>
279+
<path
280+
d="m16.99,13.43c-.24.13-.47.27-.71.4-1.11.61-2.21,1.21-3.32,1.82-.2.11-.4.21-.61.28-.5.16-1.04-.18-1.21-.74-.17-.55.09-1.15.6-1.27.43-.1.87-.15,1.31-.19,1.29-.12,2.58-.22,3.87-.33h.07s0,.02,0,.03Z"
281+
fill="#dbdbe7"
282+
/>
283+
<path
284+
d="m2.52,17.29h18.96c.41,0,.75.34.75.75h0c0,.41-.34.75-.75.75H2.52c-.41,0-.75-.34-.75-.75h0c0-.41.34-.75.75-.75Z"
285+
fill="#dbdbe7"
286+
/>
287+
</>
288+
),
65289
};

0 commit comments

Comments
 (0)