Add status detailed icons (#720)

Author: pete-nc

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "10.1.1",
+  "version": "10.2.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package.json

@@ -1742,6 +1742,12 @@ export const Ui: StoryObj = {
       <CopyToClipboard text="spinningGear">
         <SVGIcon name="spinningGear" />
       </CopyToClipboard>
+      <CopyToClipboard text="statusSuccessDetailed">
+        <SVGIcon name="statusSuccessDetailed" />
+      </CopyToClipboard>
+      <CopyToClipboard text="statusErrorDetailed">
+        <SVGIcon name="statusErrorDetailed" />
+      </CopyToClipboard>
     </FlexContainer>
   ),
 

src/components/svgicon/SVGIcon.stories.tsx

@@ -907,6 +907,12 @@ export const uiIcons = {
       />
     </>
   ),
+  statusErrorDetailed: (
+    <>
+      <path d="m12.35,19.1c0-1.52.51-2.92,1.37-4.05l-1.72-1.72-3.7,3.7c-.21.21-.48.31-.75.31s-.54-.1-.75-.31c-.41-.41-.41-1.08,0-1.49l3.7-3.7-3.7-3.7c-.41-.41-.41-1.08,0-1.49.41-.41,1.08-.41,1.49,0l3.7,3.7,3.7-3.7c.41-.41,1.08-.41,1.49,0,.41.41.41,1.08,0,1.49l-3.7,3.7,1.75,1.75c1.09-.76,2.4-1.2,3.83-1.2s2.71.43,3.79,1.17c.09-.56.15-1.12.15-1.7C23,5.79,18.07.85,12,.85S1,5.79,1,11.85s4.93,11,11,11c.49,0,.96-.04,1.43-.1-.68-1.05-1.08-2.3-1.08-3.65Z" />
+      <path d="m19.07,14.2c-2.7,0-4.9,2.2-4.9,4.9s2.2,4.9,4.9,4.9,4.9-2.2,4.9-4.9-2.2-4.9-4.9-4.9Zm-.52,2.61s.02-.08.04-.11c.03-.03.07-.04.11-.04h.73s.08.01.11.04c.03.03.04.07.04.11v2.73s-.02.08-.04.11c-.03.03-.07.05-.11.05h-.73s-.09-.02-.11-.05c-.03-.03-.04-.07-.04-.11v-2.73Zm1.07,4.58s-.02.08-.05.11c-.03.03-.07.05-.11.05h-.78s-.08-.02-.11-.05c-.03-.03-.04-.07-.04-.11v-.78s.01-.09.04-.12.07-.05.11-.05h.78s.08.02.11.05c.03.03.05.07.05.12v.78Z" />
+    </>
+  ),
   statusSuccess: (
     <>
       <circle cx="12" cy="12" r="11" fill="#4caf50" />
@@ -916,6 +922,12 @@ export const uiIcons = {
       />
     </>
   ),
+  statusSuccessDetailed: (
+    <>
+      <path d="m12.12,18.87c0-3.71,3.01-6.72,6.72-6.72,1.42,0,2.73.44,3.81,1.19.07-.51.12-1.03.12-1.57C22.78,5.71,17.84.78,11.78.78S.78,5.71.78,11.78s4.93,11,11,11c.52,0,1.02-.05,1.52-.12-.74-1.08-1.17-2.38-1.17-3.79Zm-1.55-2.89c-.21.2-.47.31-.74.31s-.54-.1-.74-.31l-3.17-3.17c-.41-.41-.41-1.07,0-1.48.41-.41,1.07-.41,1.48,0l2.43,2.43,6.35-6.35c.41-.41,1.07-.41,1.48,0,.41.41.41,1.07,0,1.48l-7.09,7.09Z" />
+      <path d="m18.84,13.97c-2.7,0-4.9,2.2-4.9,4.9s2.2,4.9,4.9,4.9,4.9-2.2,4.9-4.9-2.2-4.9-4.9-4.9Zm-.52,2.61s.02-.08.04-.11c.03-.03.07-.04.11-.04h.73s.08.01.11.04.04.07.04.11v2.73s-.02.08-.04.11c-.03.03-.07.05-.11.05h-.73s-.09-.02-.11-.05c-.03-.03-.04-.07-.04-.11v-2.73Zm1.07,4.58s-.02.08-.05.11c-.03.03-.07.05-.11.05h-.78s-.08-.02-.11-.05c-.03-.03-.04-.07-.04-.11v-.78s.01-.09.04-.12c.03-.03.07-.05.11-.05h.78s.08.02.11.05c.03.03.05.07.05.12v.78Z" />
+    </>
+  ),
   statusRunning: (
     <>
       <circle cx="12" cy="12" r="11" fill="#1E88E5" />