feat: add new illustrations and product icons (#4532)

* feat: add new illustrations and product icons * feat: add new icons and fix old ones * Revert "feat: add new icons and fix old ones" This reverts commit 5de39b5. * chore(illustrations): automatic export update * fix: icons * fix: add ignore in codecov --------- Co-authored-by: matthprost <[email protected]>
scaleway · Dec 9, 2024 · 19c1d19 · 19c1d19
1 parent 40d8ac2
commit 19c1d19
Show file tree

Hide file tree

Showing 20 changed files with 248 additions and 21 deletions.
diff --git a/.changeset/flat-rings-sneeze.md b/.changeset/flat-rings-sneeze.md
@@ -0,0 +1,6 @@
+---
+"@ultraviolet/icons": minor
+---
+
+- New product icons `macMiniM4`, `InstanceScalingGroups`, `GpuServers`
+- New logo `github`
diff --git a/.changeset/unlucky-snails-think.md b/.changeset/unlucky-snails-think.md
@@ -0,0 +1,5 @@
+---
+"@ultraviolet/illustrations": major
+---
+
+Rename illustration `documentDB` into `mongoDB`
diff --git a/codecov.yml b/codecov.yml
@@ -30,3 +30,5 @@ ignore:
   - "packages/plus"
   - "packages/illustrations"
   - "examples"
+  - "packages/fonts"
+  - "packages/icons"
diff --git a/packages/icons/src/components/Logo/__generatedIcons__/GithubLogo.tsx b/packages/icons/src/components/Logo/__generatedIcons__/GithubLogo.tsx
@@ -0,0 +1,19 @@
+/**
+ * Provide the icon component for the icon name.
+ * This file is automatically generated from /scripts/generateIconFiles.ts.
+ * PLEASE DO NOT EDIT HERE
+ */
+import { Icon } from '../Icon'
+import type { IconProps } from '../Icon'
+
+export const GithubLogo = ({ ...props }: Omit<IconProps, 'children'>) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  <Icon {...props}>
+    <path
+      fill="#1B1F23"
+      fillRule="evenodd"
+      d="M28 5C14.74 5 4 15.74 4 29c0 10.62 6.87 19.59 16.41 22.77 1.2.21 1.65-.51 1.65-1.14 0-.57-.03-2.46-.03-4.47-6.03 1.11-7.59-1.47-8.07-2.82-.27-.69-1.44-2.82-2.46-3.39-.84-.45-2.04-1.56-.03-1.59 1.89-.03 3.24 1.74 3.69 2.46 2.16 3.63 5.61 2.61 6.99 1.98.21-1.56.84-2.61 1.53-3.21-5.34-.6-10.92-2.67-10.92-11.85 0-2.61.93-4.77 2.46-6.45-.24-.6-1.08-3.06.24-6.36 0 0 2.01-.63 6.6 2.46 1.92-.54 3.96-.81 6-.81s4.08.27 6 .81c4.59-3.12 6.6-2.46 6.6-2.46 1.32 3.3.48 5.76.24 6.36 1.53 1.68 2.46 3.81 2.46 6.45 0 9.21-5.61 11.25-10.95 11.85.87.75 1.62 2.19 1.62 4.44 0 3.21-.03 5.79-.03 6.6 0 .63.45 1.38 1.65 1.14C45.13 48.59 52 39.59 52 29 52 15.74 41.26 5 28 5"
+      clipRule="evenodd"
+    />
+  </Icon>
+)
diff --git a/packages/icons/src/components/Logo/assets/github.svg b/packages/icons/src/components/Logo/assets/github.svg
diff --git a/packages/icons/src/components/ProductIcon/__generatedIcons__/GpuServersProductIcon.tsx b/packages/icons/src/components/ProductIcon/__generatedIcons__/GpuServersProductIcon.tsx
@@ -0,0 +1,45 @@
+/**
+ * Provide the icon component for the icon name.
+ * This file is automatically generated from /scripts/generateIconFiles.ts.
+ * PLEASE DO NOT EDIT HERE
+ */
+import { Icon } from '../Icon'
+import type { IconProps } from '../Icon'
+
+export const GpuServersProductIcon = ({
+  ...props
+}: Omit<IconProps, 'children'>) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  <Icon {...props}>
+    <g className="sentiment=primary, size=xlarge, disabled=false">
+      <g className=".Square">
+        <g className="fillWeak">
+          <path
+            fill="#F1EEFC"
+            d="M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48V16Z"
+          />
+          <path
+            fill="#F1EEFC"
+            fillRule="evenodd"
+            d="M48 2H16C8.268 2 2 8.268 2 16v32c0 7.732 6.268 14 14 14h32c7.732 0 14-6.268 14-14V16c0-7.732-6.268-14-14-14ZM16 0C7.163 0 0 7.163 0 16v32c0 8.837 7.163 16 16 16h32c8.837 0 16-7.163 16-16V16c0-8.837-7.163-16-16-16H16Z"
+            clipRule="evenodd"
+          />
+        </g>
+      </g>
+      <path
+        fill="#521094"
+        fillRule="evenodd"
+        d="M14 27.04c.248.22.518.424.809.606l10.287 6.459a13.27 13.27 0 0 0 14.112 0l10.288-6.459c.286-.18.556-.383.807-.607v15.349l-.01.235a3.996 3.996 0 0 1-1.86 3.064l-10.288 6.459-.291.177a11.27 11.27 0 0 1-11.695-.177l-10.287-6.459-.195-.13A3.993 3.993 0 0 1 14 42.234V27.04Zm-1.999-4.59a5.98 5.98 0 0 0 0 .225v19.79a5.986 5.986 0 0 0 2.808 4.916l10.287 6.459.302.184a13.27 13.27 0 0 0 13.81-.184l10.288-6.459.25-.166a5.996 5.996 0 0 0 2.557-4.811V22.67a6.202 6.202 0 0 0 0-.193v-.174h-.005a5.99 5.99 0 0 0-2.802-4.813l-10.288-6.458a13.27 13.27 0 0 0-14.112 0L14.809 17.49a5.995 5.995 0 0 0-2.803 4.813H12v.148Zm2.04.69a3.995 3.995 0 0 1 1.83-3.956l10.288-6.459a11.27 11.27 0 0 1 11.986 0l5.143 3.23 5.144 3.229a3.996 3.996 0 0 1 0 6.768l-10.287 6.46a11.27 11.27 0 0 1-11.986 0l-10.287-6.46a3.987 3.987 0 0 1-1.83-2.812Z"
+        className="fill"
+        clipRule="evenodd"
+      />
+      <path
+        fill="#A060F6"
+        fillRule="evenodd"
+        d="M47.114 37.605a1 1 0 0 0-1.378-.315l-8.638 5.423-.277.167a9.303 9.303 0 0 1-9.616-.167l-8.637-5.423-.102-.056a1 1 0 0 0-.962 1.75l8.638 5.423.292.177a11.303 11.303 0 0 0 11.728-.177l8.637-5.423.095-.068a1 1 0 0 0 .22-1.31ZM30.54 21.092c-1.646-.783-2.343-2.579-1.543-4.085.169-.318.317-.59.42-.762.1-.17.267-.429.463-.726.953-1.443 3.015-1.932 4.669-1.145.647.308.83 1.063.384 1.584l-1.587 1.85c-.124.143-.22.305-.285.478l-.821 2.199c-.235.629-1.046.918-1.7.607Zm-5.077 3.74c1.684.715 3.69.092 4.566-1.381.348-.586.024-1.31-.679-1.521l-2.458-.735a1.912 1.912 0 0 1-.534-.255l-2.068-1.42c-.581-.4-1.425-.236-1.77.344-.879 1.48-.332 3.325 1.28 4.177.333.176.621.324.811.415.193.092.497.224.852.375Zm8.745 3.161c.8-1.506.103-3.302-1.543-4.085-.654-.311-1.465-.022-1.7.607l-.821 2.2a1.59 1.59 0 0 1-.285.478l-1.587 1.85c-.446.52-.263 1.275.384 1.583 1.654.787 3.716.298 4.669-1.145.196-.298.362-.556.463-.726.103-.172.252-.444.42-.762Zm3.534-7.824c-1.684-.716-3.69-.093-4.566 1.38-.348.586-.024 1.31.679 1.521l2.458.735c.192.058.373.144.534.255l2.068 1.42c.581.4 1.425.236 1.77-.344.879-1.48.332-3.325-1.28-4.177a24.655 24.655 0 0 0-.811-.415 25.003 25.003 0 0 0-.852-.375Z"
+        className="fillStrong"
+        clipRule="evenodd"
+      />
+    </g>
+  </Icon>
+)
diff --git a/...icons/src/components/ProductIcon/__generatedIcons__/InstanceScallingGroupsProductIcon.tsx b/...icons/src/components/ProductIcon/__generatedIcons__/InstanceScallingGroupsProductIcon.tsx
@@ -0,0 +1,52 @@
+/**
+ * Provide the icon component for the icon name.
+ * This file is automatically generated from /scripts/generateIconFiles.ts.
+ * PLEASE DO NOT EDIT HERE
+ */
+import { Icon } from '../Icon'
+import type { IconProps } from '../Icon'
+
+export const InstanceScallingGroupsProductIcon = ({
+  ...props
+}: Omit<IconProps, 'children'>) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  <Icon {...props}>
+    <g className="sentiment=primary, size=xlarge, disabled=false">
+      <g className=".Square">
+        <g className="fillWeak">
+          <path
+            fill="#F1EEFC"
+            d="M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48V16Z"
+          />
+          <path
+            fill="#F1EEFC"
+            fillRule="evenodd"
+            d="M48 2H16C8.268 2 2 8.268 2 16v32c0 7.732 6.268 14 14 14h32c7.732 0 14-6.268 14-14V16c0-7.732-6.268-14-14-14ZM16 0C7.163 0 0 7.163 0 16v32c0 8.837 7.163 16 16 16h32c8.837 0 16-7.163 16-16V16c0-8.837-7.163-16-16-16H16Z"
+            clipRule="evenodd"
+          />
+        </g>
+      </g>
+      <path
+        fill="#A060F6"
+        d="M10 15a5 5 0 0 1 5-5h22.25a1 1 0 1 1 0 2H15a3 3 0 0 0-3 3v1a1 1 0 1 1-2 0v-1Zm43 10.75a1 1 0 0 1 1 1V49a5 5 0 0 1-5 5h-1a1 1 0 1 1 0-2h1a3 3 0 0 0 3-3V26.75a1 1 0 0 1 1-1ZM15 18c-.446 0-.88.059-1.294.17a1 1 0 1 0 .517 1.931c.246-.066.507-.101.777-.101h.969a1 1 0 0 0 0-2H15Zm3.844 1a1 1 0 0 1 1-1h1.937a1 1 0 1 1 0 2h-1.937a1 1 0 0 1-1-1Zm6.812-1a1 1 0 0 0 0 2h1.938a1 1 0 0 0 0-2h-1.938Zm4.813 1a1 1 0 0 1 1-1h1.937a1 1 0 1 1 0 2H31.47a1 1 0 0 1-1-1Zm6.812-1a1 1 0 0 0 0 2h.969a1 1 0 1 0 0-2h-.969Zm-25.887 2.998a1 1 0 0 1 .707 1.225A3.004 3.004 0 0 0 12 23v1.083a1 1 0 1 1-2 0V23c0-.446.059-.88.17-1.294a1 1 0 0 1 1.224-.708ZM46 26.75a1 1 0 1 0-2 0v.927a1 1 0 1 0 2 0v-.927Zm-35.992 3.962a4.983 4.983 0 0 1 1.412-3.203 1 1 0 0 0-1.42.908v2.166c0 .044.003.087.008.129Zm23.28 23.28c.042.005.085.008.129.008h2.166a1 1 0 0 0 .908-1.42 4.983 4.983 0 0 1-3.203 1.412ZM46 31.385a1 1 0 1 0-2 0v1.855a1 1 0 1 0 2 0v-1.855Zm0 5.563a1 1 0 1 0-2 0v1.854a1 1 0 1 0 2 0v-1.854Zm0 5.562a1 1 0 1 0-2 0v1.855a1 1 0 1 0 2 0V42.51Zm0 5.563a1 1 0 1 0-2 0V49c0 .27-.035.53-.102.777a1 1 0 0 0 1.933.517c.11-.414.169-.848.169-1.294v-.927Zm-3.706 5.757a1 1 0 1 0-.517-1.931A3.004 3.004 0 0 1 41 52h-1.083a1 1 0 1 0 0 2H41c.446 0 .88-.059 1.294-.17Z"
+        className="fillStrong"
+      />
+      <g className="fill">
+        <path
+          fill="#521094"
+          d="M43 11a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0v-6.586L35.414 30H40a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1v-7a1 1 0 1 1 2 0v4.586L50.586 12H44a1 1 0 0 1-1-1Z"
+        />
+        <path
+          fill="#521094"
+          d="M12 31a3 3 0 0 1 3-3h12a1 1 0 1 0 0-2H15a5 5 0 0 0-5 5v18a5 5 0 0 0 5 5h18a5 5 0 0 0 5-5V37a1 1 0 1 0-2 0v12a3 3 0 0 1-3 3H15a3 3 0 0 1-3-3V31Z"
+        />
+        <path
+          fill="#521094"
+          fillRule="evenodd"
+          d="M21 34a3 3 0 0 0-3 3h-2a1 1 0 1 0 0 2h2v2h-2a1 1 0 1 0 0 2h2a3 3 0 0 0 3 3v2a1 1 0 1 0 2 0v-2h2v2a1 1 0 1 0 2 0v-2a3 3 0 0 0 3-3h2a1 1 0 1 0 0-2h-2v-2h2a1 1 0 1 0 0-2h-2a3 3 0 0 0-3-3v-2a1 1 0 1 0-2 0v2h-2v-2a1 1 0 1 0-2 0v2Zm7 3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6Z"
+          clipRule="evenodd"
+        />
+      </g>
+    </g>
+  </Icon>
+)
diff --git a/packages/icons/src/components/ProductIcon/__generatedIcons__/MacMiniM4ProductIcon.tsx b/packages/icons/src/components/ProductIcon/__generatedIcons__/MacMiniM4ProductIcon.tsx
@@ -0,0 +1,50 @@
+/**
+ * Provide the icon component for the icon name.
+ * This file is automatically generated from /scripts/generateIconFiles.ts.
+ * PLEASE DO NOT EDIT HERE
+ */
+import { Icon } from '../Icon'
+import type { IconProps } from '../Icon'
+
+export const MacMiniM4ProductIcon = ({
+  ...props
+}: Omit<IconProps, 'children'>) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  <Icon {...props}>
+    <g className="sentiment=primary, size=xlarge, disabled=false">
+      <g className=".Square">
+        <g className="fillWeak">
+          <path
+            fill="#F1EEFC"
+            d="M0 16C0 7.163 7.163 0 16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48V16Z"
+          />
+          <path
+            fill="#F1EEFC"
+            fillRule="evenodd"
+            d="M48 2H16C8.268 2 2 8.268 2 16v32c0 7.732 6.268 14 14 14h32c7.732 0 14-6.268 14-14V16c0-7.732-6.268-14-14-14ZM16 0C7.163 0 0 7.163 0 16v32c0 8.837 7.163 16 16 16h32c8.837 0 16-7.163 16-16V16c0-8.837-7.163-16-16-16H16Z"
+            clipRule="evenodd"
+          />
+        </g>
+      </g>
+      <path
+        fill="#521094"
+        fillRule="evenodd"
+        d="M40 8.5c5.523 0 10 4.477 10 10v16c0 5.523-4.477 10-10 10h-7v5.17a3.009 3.009 0 0 1 1.83 1.83h13.334a1 1 0 0 1 .117 1.993l-.117.007H34.83a3.001 3.001 0 0 1-5.658 0H15a1 1 0 0 1-.117-1.993L15 51.5h14.171A3.009 3.009 0 0 1 31 49.67V44.5h-7c-5.523 0-10-4.477-10-10v-16c0-5.523 4.477-10 10-10h16Zm-8 34h-8l-.25-.004A8 8 0 0 1 16 34.5v-16l.004-.25A8 8 0 0 1 24 10.5h16l.25.004A8 8 0 0 1 48 18.5v16l-.004.25A8 8 0 0 1 40 42.5h-8Zm0 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"
+        className="fill"
+        clipRule="evenodd"
+      />
+      <g className="fillStrong">
+        <path
+          fill="#A060F6"
+          fillRule="evenodd"
+          d="M45 18.5a5 5 0 0 0-5-5H24a5 5 0 0 0-5 5v16a5 5 0 0 0 5 5h16a5 5 0 0 0 5-5v-16Zm-21-3h16l.176.005A3 3 0 0 1 43 18.5v16l-.005.176A3 3 0 0 1 40 37.5H24l-.176-.005A3 3 0 0 1 21 34.5v-16l.005-.176A3 3 0 0 1 24 15.5Z"
+          clipRule="evenodd"
+        />
+        <path
+          fill="#A060F6"
+          d="M34.15 28.981v-1.176L37.192 23h1.87v4.78h.909v1.201h-.908v1.294h-1.431v-1.294H34.15Zm3.511-1.2v-3.14h-.059l-1.948 3.08v.06h2.007ZM25 30.275V23h2.285l1.182 3.34c.049.153.104.353.166.6.062.248.125.515.19.801.069.283.13.557.186.82a49.108 49.108 0 0 1 .37-1.616c.063-.247.118-.449.167-.605L30.708 23h2.295v7.275h-1.5v-3.432c0-.183.004-.415.01-.698.01-.284.019-.588.025-.914.01-.325.016-.64.02-.947-.082.326-.168.653-.26.982a38.1 38.1 0 0 1-.253.908 20.23 20.23 0 0 1-.21.669l-1.206 3.432h-1.255l-1.226-3.432a27.339 27.339 0 0 1-.205-.65l-.254-.879c-.09-.322-.179-.646-.263-.971l.02.918c.01.316.017.613.024.893.006.277.01.506.01.689v3.432H25Z"
+        />
+      </g>
+    </g>
+  </Icon>
+)
diff --git a/packages/icons/src/components/ProductIcon/__generatedIcons__/index.ts b/packages/icons/src/components/ProductIcon/__generatedIcons__/index.ts
@@ -62,6 +62,7 @@ export { FrontEndsProductIcon } from './FrontEndsProductIcon'
 export { FunctionsProductIcon } from './FunctionsProductIcon'
 export { GenerativeApiProductIcon } from './GenerativeApiProductIcon'
 export { GoldSupportProductIcon } from './GoldSupportProductIcon'
