icon: create new icons

.changeset/plop-create-LicenceBusinessIcon.md

@@ -0,0 +1,6 @@
+---
+'@ag.ds-next/react': minor
+---
+
+icon: Created LicenceBusinessIcon, LicenceIcon, LockIcon, SocialXIcon, UnlockIcon, UsersIcon, WalletIcon
+

docs/components/designSystemComponents.tsx

@@ -114,7 +114,10 @@ export {
 	InfoFilledIcon,
 	InfoIcon,
 	InstagramIcon,
+	LicenceBusinessIcon,
+	LicenceIcon,
 	LinkedInIcon,
+	LockIcon,
 	MenuIcon,
 	MinusIcon,
 	PauseIcon,
@@ -129,12 +132,16 @@ export {
 	ScrollbarArrowRightIcon,
 	SearchIcon,
 	SettingsIcon,
+	SocialXIcon,
 	SuccessFilledIcon,
 	SuccessIcon,
 	ThumbsDownIcon,
 	ThumbsUpIcon,
 	TwitterIcon,
+	UnlockIcon,
 	UploadIcon,
+	UsersIcon,
+	WalletIcon,
 	WarningFilledIcon,
 	WarningIcon,
 	WebsiteIcon,

packages/react/src/icon/__snapshots__/Icon.test.tsx.snap

@@ -928,6 +928,48 @@ exports[`Icon InstagramIcon renders correctly 1`] = `
 </div>
 `;
 
+exports[`Icon LicenceBusinessIcon renders correctly 1`] = `
+<div>
+  <svg
+    aria-hidden="true"
+    class="css-lq07bo-Icon"
+    clip-rule="evenodd"
+    fill-rule="evenodd"
+    focusable="false"
+    height="24"
+    role="img"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16 10h2m-2 4h2m-6-4-4.125 4.125L6 12.25M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
+    />
+  </svg>
+</div>
+`;
+
+exports[`Icon LicenceIcon renders correctly 1`] = `
+<div>
+  <svg
+    aria-hidden="true"
+    class="css-lq07bo-Icon"
+    clip-rule="evenodd"
+    fill-rule="evenodd"
+    focusable="false"
+    height="24"
+    role="img"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16 10h2m-2 4h2M6.17 15a3 3 0 0 1 5.66 0M11 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
+    />
+  </svg>
+</div>
+`;
+
 exports[`Icon LinkedInIcon renders correctly 1`] = `
 <div>
   <svg
@@ -955,6 +997,27 @@ exports[`Icon LinkedInIcon renders correctly 1`] = `
 </div>
 `;
 
+exports[`Icon LockIcon renders correctly 1`] = `
+<div>
+  <svg
+    aria-hidden="true"
+    class="css-lq07bo-Icon"
+    clip-rule="evenodd"
+    fill-rule="evenodd"
+    focusable="false"
+    height="24"
+    role="img"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M7 11V7a5 5 0 1 1 10 0v4M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z"
+    />
+  </svg>
+</div>
+`;
+
 exports[`Icon MenuIcon renders correctly 1`] = `
 <div>
   <svg
@@ -1344,6 +1407,27 @@ exports[`Icon SettingsIcon renders correctly 1`] = `
 </div>
 `;
 
+exports[`Icon SocialXIcon renders correctly 1`] = `
+<div>
+  <svg
+    aria-hidden="true"
+    class="css-lq07bo-Icon"
+    clip-rule="evenodd"
+    fill-rule="evenodd"
+    focusable="false"
+    height="24"
+    role="img"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M19.555 4 5.333 20m11.395-.206L5.113 4.861A.533.533 0 0 1 5.534 4H7.74c.164 0 .32.076.42.206l11.615 14.933c.273.35.023.861-.42.861h-2.205a.534.534 0 0 1-.42-.206Z"
+    />
+  </svg>
+</div>
+`;
+
 exports[`Icon SuccessFilledIcon renders correctly 1`] = `
 <div>
   <svg
@@ -1454,6 +1538,27 @@ exports[`Icon TwitterIcon renders correctly 1`] = `
 </div>
 `;
 
+exports[`Icon UnlockIcon renders correctly 1`] = `
+<div>
+  <svg
+    aria-hidden="true"
+    class="css-lq07bo-Icon"
+    clip-rule="evenodd"
+    fill-rule="evenodd"
+    focusable="false"
+    height="24"
+    role="img"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M7 11V7a5 5 0 0 1 9.9-1M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z"
+    />
+  </svg>
+</div>
+`;
+
 exports[`Icon UploadIcon renders correctly 1`] = `
 <div>
   <svg
@@ -1484,6 +1589,48 @@ exports[`Icon UploadIcon renders correctly 1`] = `
 </div>
 `;
 
+exports[`Icon UsersIcon renders correctly 1`] = `
+<div>
+  <svg
+    aria-hidden="true"
+    class="css-lq07bo-Icon"
+    clip-rule="evenodd"
+    fill-rule="evenodd"
+    focusable="false"
+    height="24"
+    role="img"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16.546 20.182v-1.818a3.637 3.637 0 0 0-3.637-3.637H5.636A3.636 3.636 0 0 0 2 18.364v1.818m20 0v-1.818a3.637 3.637 0 0 0-2.727-3.519M15.636 3.936a3.636 3.636 0 0 1 0 7.046M12.91 7.455a3.636 3.636 0 1 1-7.273 0 3.636 3.636 0 0 1 7.273 0Z"
+    />
+  </svg>
+</div>
+`;
+
+exports[`Icon WalletIcon renders correctly 1`] = `
+<div>
+  <svg
+    aria-hidden="true"
+    class="css-lq07bo-Icon"
+    clip-rule="evenodd"
+    fill-rule="evenodd"
+    focusable="false"
+    height="24"
+    role="img"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"
+    />
+  </svg>
+</div>
+`;
+
 exports[`Icon WarningCircleIcon renders correctly 1`] = `
 <div>
   <svg

packages/react/src/icon/icons/LicenceBusinessIcon.tsx

@@ -0,0 +1,6 @@
+import { createIcon } from '../Icon';
+
+export const LicenceBusinessIcon = createIcon(
+	<path d="M16 10h2m-2 4h2m-6-4-4.125 4.125L6 12.25M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z" />,
+	'LicenceBusinessIcon'
+);

packages/react/src/icon/icons/LicenceIcon.tsx

@@ -0,0 +1,6 @@
+import { createIcon } from '../Icon';
+
+export const LicenceIcon = createIcon(
+	<path d="M16 10h2m-2 4h2M6.17 15a3 3 0 0 1 5.66 0M11 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z" />,
+	'LicenceIcon'
+);

packages/react/src/icon/icons/LockIcon.tsx

@@ -0,0 +1,6 @@
+import { createIcon } from '../Icon';
+
+export const LockIcon = createIcon(
+	<path d="M7 11V7a5 5 0 1 1 10 0v4M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z" />,
+	'LockIcon'
+);

packages/react/src/icon/icons/SocialXIcon.tsx

@@ -0,0 +1,6 @@
+import { createIcon } from '../Icon';
+
+export const SocialXIcon = createIcon(
+	<path d="M19.555 4 5.333 20m11.395-.206L5.113 4.861A.533.533 0 0 1 5.534 4H7.74c.164 0 .32.076.42.206l11.615 14.933c.273.35.023.861-.42.861h-2.205a.534.534 0 0 1-.42-.206Z" />,
+	'SocialXIcon'
+);

packages/react/src/icon/icons/UnlockIcon.tsx

@@ -0,0 +1,6 @@
+import { createIcon } from '../Icon';
+
+export const UnlockIcon = createIcon(
+	<path d="M7 11V7a5 5 0 0 1 9.9-1M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z" />,
+	'UnlockIcon'
+);

packages/react/src/icon/icons/UsersIcon.tsx

@@ -0,0 +1,6 @@
+import { createIcon } from '../Icon';
+
+export const UsersIcon = createIcon(
+	<path d="M16.546 20.182v-1.818a3.637 3.637 0 0 0-3.637-3.637H5.636A3.636 3.636 0 0 0 2 18.364v1.818m20 0v-1.818a3.637 3.637 0 0 0-2.727-3.519M15.636 3.936a3.636 3.636 0 0 1 0 7.046M12.91 7.455a3.636 3.636 0 1 1-7.273 0 3.636 3.636 0 0 1 7.273 0Z" />,
+	'UsersIcon'
+);

packages/react/src/icon/icons/WalletIcon.tsx

@@ -0,0 +1,6 @@
+import { createIcon } from '../Icon';
+
+export const WalletIcon = createIcon(
+	<path d="M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z" />,
+	'WalletIcon'
+);

packages/react/src/icon/index.ts

@@ -45,7 +45,10 @@ export { InboxIcon } from './icons/InboxIcon';
 export { InfoIcon } from './icons/InfoIcon';
 export { InfoFilledIcon } from './icons/InfoFilledIcon';
 export { InstagramIcon } from './icons/InstagramIcon';
+export { LicenceBusinessIcon } from './icons/LicenceBusinessIcon';
+export { LicenceIcon } from './icons/LicenceIcon';
 export { LinkedInIcon } from './icons/LinkedInIcon';
+export { LockIcon } from './icons/LockIcon';
 export { MenuIcon } from './icons/MenuIcon';
 export { MinusIcon } from './icons/MinusIcon';
 export { PauseIcon } from './icons/PauseIcon';
@@ -62,12 +65,16 @@ export { ScrollbarArrowLeftIcon } from './icons/ScrollbarArrowLeftIcon';
 export { ScrollbarArrowRightIcon } from './icons/ScrollbarArrowRightIcon';
 export { SearchIcon } from './icons/SearchIcon';
 export { SettingsIcon } from './icons/SettingsIcon';
+export { SocialXIcon } from './icons/SocialXIcon';
 export { SuccessIcon } from './icons/SuccessIcon';
 export { SuccessFilledIcon } from './icons/SuccessFilledIcon';
 export { ThumbsDownIcon } from './icons/ThumbsDownIcon';
 export { ThumbsUpIcon } from './icons/ThumbsUpIcon';
 export { TwitterIcon } from './icons/TwitterIcon';
+export { UnlockIcon } from './icons/UnlockIcon';
 export { UploadIcon } from './icons/UploadIcon';
+export { UsersIcon } from './icons/UsersIcon';
+export { WalletIcon } from './icons/WalletIcon';
 export { WarningIcon } from './icons/WarningIcon';
 export { WarningCircleIcon } from './icons/WarningCircleIcon';
 export { WarningFilledIcon } from './icons/WarningFilledIcon';

packages/react/src/icon/utils.tsx

@@ -38,7 +38,10 @@ import { InboxIcon } from './icons/InboxIcon';
 import { InfoFilledIcon } from './icons/InfoFilledIcon';
 import { InfoIcon } from './icons/InfoIcon';
 import { InstagramIcon } from './icons/InstagramIcon';
+import { LicenceBusinessIcon } from './icons/LicenceBusinessIcon';
+import { LicenceIcon } from './icons/LicenceIcon';
 import { LinkedInIcon } from './icons/LinkedInIcon';
+import { LockIcon } from './icons/LockIcon';
 import { MenuIcon } from './icons/MenuIcon';
 import { MinusIcon } from './icons/MinusIcon';
 import { PauseIcon } from './icons/PauseIcon';
@@ -55,12 +58,16 @@ import { ScrollbarArrowLeftIcon } from './icons/ScrollbarArrowLeftIcon';
 import { ScrollbarArrowRightIcon } from './icons/ScrollbarArrowRightIcon';
 import { SearchIcon } from './icons/SearchIcon';
 import { SettingsIcon } from './icons/SettingsIcon';
+import { SocialXIcon } from './icons/SocialXIcon';
 import { SuccessFilledIcon } from './icons/SuccessFilledIcon';
 import { SuccessIcon } from './icons/SuccessIcon';
 import { ThumbsDownIcon } from './icons/ThumbsDownIcon';
 import { ThumbsUpIcon } from './icons/ThumbsUpIcon';
 import { TwitterIcon } from './icons/TwitterIcon';
+import { UnlockIcon } from './icons/UnlockIcon';
 import { UploadIcon } from './icons/UploadIcon';
+import { UsersIcon } from './icons/UsersIcon';
+import { WalletIcon } from './icons/WalletIcon';
 import { WarningCircleIcon } from './icons/WarningCircleIcon';
 import { WarningFilledIcon } from './icons/WarningFilledIcon';
 import { WarningIcon } from './icons/WarningIcon';
@@ -107,7 +114,10 @@ export const allIcons = {
 	InfoFilledIcon,
 	InfoIcon,
 	InstagramIcon,
+	LicenceBusinessIcon,
+	LicenceIcon,
 	LinkedInIcon,
+	LockIcon,
 	MenuIcon,
 	MinusIcon,
 	PauseIcon,
@@ -124,12 +134,16 @@ export const allIcons = {
 	ScrollbarArrowRightIcon,
 	SearchIcon,
 	SettingsIcon,
+	SocialXIcon,
 	SuccessFilledIcon,
 	SuccessIcon,
 	ThumbsDownIcon,
 	ThumbsUpIcon,
 	TwitterIcon,
+	UnlockIcon,
 	UploadIcon,
+	UsersIcon,
+	WalletIcon,
 	WarningCircleIcon,
 	WarningFilledIcon,
 	WarningIcon,