Updated export of icons from Figma (#1638)

Co-authored-by: heatherlarsen <heatherlarsen@users.noreply.github.com> Co-authored-by: heatherlarsen <hlarsen@hashicorp.com>
hashicorp · Sep 15, 2023 · 64d1a98 · 64d1a98 · vercel · Sep 15, 2023
1 parent 43f5fb6
commit 64d1a98
Show file tree

Hide file tree

Showing 17 changed files with 242 additions and 3 deletions.
diff --git a/.changeset/lovely-fireants-occur.md b/.changeset/lovely-fireants-occur.md
@@ -0,0 +1,5 @@
+---
+"@hashicorp/flight-icons": minor
+---
+
+This PR will include the `Vault Secrets` icon.
diff --git a/packages/flight-icons/catalog.json b/packages/flight-icons/catalog.json
@@ -1,5 +1,5 @@
 {
-  "lastRunTimeISO": "2023-08-30T18:49:39.787Z",
+  "lastRunTimeISO": "2023-09-14T21:10:56.706Z",
   "lastRunFigma": {
     "id": "TLnoT5AYQfy3tZ0H68BgOr",
     "page": "Export",
@@ -2495,6 +2495,42 @@
       "width": 16,
       "height": 16
     },
+    {
+      "id": "4615:67",
+      "fileName": "vault-secrets-24",
+      "iconName": "vault-secrets",
+      "description": "vault secrets, hcp vault secrets",
+      "size": "24",
+      "width": 24,
+      "height": 24
+    },
+    {
+      "id": "4615:72",
+      "fileName": "vault-secrets-16",
+      "iconName": "vault-secrets",
+      "description": "vault secrets, hcp vault secrets",
+      "size": "16",
+      "width": 16,
+      "height": 16
+    },
+    {
+      "id": "4615:80",
+      "fileName": "vault-secrets-color-24",
+      "iconName": "vault-secrets-color",
+      "description": "vault secrets, hcp vault secrets",
+      "size": "24",
+      "width": 24,
+      "height": 24
+    },
+    {
+      "id": "4615:85",
+      "fileName": "vault-secrets-color-16",
+      "iconName": "vault-secrets-color",
+      "description": "vault secrets, hcp vault secrets",
+      "size": "16",
+      "width": 16,
+      "height": 16
+    },
     {
       "id": "1133:230",
       "fileName": "waypoint-24",

diff --git a/packages/flight-icons/svg-original/vault-secrets-16.svg b/packages/flight-icons/svg-original/vault-secrets-16.svg
diff --git a/packages/flight-icons/svg-original/vault-secrets-24.svg b/packages/flight-icons/svg-original/vault-secrets-24.svg
diff --git a/packages/flight-icons/svg-original/vault-secrets-color-16.svg b/packages/flight-icons/svg-original/vault-secrets-color-16.svg
diff --git a/packages/flight-icons/svg-original/vault-secrets-color-24.svg b/packages/flight-icons/svg-original/vault-secrets-color-24.svg
diff --git a/packages/flight-icons/svg-react/index.ts b/packages/flight-icons/svg-react/index.ts
@@ -274,6 +274,10 @@ export { IconVault24 } from './vault-24';
 export { IconVault16 } from './vault-16';
 export { IconVaultColor24 } from './vault-color-24';
 export { IconVaultColor16 } from './vault-color-16';
+export { IconVaultSecrets24 } from './vault-secrets-24';
+export { IconVaultSecrets16 } from './vault-secrets-16';
+export { IconVaultSecretsColor24 } from './vault-secrets-color-24';
+export { IconVaultSecretsColor16 } from './vault-secrets-color-16';
 export { IconWaypoint24 } from './waypoint-24';
 export { IconWaypoint16 } from './waypoint-16';
 export { IconWaypointColor24 } from './waypoint-color-24';

diff --git a/packages/flight-icons/svg-react/vault-secrets-16.tsx b/packages/flight-icons/svg-react/vault-secrets-16.tsx
@@ -0,0 +1,38 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVaultSecrets16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <g fill={color}>
+                    <path d="M7.543 10.338v1.66h.912V8.453H12v-.91h-1.663c-.386 0-.78.024-1.164.073l-.358.044.286-.222c.307-.238.6-.496.876-.771l1.176-1.176-.645-.644-1.175 1.175a9.613 9.613 0 00-.772.876l-.222.286.044-.357c.05-.385.074-.776.074-1.165V4h-.912v3.544H4v.912h1.663c.386 0 .78-.025 1.164-.074l.358-.044-.286.222a9.019 9.019 0 00-.876.771l-1.176 1.176.645.644 1.175-1.175c.274-.274.534-.57.772-.876l.222-.284-.044.357a9.254 9.254 0 00-.074 1.165z" />
+                    <path d="M9.34 9.34v.644l1.166 1.167.645-.644L9.984 9.34h-.645zM4.847 5.493L6.014 6.66h.645v-.644L5.492 4.849l-.645.644z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M2.5.25A2.25 2.25 0 00.25 2.5v11a2.25 2.25 0 002.25 2.25h11a2.25 2.25 0 002.25-2.25v-11A2.25 2.25 0 0013.5.25h-11zM1.75 2.5a.75.75 0 01.75-.75h11a.75.75 0 01.75.75v11a.75.75 0 01-.75.75h-11a.75.75 0 01-.75-.75v-11z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);
diff --git a/packages/flight-icons/svg-react/vault-secrets-24.tsx b/packages/flight-icons/svg-react/vault-secrets-24.tsx
@@ -0,0 +1,38 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVaultSecrets24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <g fill={color}>
+                    <path d="M11.315 15.507v2.49h1.367V12.68H18v-1.367h-2.494c-.58 0-1.17.037-1.747.11l-.537.067.43-.333c.46-.357.9-.744 1.314-1.157l1.764-1.763-.967-.967-1.764 1.763c-.41.414-.8.854-1.157 1.314l-.334.43.067-.537c.074-.577.11-1.163.11-1.747V6h-1.367v5.317H6v1.366h2.494c.58 0 1.17-.036 1.747-.11l.537-.066-.43.333c-.46.357-.904.743-1.314 1.157L7.27 15.76l.967.967 1.764-1.764c.41-.41.8-.853 1.157-1.313l.334-.427-.067.537a13.89 13.89 0 00-.11 1.747z" />
+                    <path d="M14.009 14.01v.967l1.75 1.75.967-.967-1.75-1.75h-.967zM7.27 8.24l1.75 1.75h.968v-.967l-1.75-1.75-.968.967z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M4 1.25A2.75 2.75 0 001.25 4v16A2.75 2.75 0 004 22.75h16A2.75 2.75 0 0022.75 20V4A2.75 2.75 0 0020 1.25H4zM2.75 4c0-.69.56-1.25 1.25-1.25h16c.69 0 1.25.56 1.25 1.25v16c0 .69-.56 1.25-1.25 1.25H4c-.69 0-1.25-.56-1.25-1.25V4z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);
diff --git a/packages/flight-icons/svg-react/vault-secrets-color-16.tsx b/packages/flight-icons/svg-react/vault-secrets-color-16.tsx
@@ -0,0 +1,39 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVaultSecretsColor16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill="#000"
+                    d="M7.543 12v-1.662c0-.39.025-.78.074-1.165l.044-.357-.222.284a9.324 9.324 0 01-.772.876L5.492 11.15l-.645-.644L6.023 9.33c.273-.275.569-.533.876-.771l.286-.222-.358.044a9.288 9.288 0 01-1.164.074H4v-.912h3.545V4h.912v1.662c0 .39-.025.78-.074 1.165l-.044.357.222-.286c.238-.307.498-.6.772-.876l1.175-1.175.645.644-1.176 1.176a9.29 9.29 0 01-.876.77l-.286.223.358-.044a9.287 9.287 0 011.164-.074H12v.911H8.455v3.545h-.912V12zM9.34 9.984V9.34h.645l1.167 1.167-.645.644L9.34 9.984zM6.014 6.66L4.847 5.493l.645-.644 1.167 1.167v.644h-.645z"
+                />
+                <path
+                    fill="#FFD814"
+                    fillRule="evenodd"
+                    d="M.25 2.5A2.25 2.25 0 012.5.25h11a2.25 2.25 0 012.25 2.25v11a2.25 2.25 0 01-2.25 2.25h-11A2.25 2.25 0 01.25 13.5v-11zm2.25-.75a.75.75 0 00-.75.75v11c0 .414.336.75.75.75h11a.75.75 0 00.75-.75v-11a.75.75 0 00-.75-.75h-11z"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);
diff --git a/packages/flight-icons/svg-react/vault-secrets-color-24.tsx b/packages/flight-icons/svg-react/vault-secrets-color-24.tsx
@@ -0,0 +1,39 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVaultSecretsColor24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill="#000"
+                    d="M11.315 18v-2.493c0-.584.037-1.17.11-1.747l.066-.537-.333.427c-.357.46-.747.903-1.157 1.313l-1.764 1.764-.967-.967 1.764-1.763c.41-.414.854-.8 1.314-1.157l.43-.333-.537.066a13.92 13.92 0 01-1.747.11H6v-1.366h5.318V6h1.367v2.493c0 .584-.037 1.17-.11 1.747l-.066.537.333-.43c.357-.46.747-.9 1.157-1.314l1.764-1.763.967.967L14.966 10c-.414.413-.854.8-1.314 1.157l-.43.333.537-.067c.577-.073 1.167-.11 1.747-.11H18v1.367h-5.318v5.317h-1.367V18zm2.694-3.023v-.967h.967l1.75 1.75-.967.967-1.75-1.75zM9.02 9.99L7.27 8.24l.966-.967 1.75 1.75v.967h-.966z"
+                />
+                <path
+                    fill="#FFD814"
+                    fillRule="evenodd"
+                    d="M1.25 4A2.75 2.75 0 014 1.25h16A2.75 2.75 0 0122.75 4v16A2.75 2.75 0 0120 22.75H4A2.75 2.75 0 011.25 20V4zM4 2.75c-.69 0-1.25.56-1.25 1.25v16c0 .69.56 1.25 1.25 1.25h16c.69 0 1.25-.56 1.25-1.25V4c0-.69-.56-1.25-1.25-1.25H4z"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);
diff --git a/packages/flight-icons/svg-sprite/svg-sprite-module.js b/packages/flight-icons/svg-sprite/svg-sprite-module.js