+export { GpuServersProductIcon } from './GpuServersProductIcon'
 export { HubNetworksProductIcon } from './HubNetworksProductIcon'
 export { HubRoutesProductIcon } from './HubRoutesProductIcon'
 export { IamProductIcon } from './IamProductIcon'
@@ -75,6 +76,7 @@ export { InstanceEnterpriseProductIcon } from './InstanceEnterpriseProductIcon'
 export { InstanceGpuProductIcon } from './InstanceGpuProductIcon'
 export { InstanceLearnProductIcon } from './InstanceLearnProductIcon'
 export { InstancePopProductIcon } from './InstancePopProductIcon'
+export { InstanceScallingGroupsProductIcon } from './InstanceScallingGroupsProductIcon'
 export { InstanceWopProductIcon } from './InstanceWopProductIcon'
 export { InstanceProductIcon } from './InstanceProductIcon'
 export { InterlinkProductIcon } from './InterlinkProductIcon'
@@ -91,6 +93,7 @@ export { KubernetesProductIcon } from './KubernetesProductIcon'
 export { LbProductIcon } from './LbProductIcon'
 export { LifeCycleRulesProductIcon } from './LifeCycleRulesProductIcon'
 export { MacMiniM2ProductIcon } from './MacMiniM2ProductIcon'
+export { MacMiniM4ProductIcon } from './MacMiniM4ProductIcon'
 export { MacMiniProductIcon } from './MacMiniProductIcon'
 export { ManagedSearchDatabaseProductIcon } from './ManagedSearchDatabaseProductIcon'
 export { MonitoringProductIcon } from './MonitoringProductIcon'

diff --git a/packages/icons/src/components/ProductIcon/assets/gpu-servers.svg b/packages/icons/src/components/ProductIcon/assets/gpu-servers.svg
diff --git a/packages/icons/src/components/ProductIcon/assets/instance-scalling-groups.svg b/packages/icons/src/components/ProductIcon/assets/instance-scalling-groups.svg