npm - @zohodesk/icons - Versions diffs - 1.0.0-temp-101 → 1.0.0-temp-111 - Mend

@zohodesk/icons 1.0.0-temp-101 → 1.0.0-temp-111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (119) hide show

package/README.md +128 -0
package/assets_final/fonts/zd-gcFonts.svg +87 -6
package/assets_final/fonts/zd-gcFonts.woff +0 -0
package/assets_final/fonts/zd-gcFonts.woff2 +0 -0
package/assets_final/fonts/zd-rAI.svg +19 -0
package/assets_final/fonts/zd-rAI.woff +0 -0
package/assets_final/fonts/zd-rAI.woff2 +0 -0
package/assets_final/fonts/zd-rAutomation.svg +16 -0
package/assets_final/fonts/zd-rAutomation.woff +0 -0
package/assets_final/fonts/zd-rAutomation.woff2 +0 -0
package/assets_final/fonts/zd-rDeveloperSpace.svg +11 -0
package/assets_final/fonts/zd-rDeveloperSpace.woff +0 -0
package/assets_final/fonts/zd-rDeveloperSpace.woff2 +0 -0
package/assets_final/fonts/zd-rExportFiles.svg +7 -0
package/assets_final/fonts/zd-rExportFiles.woff +0 -0
package/assets_final/fonts/zd-rExportFiles.woff2 +0 -0
package/assets_final/fonts/zd-rGeneral.svg +15 -0
package/assets_final/fonts/zd-rGeneral.woff +0 -0
package/assets_final/fonts/zd-rGeneral.woff2 +0 -0
package/assets_final/fonts/zd-rReports.svg +1 -0
package/assets_final/fonts/zd-rReports.woff +0 -0
package/assets_final/fonts/zd-rReports.woff2 +0 -0
package/assets_final/fonts/zd-rTwotone.svg +32 -0
package/assets_final/fonts/zd-rTwotone.woff +0 -0
package/assets_final/fonts/zd-rTwotone.woff2 +0 -0
package/assets_final/fonts/zd-rUpdates.svg +13 -0
package/assets_final/fonts/zd-rUpdates.woff +0 -0
package/assets_final/fonts/zd-rUpdates.woff2 +0 -0
package/assets_final/react/zd-font-rAI.module.css +48 -0
package/assets_final/react/zd-font-rAccessibility.module.css +5 -1
package/assets_final/react/zd-font-rAutomation.module.css +42 -0
package/assets_final/react/zd-font-rCallBar.module.css +5 -1
package/assets_final/react/zd-font-rChannels.module.css +5 -1
package/assets_final/react/zd-font-rCustomize.module.css +5 -1
package/assets_final/react/zd-font-rDeveloperSpace.module.css +24 -0
package/assets_final/react/zd-font-rExportFiles.module.css +42 -4
package/assets_final/react/zd-font-rGeneral.module.css +56 -4
package/assets_final/react/zd-font-rIntegrations.module.css +5 -1
package/assets_final/react/zd-font-rLhs.module.css +5 -1
package/assets_final/react/zd-font-rMarketplace.module.css +5 -1
package/assets_final/react/zd-font-rReports.module.css +11 -4
package/assets_final/react/zd-font-rSetup.module.css +5 -1
package/assets_final/react/zd-font-rTickets.module.css +5 -1
package/assets_final/react/zd-font-rTopband.module.css +7 -3
package/assets_final/react/zd-font-rTwotone.module.css +156 -4
package/assets_final/react/zd-font-rUpdates.module.css +30 -0
package/assets_final/react/zd-font-react-addforms.module.css +5 -1
package/assets_final/react/zd-font-react-automate.module.css +5 -2
package/assets_final/react/zd-font-react-channels.module.css +5 -1
package/assets_final/react/zd-font-react-channels.plain.css +5 -1
package/assets_final/react/zd-font-react-common.module.css +5 -1
package/assets_final/react/zd-font-react-common.plain.css +5 -1
package/assets_final/react/zd-font-react-community.module.css +5 -1
package/assets_final/react/zd-font-react-customers.module.css +5 -1
package/assets_final/react/zd-font-react-customize.module.css +5 -1
package/assets_final/react/zd-font-react-gamescope.module.css +5 -1
package/assets_final/react/zd-font-react-gcFonts.module.css +281 -4
package/assets_final/react/zd-font-react-gettingstarted.module.css +5 -1
package/assets_final/react/zd-font-react-integrations.module.css +5 -1
package/assets_final/react/zd-font-react-kb.module.css +5 -1
package/assets_final/react/zd-font-react-logo.module.css +5 -1
package/assets_final/react/zd-font-react-organization.module.css +5 -1
package/assets_final/react/zd-font-react-organization.plain.css +5 -1
package/assets_final/react/zd-font-react-others.module.css +5 -1
package/assets_final/react/zd-font-react-reports.module.css +5 -1
package/assets_final/react/zd-font-react-setup.module.css +5 -1
package/assets_final/react/zd-font-react-setup.plain.css +5 -1
package/assets_final/react/zd-font-react-social.module.css +5 -1
package/assets_final/react/zd-font-react-ticket-channels.module.css +5 -1
package/assets_final/react/zd-font-react-tickets.module.css +5 -1
package/assets_final/react/zd-font-react-tickets.plain.css +5 -1
package/assets_final/react/zd-font-react-topband.module.css +5 -1
package/assets_final/react/zd-font-react-topband.plain.css +5 -1
package/coverage/Icon/CustomIcons.js.html +5 -5
package/coverage/Icon/FontIcon.js.html +16 -10
package/coverage/Icon/Icon.module.css.html +2 -2
package/coverage/Icon/index.html +1 -1
package/coverage/Icon/props/defaultProps.js.html +1 -1
package/coverage/Icon/props/index.html +1 -1
package/coverage/Icon/props/propTypes.js.html +5 -2
package/coverage/coverage-final.json +8 -5
package/coverage/coverage-summary.json +9 -6
package/coverage/index.html +37 -7
package/coverage/v1/FontIcon.js.html +298 -0
package/coverage/v1/index.html +116 -0
package/coverage/v1/props/defaultProps.js.html +100 -0
package/coverage/v1/props/index.html +131 -0
package/coverage/v1/props/propTypes.js.html +142 -0
package/css_layer_config.json +191 -0
package/es/Icon/CustomIcons.js +1 -1
package/es/Icon/FontFactory.js +134 -5
package/es/Icon/FontIcon.js +7 -5
package/es/Icon/Icon.module.css +3 -1
package/es/Icon/__tests__/FontIcon.spec.js +11 -1
package/es/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +13 -0
package/es/Icon/index.js +63 -42
package/es/Icon/props/propTypes.js +1 -0
package/es/icon_layer.module.css +1 -0
package/es/index.js +1 -1
package/es/v1/FontIcon.js +7 -5
package/es/v1/__tests__/FontIcon.spec.js +144 -0
package/es/v1/__tests__/__snapshots__/FontIcon.spec.js.snap +251 -0
package/es/v1/props/propTypes.js +1 -0
package/lib/Icon/CustomIcons.js +1 -1
package/lib/Icon/FontFactory.js +48 -5
package/lib/Icon/FontIcon.js +5 -2
package/lib/Icon/Icon.module.css +3 -1
package/lib/Icon/__tests__/FontIcon.spec.js +10 -0
package/lib/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +13 -0
package/lib/Icon/index.js +59 -37
package/lib/Icon/props/propTypes.js +1 -0
package/lib/icon_layer.module.css +1 -0
package/lib/v1/FontIcon.js +5 -2
package/lib/v1/__tests__/FontIcon.spec.js +151 -0
package/lib/v1/__tests__/__snapshots__/FontIcon.spec.js.snap +251 -0
package/lib/v1/props/propTypes.js +1 -0
package/package.json +15 -7
package/react-cli.config.js +12 -8
package/result.json +1 -1

