chore(icons): add new product icons (#2894)

* chore(icons): add new product icons * chore(icons): update snapshots, template, errors * Update .changeset/lovely-years-melt.md correct spelling error Co-authored-by: Loreina Chew <lchew@twilio.com> Co-authored-by: Loreina Chew <lchew@twilio.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
twilio-labs · Dec 15, 2022 · 468b1b6 · 468b1b6
1 parent ebc04f5
commit 468b1b6
Show file tree

Hide file tree

Showing 25 changed files with 498 additions and 10 deletions.
diff --git a/.changeset/lovely-years-melt.md b/.changeset/lovely-years-melt.md
@@ -0,0 +1,16 @@
+---
+'@twilio-paste/icons': patch
+'@twilio-paste/core': patch
+---
+
+[Icons] Modify ProductSegmentIcon, add new product icons:
+
+- ProductAudiencesIcon
+- ProductConnectionsIcon
+- ProductEngageIcon
+- ProductPersonasIcon
+- ProductPrivacyIcon
+- ProductProtocolsIcon
+- ProductReverseETLIcon
+- ProductTraitsIcon
+- ProductUSSDIcon
diff --git a/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap b/packages/paste-icons/__test__/__snapshots__/icons.spec.tsx.snap
@@ -121,6 +121,7 @@ Array [
   "ProductAdminUsersIcon",
   "ProductAlarmsIcon",
   "ProductAssetsIcon",
+  "ProductAudiencesIcon",
   "ProductAuthyIcon",
   "ProductAutopilotIcon",
   "ProductBillingIcon",
@@ -130,6 +131,7 @@ Array [
   "ProductCodeExchangeCommunityIcon",
   "ProductCodeExchangePartnerIcon",
   "ProductConnectedDevicesIcon",
+  "ProductConnectionsIcon",
   "ProductContactCenterAdminIcon",
   "ProductContactCenterAssessmentsIcon",
   "ProductContactCenterQueuesIcon",
@@ -139,6 +141,7 @@ Array [
   "ProductDebuggerIcon",
   "ProductElasticSIPTrunkingIcon",
   "ProductEmailAPIIcon",
+  "ProductEngageIcon",
   "ProductEngagementIntelligencePlatformIcon",
   "ProductEventStreamsIcon",
   "ProductFaxIcon",
@@ -164,19 +167,25 @@ Array [
   "ProductMicrovisorIcon",
   "ProductNotifyIcon",
   "ProductPayConnectorIcon",
+  "ProductPersonasIcon",
   "ProductPhoneNumbersIcon",
+  "ProductPrivacyIcon",
+  "ProductProtocolsIcon",
   "ProductProxyIcon",
   "ProductRegionalIcon",
+  "ProductReverseETLIcon",
   "ProductSDKIcon",
   "ProductSegmentIcon",
   "ProductSettingsIcon",
   "ProductStudioIcon",
   "ProductSupportIcon",
   "ProductSyncIcon",
   "ProductTaskRouterIcon",
+  "ProductTraitsIcon",
   "ProductTrustHubIcon",
   "ProductTwiMLBinsIcon",
   "ProductTwilioOrgIcon",
+  "ProductUSSDIcon",
   "ProductUsageIcon",
   "ProductVerifyIcon",
   "ProductVideoIcon",

diff --git a/packages/paste-icons/build.icon-list.js b/packages/paste-icons/build.icon-list.js
diff --git a/packages/paste-icons/json/icons.json b/packages/paste-icons/json/icons.json
diff --git a/packages/paste-icons/src/ProductAudiencesIcon.tsx b/packages/paste-icons/src/ProductAudiencesIcon.tsx
@@ -0,0 +1,48 @@
+/**
+ * This file was automatically generated with @twilio-labs/svg-to-react
+ */
+import * as React from 'react';
+import {useUID} from '@twilio-paste/uid-library';
+
+import {IconWrapper} from './helpers/IconWrapper';
+import type {IconWrapperProps} from './helpers/IconWrapper';
+
+export interface ProductAudiencesIconProps extends IconWrapperProps {
+  title?: string;
+  decorative: boolean;
+}
+
+const ProductAudiencesIcon = React.forwardRef<HTMLElement, ProductAudiencesIconProps>(
+  ({as, display, element = 'ICON', size, color, title, decorative}, ref) => {
+    const titleId = `ProductAudiencesIcon-${useUID()}`;
+
+    if (!decorative && title == null) {
+      throw new Error('[ProductAudiencesIcon]: Missing a title for non-decorative icon.');
+    }
+
+    return (
+      <IconWrapper as={as} display={display} element={element} size={size} color={color} ref={ref}>
+        <svg
+          role="img"
+          aria-hidden={decorative}
+          width="100%"
+          height="100%"
+          viewBox="0 0 20 20"
+          fill="none"
+          aria-labelledby={titleId}
+        >
+          {title ? <title id={titleId}>{title}</title> : null}
+          <path
+            fill="currentColor"
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M7.856 4c0 1.105.874 2 1.952 2 1.079 0 1.953-.895 1.953-2s-.874-2-1.953-2c-1.078 0-1.952.895-1.952 2zM4.603 9.333v5.334h1.301V16a.66.66 0 01-.65.667H3.951a.66.66 0 01-.65-.667v-3.333H2v-4c0-.737.583-1.334 1.301-1.334h1.97a3.348 3.348 0 00-.668 2zM11.11 18H8.507a.66.66 0 01-.65-.667v-4H5.903v-4c0-1.105.874-2 1.952-2h3.905c1.078 0 1.952.895 1.952 2v4H11.76v4a.66.66 0 01-.651.667zM3.302 5.334c0 .736.582 1.333 1.301 1.333.72 0 1.302-.597 1.302-1.333C5.905 4.596 5.322 4 4.603 4c-.719 0-1.301.597-1.301 1.333zm11.712 9.333V9.333c0-.753-.254-1.441-.668-2h1.97c.718 0 1.3.597 1.3 1.334v4h-1.3V16a.66.66 0 01-.651.667h-1.301a.66.66 0 01-.651-.667v-1.333h1.3zm1.301-9.334c0 .737-.582 1.334-1.301 1.334s-1.302-.597-1.302-1.333c0-.737.583-1.334 1.302-1.334.719 0 1.301.597 1.301 1.333z"
+          />
+        </svg>
+      </IconWrapper>
+    );
+  }
+);
+
+ProductAudiencesIcon.displayName = 'ProductAudiencesIcon';
+export {ProductAudiencesIcon};
diff --git a/packages/paste-icons/src/ProductConnectionsIcon.tsx b/packages/paste-icons/src/ProductConnectionsIcon.tsx
@@ -0,0 +1,52 @@
+/**
+ * This file was automatically generated with @twilio-labs/svg-to-react
+ */
+import * as React from 'react';
+import {useUID} from '@twilio-paste/uid-library';
+
+import {IconWrapper} from './helpers/IconWrapper';
+import type {IconWrapperProps} from './helpers/IconWrapper';
+
+export interface ProductConnectionsIconProps extends IconWrapperProps {
+  title?: string;
+  decorative: boolean;
+}
+
+const ProductConnectionsIcon = React.forwardRef<HTMLElement, ProductConnectionsIconProps>(
+  ({as, display, element = 'ICON', size, color, title, decorative}, ref) => {
+    const titleId = `ProductConnectionsIcon-${useUID()}`;
+
+    if (!decorative && title == null) {
+      throw new Error('[ProductConnectionsIcon]: Missing a title for non-decorative icon.');
+    }
+
+    return (
+      <IconWrapper as={as} display={display} element={element} size={size} color={color} ref={ref}>
+        <svg
+          role="img"
+          aria-hidden={decorative}
+          width="100%"
+          height="100%"
+          viewBox="0 0 20 20"
+          fill="none"
+          aria-labelledby={titleId}
+        >
+          {title ? <title id={titleId}>{title}</title> : null}
+          <path
+            fill="currentColor"
+            d="M10 6c-2.218 0-4 1.782-4 4s1.782 4 4 4 4-1.782 4-4-1.818-4-4-4zm0 6.91c-1.6 0-2.91-1.31-2.91-2.91S8.4 7.09 10 7.09 12.91 8.4 12.91 10 11.6 12.91 10 12.91zM4.182 2A2.165 2.165 0 002 4.182c0 1.2.982 2.182 2.182 2.182s2.182-.982 2.182-2.182S5.382 2 4.182 2zm0 3.273c-.618 0-1.091-.473-1.091-1.091S3.564 3.09 4.18 3.09c.619 0 1.092.473 1.092 1.09 0 .619-.51 1.092-1.091 1.092zm0 8.363c-1.2 0-2.182.982-2.182 2.182S2.982 18 4.182 18s2.182-.982 2.182-2.182-.982-2.182-2.182-2.182zm0 3.273a1.072 1.072 0 01-1.091-1.09c0-.619.473-1.092 1.09-1.092.619 0 1.092.473 1.092 1.091s-.51 1.091-1.091 1.091zm11.636-3.273c-1.2 0-2.182.982-2.182 2.182S14.618 18 15.818 18 18 17.018 18 15.818s-.982-2.182-2.182-2.182zm0 3.273a1.07 1.07 0 01-1.09-1.09c0-.619.472-1.092 1.09-1.092.618 0 1.091.473 1.091 1.091s-.509 1.091-1.09 1.091zm0-14.909c-1.2 0-2.182.982-2.182 2.182s.982 2.182 2.182 2.182S18 5.382 18 4.182 17.018 2 15.818 2zm0 3.273c-.618 0-1.09-.473-1.09-1.091s.472-1.091 1.09-1.091c.618 0 1.091.473 1.091 1.09 0 .619-.509 1.092-1.09 1.092z"
+          />
+          <path
+            fill="currentColor"
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M15.077 5.695l-2.255 2.254-.771-.771 2.254-2.255.772.772zm-7.2 7.2l-2.219 2.218-.771-.771 2.218-2.219.772.772zM5.662 5.072L7.88 7.327l-.778.765-2.218-2.255.778-.765zm7.048 7.085l2.218 2.181-.765.778-2.218-2.182.765-.777z"
+          />
+        </svg>
+      </IconWrapper>
+    );
+  }
+);
+
+ProductConnectionsIcon.displayName = 'ProductConnectionsIcon';
+export {ProductConnectionsIcon};