package/coverage/v1/props/propTypes.js.html ADDED Viewed

@@ -0,0 +1,142 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for v1/props/propTypes.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">v1/props</a> propTypes.js</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>1/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/0</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>0/0</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>1/1</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line high'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import PropTypes from 'prop-types';
+&nbsp;
+export const IconProps = {
+  dataId: PropTypes.string,
+  iconClass: PropTypes.string,
+  iconContent: PropTypes.object,
+  isBold: PropTypes.bool,
+  name: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  onClick: PropTypes.func,
+  pathName: PropTypes.string,
+  size: PropTypes.string,
+  title: PropTypes.string,
+  iconName: PropTypes.string,
+  titlePosition: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
+  tagAttributes: PropTypes.object,
+  a11y: PropTypes.shape({
+    ariaHidden: PropTypes.bool
+  })
+};
+&nbsp;</pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2025-08-08T11:23:59.503Z
+            </div>
+        <script src="../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
+    </body>
+</html>

package/css_layer_config.json ADDED Viewed

@@ -0,0 +1,191 @@
+{
+  "prefix": "dot-icons",
+  "configs": [
+    {
+      "layer": "base",
+      "path": "src/Icon/Icon.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rAI.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rAutomation.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rDeveloperSpace.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rAccessibility.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rCallBar.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rChannels.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rCustomize.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rExportFiles.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rGeneral.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rIntegrations.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rLhs.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rMarketplace.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rReports.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rSetup.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rTickets.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rTopband.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rTwotone.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-rUpdates.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-addforms.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-automate.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-channels.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-channels.plain.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-common.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-common.plain.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-community.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-customers.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-customize.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-gamescope.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-gcFonts.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-gettingstarted.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-integrations.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-kb.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-logo.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-organization.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-organization.plain.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-others.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-reports.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-setup.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-setup.plain.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-social.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-ticket-channels.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-tickets.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-tickets.plain.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-topband.module.css"
+    },
+    {
+      "layer": "core",
+      "path": "assets_final/react/zd-font-react-topband.plain.css"
+    }
+  ],
+  "ignore":["src/icon_layer.module.css"]
+}

package/es/Icon/CustomIcons.js CHANGED Viewed

@@ -108,7 +108,7 @@ export const TwoToneIcons = {
   'ZD-TT-happinessOut': 'blue2',
   'ZD-TT-emailForward': 'blue2',
   'ZD-TT-directFacebookOut': 'lightBlue2',
-  'ZD-TT-whatsAppOut': 'lightBlue2',
+  'ZD-TT-whatsAppOut': 'blue2',
   'ZD-TT-instaIMOut': 'lightBlue2',
   'ZD-TT-chTwitterDirectOut': 'lightBlue2'
 };

package/es/Icon/FontFactory.js CHANGED Viewed

@@ -1420,7 +1420,8 @@ export const FontFactory = {
     'ZD-EF-firebox': 'icon-firebox',
     'ZD-EF-iOS': 'icon-iOS',
     'ZD-EF-linux': 'icon-linux',
-    'ZD-EF-playstore': 'icon-playstore'
+    'ZD-EF-playstore': 'icon-playstore',
+    'ZD-EF-clrCsv': ['icon-clrCsv', 7]
   },
   ReactGeneralFontIcon: {
     'ZD-GN-agent': 'icon-agent',
@@ -1584,7 +1585,21 @@ export const FontFactory = {
     'ZD-GN-flagFill': 'icon-flagFill',
     'ZD-GN-instagram': 'icon-instagram',
     'ZD-GN-line': 'icon-line',
-    'ZD-GN-answerBot': 'icon-answerBot'
+    'ZD-GN-answerBot': 'icon-answerBot',
+    'ZD-GN-primaryContact': 'icon-primaryContact',
+    'ZD-GN-wallet': 'icon-wallet',
+    'ZD-GN-agentportal': 'icon-agentportal',
+    'ZD-GN-fileMail': 'icon-fileMail',
+    'ZD-GN-rename': 'icon-rename',
+    'ZD-GN-fileUnknown': 'icon-fileUnknown',
+    'ZD-GN-filePpt': 'icon-filePpt',
+    'ZD-GN-fileDoc': 'icon-fileDoc',
+    'ZD-GN-fileSheet': 'icon-fileSheet',
+    'ZD-GN-imPause': ['icon-imPause', 2],
+    'ZD-GN-imPlay': 'icon-imPlay',
+    'ZD-GN-imRecord': 'icon-imRecord',
+    'ZD-GN-radar': 'icon-radar',
+    'ZD-GN-pricingTag': 'icon-pricingTag'
   },
   ReactIntegrationsFontIcon: {
     'ZD-IG-intAnalytics': 'icon-intAnalytics',
@@ -1660,7 +1675,8 @@ export const FontFactory = {
     'ZD-RP-clrBulletChart': ['icon-clrBulletChart', 3],
     'ZD-RP-clrCompare': ['icon-clrCompare', 3],
     'ZD-RP-clrDialchart': ['icon-clrDialchart', 3],
-    'ZD-RP-clrMetricCards': ['icon-clrMetricCards', 2]
+    'ZD-RP-clrMetricCards': ['icon-clrMetricCards', 2],
+    'ZD-RP-KPICards': 'icon-KPICards'
   },
   ReactSetupFontIcon: {
     'ZD-SE-account': 'icon-account',
@@ -2051,7 +2067,79 @@ export const FontFactory = {
     'GC-upload': 'icon-upload',
     'GC-videoNew': 'icon-videoNew',
     'GC-zoominNew': 'icon-zoominNew',
-    'GC-zoomoutNew': 'icon-zoomoutNew'
+    'GC-zoomoutNew': 'icon-zoomoutNew',
+    'GC-webhookNew': 'icon-webhookNew',
+    'GC-displayCard': 'icon-displayCard',
+    'GC-minimalView': 'icon-minimalView',
+    'GC-textNew': 'icon-textNew',
+    'GC-moveLeft': 'icon-moveLeft',
+    'GC-feedbackButton': 'icon-feedbackButton',
+    'GC-control': 'icon-control',
+    'GC-detailView': 'icon-detailView',
+    'GC-smileyButtonNew': 'icon-smileyButtonNew',
+    'GC-moveRight': 'icon-moveRight',
+    'GC-messageNewFilled': 'icon-messageNewFilled',
+    'GC-inputFilled': 'icon-inputFilled',
+    'GC-numberNew': 'icon-numberNew',
+    'GC-controlFilled': 'icon-controlFilled',
+    'GC-audioNew': 'icon-audioNew',
+    'GC-dynamicButtonNew': 'icon-dynamicButtonNew',
+    'GC-choiceFilled': 'icon-choiceFilled',
+    'GC-card': 'icon-card',
+    'GC-slider': 'icon-slider',
+    'GC-integrationFilled': 'icon-integrationFilled',
+    'GC-calendarInput': 'icon-calendarInput',
+    'GC-messageNew': 'icon-messageNew',
+    'GC-fork': 'icon-fork',
+    'GC-imageButtonNew': 'icon-imageButtonNew',
+    'GC-operation': 'icon-operation',
+    'GC-input': 'icon-input',
+    'GC-integration': 'icon-integration',
+    'GC-currency': 'icon-currency',
+    'GC-displayMessage': 'icon-displayMessage',
+    'GC-textButtonNew': 'icon-textButtonNew',
+    'GC-videoButtonNew': 'icon-videoButtonNew',
+    'GC-audioButtonNew': 'icon-audioButtonNew',
+    'GC-fileNew': 'icon-fileNew',
+    'GC-choice': 'icon-choice',
+    'GC-linkButton': 'icon-linkButton',
+    'GC-activities': 'icon-activities',
+    'GC-analytics': 'icon-analytics',
+    'GC-analyticsFilled': 'icon-analyticsFilled',
+    'GC-asap': 'icon-asap',
+    'GC-clipBoardNewFilled': 'icon-clipBoardFilled',
+    'GC-clipBoardNew': 'icon-clipBoardNew',
+    'GC-customize': 'icon-customize',
+    'GC-customizeFilled': 'icon-customizeFilled',
+    'GC-embed': 'icon-embed',
+    'GC-fillter': 'icon-fillter',
+    'GC-iframe': 'icon-iframe',
+    'GC-multilingual': 'icon-multilingual',
+    'GC-multilingualFilled': 'icon-multilingualFilled',
+    'GC-outdated': 'icon-outdated',
+    'GC-play': 'icon-play',
+    'GC-print': 'icon-print',
+    'GC-publicUrl': 'icon-publicUrl',
+    'GC-publish': 'icon-publish',
+    'GC-qr': 'icon-qr',
+    'GC-share': 'icon-share',
+    'GC-shareFilled': 'icon-shareFilled',
+    'GC-sortDown': 'icon-sortDown',
+    'GC-sortUp': 'icon-sortUp',
+    'GC-star': 'icon-star',
+    'GC-starFilled': 'icon-starFilled',
+    'GC-toggleOff': 'icon-toggleOff',
+    'GC-toggleOn': 'icon-toggleOn',
+    'GC-TT-form': ['icon-TT-form', 2],
+    'GC-TT-sparkles': ['icon-TT-sparkles', 2],
+    'GC-TT-template': ['icon-TT-template', 2],
+    'GC-IGConnect': ['icon-IG-connect', 3],
+    'GC-IGMail': ['icon-IG-mail', 2],
+    'GC-zohoCalander': ['icon-zohoCalander', 2],
+    'GC-IGSheet': 'icon-IG-sheet',
+    'GC-IGMeeting': 'icon-IG-meeting',
+    'GC-combine': 'icon-combine',
+    'GC-combineOld': ['icon-combineOld', 3]
   },
   ReactTwotoneIcon: {
     'ZD-TT-call': ['icon-chCall', 2],
@@ -2182,7 +2270,22 @@ export const FontFactory = {
     'ZD-TT-chTwitterDirectIn': ['icon-chTwitterDirect', 3],
     'ZD-TT-chTwitterDirectOut': ['icon-chTwitterDirect', 3],
     'ZD-TT-chTwitterDirectMissed': ['icon-chTwitterDirect', 3],
-    'ZD-TT-ttFilter': ['icon-ttFilter', 2]
+    'ZD-TT-ttFilter': ['icon-ttFilter', 2],
+    'ZD-TT-notificationBell': ['icon-notificationBell', 2],
+    'ZD-TT-selfservicePortal': ['icon-selfservicePortal', 2],
+    'ZD-TT-ttComment': ['icon-ttComment', 2],
+    'ZD-TT-ttCommentIn': ['icon-ttCommentIn', 3],
+    'ZD-TT-ttCommentOut': ['icon-ttCommentOut', 3],
+    'ZD-TT-aiInbox': ['icon-aiInbox', 2],
+    'ZD-TT-aiChatSummary': ['icon-aiChatSummary', 2],
+    'ZD-TT-splitView': ['icon-splitView', 2],
+    'ZD-TT-fullView': ['icon-fullView', 2],
+    'ZD-TT-compactView': ['icon-compactView', 2],
+    'ZD-TT-weCom': ['icon-weCom', 2],
+    'ZD-TT-exploreExtension': ['icon-exploreExtension', 2],
+    'ZD-TT-uploadExtension': ['icon-uploadExtension', 2],
+    'ZD-TT-buildExtension': ['icon-buildExtension', 2],
+    'ZD-TT-ttMic': ['icon-ttMic', 2]
   },
   ReactAccessibilityIcon: {
     'ZD-A11Y-hearing': 'icon-hearing',
@@ -2198,5 +2301,31 @@ export const FontFactory = {
     'ZD-A11Y-elderly': 'icon-elderly',
     'ZD-A11Y-epilepsy': 'icon-epilepsy',
     'ZD-A11Y-visuallyImpaired': 'icon-visuallyImpaired'
+  },
+  ReactProductUpdatesIcon: {
+    'ZD-PU-privacySecurity': 'icon-privacySecurity',
+    'ZD-PU-communityDashboard': 'icon-communityDashboard',
+    'ZD-PU-agentDetails': 'icon-agentDetails'
+  },
+  ReactAIIcon: {
+    'ZD-AI-ziaSummary': 'icon-ziaSummary',
+    'ZD-AI-ziaTranslator': 'icon-ziaTranslator',
+    'ZD-AI-ziaContentEnhancer': 'icon-ziaContentEnhancer',
+    'ZD-AI-ziaQualityChecker': 'icon-ziaQualityChecker',
+    'ZD-AI-ziaGenerateContent': 'icon-ziaGenerateContent',
+    'ZD-AI-ziaReplyAssistant': 'icon-ziaReplyAssistant',
+    'ZD-AI-ziaRegerate': 'icon-ziaRegerate',
+    'ZD-AI-chatGPT': 'icon-chatGPT',
+    'ZD-AI-playground': 'icon-playground'
+  },
+  ReactAutomationIcon: {
+    'ZD-AU-auAction': ['icon-auAction', 2],
+    'ZD-AU-auIf': 'icon-auIf',
+    'ZD-AU-auSchedule': 'icon-auSchedule',
+    'ZD-AU-auBranch': 'icon-auBranch',
+    'ZD-AU-auTrigger': 'icon-auTrigger'
+  },
+  ReactDeveloperSpaceIcon: {
+    'ZD-DS-customMobileApp': 'icon-customMobileApp'
   }
 };

package/es/Icon/FontIcon.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import React from 'react';
-import { IconDefaultProps } from './props/defaultProps';
-import { IconProps } from './props/propTypes';
-import { allCustomIcons } from './CustomIcons';
-import style from './Icon.module.css';
+import { IconDefaultProps } from "./props/defaultProps";
+import { IconProps } from "./props/propTypes";
+import { allCustomIcons } from "./CustomIcons";
+import style from "./Icon.module.css";
 export default class FontIcon extends React.Component {
   render() {
     let {
@@ -18,6 +18,7 @@ export default class FontIcon extends React.Component {
       size,
       iconName,
       titlePosition,
+      tagAttributes,
       a11y
     } = this.props;
     let {
@@ -56,7 +57,8 @@ export default class FontIcon extends React.Component {
       "data-title-position": titlePosition,
       style: fontStyle,
       "aria-hidden": ariaHidden,
-      "data-selector-id": dataSelectorId
+      "data-selector-id": dataSelectorId,
+      ...tagAttributes
     }, childArray ? childArray : null);
   }

package/es/Icon/Icon.module.css CHANGED Viewed

@@ -1,3 +1,4 @@
+@layer dot-icons.base {
 /* $Id$ */
 .basic {
   speak: none;
@@ -53,4 +54,5 @@
 /*rtl:ignore*/
 /* .twotwo :global .path1:before {
   color: red !important;
-} */
+} */
+}

package/es/Icon/__tests__/FontIcon.spec.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import FontIcon from '../FontIcon';
+import FontIcon from "../FontIcon";
 import { render } from "@testing-library/react";
 describe('FontIcon - ', () => {
   test('rendering the "default" props', () => {
@@ -131,4 +131,14 @@ describe('FontIcon - ', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
+  test('rendering custom attributes with tagAttributes prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(FontIcon, {
+      tagAttributes: {
+        'data-custom-attr': 'true'
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/es/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap CHANGED Viewed

@@ -111,6 +111,19 @@ exports[`FontIcon -  rendering "iconClass" with path  1`] = `
 </DocumentFragment>
 `;
+exports[`FontIcon -  rendering custom attributes with tagAttributes prop 1`] = `
+<DocumentFragment>
+  <i
+    aria-hidden="true"
+    class="zd_font_icons basic undefined    "
+    data-custom-attr="true"
+    data-id="fontIcon"
+    data-selector-id="fontIcon"
+    data-test-id="fontIcon"
+  />
+</DocumentFragment>
+`;
 exports[`FontIcon -  rendering custom icon name 1`] = `
 <DocumentFragment>
   <i