From 11c0cd1aa1eab19cf3823871d0d7f310d3909161 Mon Sep 17 00:00:00 2001
From: mivaylo <mivaylo@vmware.com>
Date: Thu, 19 Sep 2024 11:21:00 +0300
Subject: [PATCH 1/5] feat(icons): add story for icons to mimic figma

---
 projects/core/src/icon/icon.stories.ts       | 202 ++++++++++++++++++-
 projects/core/src/icon/utils/all-groups.ts   |  31 +++
 projects/core/src/icon/utils/charts.ts       |   7 +
 projects/core/src/icon/utils/commerce.ts     |   7 +
 projects/core/src/icon/utils/media.ts        |   7 +
 projects/core/src/icon/utils/social.ts       |   7 +
 projects/core/src/icon/utils/technology-1.ts |   7 +
 projects/core/src/icon/utils/technology-2.ts |   7 +
 projects/core/src/icon/utils/technology.ts   |   7 +
 projects/core/src/icon/utils/text-editing.ts |   7 +
 projects/core/src/icon/utils/travel.ts       |   7 +
 11 files changed, 295 insertions(+), 1 deletion(-)
 create mode 100644 projects/core/src/icon/utils/all-groups.ts
 create mode 100644 projects/core/src/icon/utils/charts.ts
 create mode 100644 projects/core/src/icon/utils/commerce.ts
 create mode 100644 projects/core/src/icon/utils/media.ts
 create mode 100644 projects/core/src/icon/utils/social.ts
 create mode 100644 projects/core/src/icon/utils/technology-1.ts
 create mode 100644 projects/core/src/icon/utils/technology-2.ts
 create mode 100644 projects/core/src/icon/utils/technology.ts
 create mode 100644 projects/core/src/icon/utils/text-editing.ts
 create mode 100644 projects/core/src/icon/utils/travel.ts

diff --git a/projects/core/src/icon/icon.stories.ts b/projects/core/src/icon/icon.stories.ts
index 976ffd220..8d39076e9 100644
--- a/projects/core/src/icon/icon.stories.ts
+++ b/projects/core/src/icon/icon.stories.ts
@@ -14,8 +14,204 @@ import { customElement, state } from 'lit/decorators.js';
 import { homeIcon } from '@cds/core/icon/shapes/home.js';
 import { baseStyles, spreadProps, getElementStorybookArgs, property } from '@cds/core/internal';
 
+import { axisChartIcon } from '@cds/core/icon/shapes/axis-chart.js';
+import { barChartIcon } from '@cds/core/icon/shapes/bar-chart.js';
+import { boxPlotIcon } from '@cds/core/icon/shapes/box-plot.js';
+import { bubbleChartIcon } from '@cds/core/icon/shapes/bubble-chart.js';
+import { cloudChartIcon } from '@cds/core/icon/shapes/cloud-chart.js';
+import { curveChartIcon } from '@cds/core/icon/shapes/curve-chart.js';
+import { gridChartIcon } from '@cds/core/icon/shapes/grid-chart.js';
+import { heatMapIcon } from '@cds/core/icon/shapes/heat-map.js';
+import { lineChartIcon } from '@cds/core/icon/shapes/line-chart.js';
+import { pieChartIcon } from '@cds/core/icon/shapes/pie-chart.js';
+import { scatterPlotIcon } from '@cds/core/icon/shapes/scatter-plot.js';
+import { tickChartIcon } from '@cds/core/icon/shapes/tick-chart.js';
+import { bellCurveIcon } from '@cds/core/icon/shapes/bell-curve.js';
+
+import { calculatorIcon } from '@cds/core/icon/shapes/calculator.js';
+import { piggyBankIcon } from '@cds/core/icon/shapes/piggy-bank.js';
+import { shoppingBagIcon } from '@cds/core/icon/shapes/shopping-bag.js';
+import { shoppingCartIcon } from '@cds/core/icon/shapes/shopping-cart.js';
+import { walletIcon } from '@cds/core/icon/shapes/wallet.js';
+import { storeIcon } from '@cds/core/icon/shapes/store.js';
+import { euroIcon } from '@cds/core/icon/shapes/euro.js';
+import { dollarIcon } from '@cds/core/icon/shapes/dollar.js';
+import { creditCardIcon } from '@cds/core/icon/shapes/credit-card.js';
+import { bankIcon } from '@cds/core/icon/shapes/bank.js';
+import { dollarBillIcon } from '@cds/core/icon/shapes/dollar-bill.js';
+import { eCheckIcon } from '@cds/core/icon/shapes/e-check.js';
+import { poundIcon } from '@cds/core/icon/shapes/pound.js';
+import { rupeeIcon } from '@cds/core/icon/shapes/rupee.js';
+import { wonIcon } from '@cds/core/icon/shapes/won.js';
+import { yenIcon } from '@cds/core/icon/shapes/yen.js';
+import { bitcoinIcon } from '@cds/core/icon/shapes/bitcoin.js';
+import { pesoIcon } from '@cds/core/icon/shapes/peso.js';
+import { coinBagIcon } from '@cds/core/icon/shapes/coin-bag.js';
+import { rubleIcon } from '@cds/core/icon/shapes/ruble.js';
+import { employeeIcon } from '@cds/core/icon/shapes/employee.js';
+import { employeeGroupIcon } from '@cds/core/icon/shapes/employee-group.js';
+import { factoryIcon } from '@cds/core/icon/shapes/factory.js';
+import { playIcon } from '@cds/core/icon/shapes/play.js';
+import { pauseIcon } from '@cds/core/icon/shapes/pause.js';
+import { stepForwardIcon } from '@cds/core/icon/shapes/step-forward.js';
+import { stopIcon } from '@cds/core/icon/shapes/stop.js';
+import { powerIcon } from '@cds/core/icon/shapes/power.js';
+import { rewindIcon } from '@cds/core/icon/shapes/rewind.js';
+import { fastForwardIcon } from '@cds/core/icon/shapes/fast-forward.js';
+import { cameraIcon } from '@cds/core/icon/shapes/camera.js';
+import { videoCameraIcon } from '@cds/core/icon/shapes/video-camera.js';
+import { volumeUpIcon } from '@cds/core/icon/shapes/volume-up.js';
+import { volumeDownIcon } from '@cds/core/icon/shapes/volume-down.js';
+import { volumeMuteIcon } from '@cds/core/icon/shapes/volume-mute.js';
+import { headphonesIcon } from '@cds/core/icon/shapes/headphones.js';
+import { filmStripIcon } from '@cds/core/icon/shapes/film-strip.js';
+import { musicNoteIcon } from '@cds/core/icon/shapes/music-note.js';
+import { imageGalleryIcon } from '@cds/core/icon/shapes/image-gallery.js';
+import { videoGalleryIcon } from '@cds/core/icon/shapes/video-gallery.js';
+import { shuffleIcon } from '@cds/core/icon/shapes/shuffle.js';
+import { wandIcon } from '@cds/core/icon/shapes/wand.js';
+import { replayAllIcon } from '@cds/core/icon/shapes/replay-all.js';
+import { replayOneIcon } from '@cds/core/icon/shapes/replay-one.js';
+
+import { shareIcon } from '@cds/core/icon/shapes/share.js';
+import { starIcon } from '@cds/core/icon/shapes/star.js';
+import { halfStarIcon } from '@cds/core/icon/shapes/half-star.js';
+import { bookmarkIcon } from '@cds/core/icon/shapes/bookmark.js';
+import { envelopeIcon } from '@cds/core/icon/shapes/envelope.js';
+import { calendarIcon } from '@cds/core/icon/shapes/calendar.js';
+import { eventIcon } from '@cds/core/icon/shapes/event.js';
+import { tasksIcon } from '@cds/core/icon/shapes/tasks.js';
+import { flagIcon } from '@cds/core/icon/shapes/flag.js';
+import { inboxIcon } from '@cds/core/icon/shapes/inbox.js';
+import { heartIcon } from '@cds/core/icon/shapes/heart.js';
+import { heartBrokenIcon } from '@cds/core/icon/shapes/heart-broken.js';
+import { talkBubblesIcon } from '@cds/core/icon/shapes/talk-bubbles.js';
+import { chatBubbleIcon } from '@cds/core/icon/shapes/chat-bubble.js';
+import { happyFaceIcon } from '@cds/core/icon/shapes/happy-face.js';
+import { neutralFaceIcon } from '@cds/core/icon/shapes/neutral-face.js';
+import { sadFaceIcon } from '@cds/core/icon/shapes/sad-face.js';
+import { thumbsUpIcon } from '@cds/core/icon/shapes/thumbs-up.js';
+import { thumbsDownIcon } from '@cds/core/icon/shapes/thumbs-down.js';
+import { crownIcon } from '@cds/core/icon/shapes/crown.js';
+import { hashtagIcon } from '@cds/core/icon/shapes/hashtag.js';
+
+import { paintRollerIcon } from '@cds/core/icon/shapes/paint-roller.js';
+import { boldIcon } from '@cds/core/icon/shapes/bold.js';
+import { italicIcon } from '@cds/core/icon/shapes/italic.js';
+import { underlineIcon } from '@cds/core/icon/shapes/underline.js';
+import { fontSizeIcon } from '@cds/core/icon/shapes/font-size.js';
+
+import { bulletListIcon } from '@cds/core/icon/shapes/bullet-list.js';
+import { numberListIcon } from '@cds/core/icon/shapes/number-list.js';
+import { checkboxListIcon } from '@cds/core/icon/shapes/checkbox-list.js';
+import { justifyTextIcon } from '@cds/core/icon/shapes/justify-text.js';
+
+import { textIcon } from '@cds/core/icon/shapes/text.js';
+import { listAllIcons } from './utils/all-groups';
+
 // here for testing
-ClarityIcons.addIcons(userIcon, imageIcon, homeIcon);
+
+ClarityIcons.addIcons(
+  userIcon,
+  imageIcon,
+  homeIcon,
+  // Charts
+  axisChartIcon,
+  barChartIcon,
+  boxPlotIcon,
+  bubbleChartIcon,
+  cloudChartIcon,
+  curveChartIcon,
+  gridChartIcon,
+  heatMapIcon,
+  lineChartIcon,
+  pieChartIcon,
+  scatterPlotIcon,
+  tickChartIcon,
+  bellCurveIcon,
+  // Commerce
+  calculatorIcon,
+  piggyBankIcon,
+  shoppingBagIcon,
+  shoppingCartIcon,
+  walletIcon,
+  storeIcon,
+  euroIcon,
+  dollarIcon,
+  creditCardIcon,
+  bankIcon,
+  dollarBillIcon,
+  eCheckIcon,
+  poundIcon,
+  rupeeIcon,
+  wonIcon,
+  yenIcon,
+  bitcoinIcon,
+  pesoIcon,
+  coinBagIcon,
+  rubleIcon,
+  employeeIcon,
+  employeeGroupIcon,
+  factoryIcon,
+
+  // Media
+  playIcon,
+  pauseIcon,
+  stepForwardIcon,
+  stopIcon,
+  powerIcon,
+  rewindIcon,
+  fastForwardIcon,
+  cameraIcon,
+  videoCameraIcon,
+  volumeUpIcon,
+  volumeDownIcon,
+  volumeMuteIcon,
+  headphonesIcon,
+  filmStripIcon,
+  musicNoteIcon,
+  imageGalleryIcon,
+  videoGalleryIcon,
+  shuffleIcon,
+  wandIcon,
+  replayAllIcon,
+  replayOneIcon,
+
+  // Social
+  shareIcon,
+  starIcon,
+  halfStarIcon,
+  bookmarkIcon,
+  envelopeIcon,
+  calendarIcon,
+  eventIcon,
+  tasksIcon,
+  flagIcon,
+  inboxIcon,
+  heartIcon,
+  heartBrokenIcon,
+  talkBubblesIcon,
+  chatBubbleIcon,
+  happyFaceIcon,
+  neutralFaceIcon,
+  sadFaceIcon,
+  thumbsUpIcon,
+  thumbsDownIcon,
+  crownIcon,
+  hashtagIcon,
+
+  // Text edit
+  paintRollerIcon,
+  boldIcon,
+  italicIcon,
+  underlineIcon,
+  fontSizeIcon,
+  textIcon,
+  bulletListIcon,
+  numberListIcon,
+  checkboxListIcon,
+  justifyTextIcon
+);
 
 export default {
   title: 'Stories/Icon',
@@ -149,6 +345,10 @@ export function API(args: any) {
   `;
 }
 
+export function iconsV3_1_0() {
+  return listAllIcons();
+}
+
 /** @website */
 export function icon() {
   return html`<cds-icon
diff --git a/projects/core/src/icon/utils/all-groups.ts b/projects/core/src/icon/utils/all-groups.ts
new file mode 100644
index 000000000..61ab1cbda
--- /dev/null
+++ b/projects/core/src/icon/utils/all-groups.ts
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+import { html } from 'lit';
+import { CHART_ICONS } from './charts';
+import { COMMERCE_ICONS } from './commerce';
+import { MEDIA_ICONS } from './media';
+import { SOCIAL_ICONS } from './social';
+import { TEXT_EDITING_ICONS } from './text-editing';
+import { TRAVEL_ICONS } from './travel';
+import { TECHNOLOGY_ICONS } from './technology';
+import { TECHNOLOGY_ICONS_PART_ONE } from './technology-1';
+import { TECHNOLOGY_ICONS_PART_2 } from './technology-2';
+
+export function listAllIcons() {
+  return (
+    html`` +
+    CHART_ICONS +
+    COMMERCE_ICONS +
+    MEDIA_ICONS +
+    SOCIAL_ICONS +
+    TEXT_EDITING_ICONS +
+    TECHNOLOGY_ICONS +
+    TECHNOLOGY_ICONS_PART_2 +
+    TECHNOLOGY_ICONS_PART_ONE +
+    TRAVEL_ICONS
+  );
+}
diff --git a/projects/core/src/icon/utils/charts.ts b/projects/core/src/icon/utils/charts.ts
new file mode 100644
index 000000000..bfc7f3f84
--- /dev/null
+++ b/projects/core/src/icon/utils/charts.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const CHART_ICONS = ``;
diff --git a/projects/core/src/icon/utils/commerce.ts b/projects/core/src/icon/utils/commerce.ts
new file mode 100644
index 000000000..4c188ff12
--- /dev/null
+++ b/projects/core/src/icon/utils/commerce.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const COMMERCE_ICONS = ``;
diff --git a/projects/core/src/icon/utils/media.ts b/projects/core/src/icon/utils/media.ts
new file mode 100644
index 000000000..9dc5659eb
--- /dev/null
+++ b/projects/core/src/icon/utils/media.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const MEDIA_ICONS = ``;
diff --git a/projects/core/src/icon/utils/social.ts b/projects/core/src/icon/utils/social.ts
new file mode 100644
index 000000000..d6389018d
--- /dev/null
+++ b/projects/core/src/icon/utils/social.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const SOCIAL_ICONS = ``;
diff --git a/projects/core/src/icon/utils/technology-1.ts b/projects/core/src/icon/utils/technology-1.ts
new file mode 100644
index 000000000..fcebe7be1
--- /dev/null
+++ b/projects/core/src/icon/utils/technology-1.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TECHNOLOGY_ICONS_PART_ONE = ``;
diff --git a/projects/core/src/icon/utils/technology-2.ts b/projects/core/src/icon/utils/technology-2.ts
new file mode 100644
index 000000000..c7cbb1071
--- /dev/null
+++ b/projects/core/src/icon/utils/technology-2.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TECHNOLOGY_ICONS_PART_2 = ``;
diff --git a/projects/core/src/icon/utils/technology.ts b/projects/core/src/icon/utils/technology.ts
new file mode 100644
index 000000000..120c3d8eb
--- /dev/null
+++ b/projects/core/src/icon/utils/technology.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TECHNOLOGY_ICONS = ``;
diff --git a/projects/core/src/icon/utils/text-editing.ts b/projects/core/src/icon/utils/text-editing.ts
new file mode 100644
index 000000000..07aef2042
--- /dev/null
+++ b/projects/core/src/icon/utils/text-editing.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TEXT_EDITING_ICONS = ``;
diff --git a/projects/core/src/icon/utils/travel.ts b/projects/core/src/icon/utils/travel.ts
new file mode 100644
index 000000000..607584fa9
--- /dev/null
+++ b/projects/core/src/icon/utils/travel.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+export const TRAVEL_ICONS = ``;

From 4bf4977799a3545df899ec5a219bfcebf46a0d32 Mon Sep 17 00:00:00 2001
From: mivaylo <mivaylo@vmware.com>
Date: Fri, 20 Sep 2024 17:07:25 +0300
Subject: [PATCH 2/5] feat(icons): update api-doc

---
 projects/core/custom-elements.json | 213 ++++++++++++++++++++++++++++-
 1 file changed, 211 insertions(+), 2 deletions(-)

diff --git a/projects/core/custom-elements.json b/projects/core/custom-elements.json
index 1924eee00..2de96bfd4 100644
--- a/projects/core/custom-elements.json
+++ b/projects/core/custom-elements.json
@@ -1564,11 +1564,11 @@
               },
               "attribute": "expanded",
               "description": "boolean",
+              "default": "false",
               "inheritedFrom": {
                 "name": "CdsBaseButton",
                 "module": "internal/base/button.base.js"
-              },
-              "default": "false"
+              }
             },
             {
               "kind": "field",
@@ -35605,6 +35605,68 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/all-groups.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "listAllIcons"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "listAllIcons",
+          "declaration": {
+            "name": "listAllIcons",
+            "module": "icon/utils/all-groups.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/charts.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "CHART_ICONS",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CHART_ICONS",
+          "declaration": {
+            "name": "CHART_ICONS",
+            "module": "icon/utils/charts.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/commerce.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "COMMERCE_ICONS",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "COMMERCE_ICONS",
+          "declaration": {
+            "name": "COMMERCE_ICONS",
+            "module": "icon/utils/commerce.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "icon/utils/icon.classnames.js",
@@ -35778,6 +35840,111 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/media.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "MEDIA_ICONS",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MEDIA_ICONS",
+          "declaration": {
+            "name": "MEDIA_ICONS",
+            "module": "icon/utils/media.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/social.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "SOCIAL_ICONS",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SOCIAL_ICONS",
+          "declaration": {
+            "name": "SOCIAL_ICONS",
+            "module": "icon/utils/social.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/technology-1.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TECHNOLOGY_ICONS_PART_ONE",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TECHNOLOGY_ICONS_PART_ONE",
+          "declaration": {
+            "name": "TECHNOLOGY_ICONS_PART_ONE",
+            "module": "icon/utils/technology-1.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/technology-2.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TECHNOLOGY_ICONS_PART_2",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TECHNOLOGY_ICONS_PART_2",
+          "declaration": {
+            "name": "TECHNOLOGY_ICONS_PART_2",
+            "module": "icon/utils/technology-2.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/technology.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TECHNOLOGY_ICONS",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TECHNOLOGY_ICONS",
+          "declaration": {
+            "name": "TECHNOLOGY_ICONS",
+            "module": "icon/utils/technology.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "icon/utils/test-icons.js",
@@ -35818,6 +35985,48 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/text-editing.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TEXT_EDITING_ICONS",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TEXT_EDITING_ICONS",
+          "declaration": {
+            "name": "TEXT_EDITING_ICONS",
+            "module": "icon/utils/text-editing.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "icon/utils/travel.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TRAVEL_ICONS",
+          "default": "``"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TRAVEL_ICONS",
+          "declaration": {
+            "name": "TRAVEL_ICONS",
+            "module": "icon/utils/travel.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "index.js",

From 9b59b771f92c27a0a68b605f2da520f99a8c79c4 Mon Sep 17 00:00:00 2001
From: mivaylo <mivaylo@vmware.com>
Date: Fri, 20 Sep 2024 17:19:09 +0300
Subject: [PATCH 3/5] feat(icons): update api-doc

---
 projects/core/custom-elements.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/core/custom-elements.json b/projects/core/custom-elements.json
index 2de96bfd4..fc6de05e4 100644
--- a/projects/core/custom-elements.json
+++ b/projects/core/custom-elements.json
@@ -1564,11 +1564,11 @@
               },
               "attribute": "expanded",
               "description": "boolean",
-              "default": "false",
               "inheritedFrom": {
                 "name": "CdsBaseButton",
                 "module": "internal/base/button.base.js"
-              }
+              },
+              "default": "false"
             },
             {
               "kind": "field",

From dbf636faeaefc4e8524c0984b6643961ac77af14 Mon Sep 17 00:00:00 2001
From: mivaylo <mivaylo@vmware.com>
Date: Fri, 20 Sep 2024 17:37:51 +0300
Subject: [PATCH 4/5] feat(icons): update story

---
 projects/core/src/icon/utils/charts.ts       | 121 ++++++++++-
 projects/core/src/icon/utils/commerce.ts     | 212 ++++++++++++++++++-
 projects/core/src/icon/utils/media.ts        | 194 ++++++++++++++++-
 projects/core/src/icon/utils/social.ts       | 194 ++++++++++++++++-
 projects/core/src/icon/utils/text-editing.ts | 104 ++++++++-
 5 files changed, 820 insertions(+), 5 deletions(-)

diff --git a/projects/core/src/icon/utils/charts.ts b/projects/core/src/icon/utils/charts.ts
index bfc7f3f84..154a3c3d0 100644
--- a/projects/core/src/icon/utils/charts.ts
+++ b/projects/core/src/icon/utils/charts.ts
@@ -4,4 +4,123 @@
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 
-export const CHART_ICONS = ``;
+export const CHART_ICONS =
+  `<br/>` +
+  `Charts` +
+  `</br>` +
+  `Axis-chart (Dev) Axes (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="axis-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="axis-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="axis-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="axis-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="axis-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="axis-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `Bar-chart (Dev) Bar (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="bar-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bar-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bar-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bar-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bar-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bar-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `box-plot (Dev) box (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="box-plot" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="box-plot" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="box-plot" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="box-plot" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="box-plot" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="box-plot" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `bubble-chart (Dev) bubble (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="bubble-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bubble-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bubble-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bubble-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bubble-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bubble-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `cloud-chart (Dev) cloud (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="cloud-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="cloud-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="cloud-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="cloud-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="cloud-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="cloud-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `curve-chart (Dev) curve (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="curve-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="curve-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="curve-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="curve-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="curve-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="curve-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `grid-chart (Dev) grid (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="grid-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="grid-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="grid-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="grid-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="grid-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="grid-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `heat-map (Dev) heat (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="heat-map" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heat-map" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heat-map" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heat-map" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heat-map" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heat-map" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `line-chart (Dev) line (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="line-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="line-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="line-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="line-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="line-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="line-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `pie-chart (Dev) pie (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="pie-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pie-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pie-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pie-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pie-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pie-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `scatter-plot (Dev) scatter (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="scatter-plot" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="scatter-plot" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="scatter-plot" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="scatter-plot" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="scatter-plot" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="scatter-plot" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `tick-chart (Dev) ticks (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="tick-chart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tick-chart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tick-chart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tick-chart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tick-chart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tick-chart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `bell-curve (Dev) bell-curve (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="bell-curve" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bell-curve" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bell-curve" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bell-curve" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bell-curve" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bell-curve" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>`;
diff --git a/projects/core/src/icon/utils/commerce.ts b/projects/core/src/icon/utils/commerce.ts
index 4c188ff12..e2d3668c7 100644
--- a/projects/core/src/icon/utils/commerce.ts
+++ b/projects/core/src/icon/utils/commerce.ts
@@ -4,4 +4,214 @@
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 
-export const COMMERCE_ICONS = ``;
+export const COMMERCE_ICONS =
+  `</br>` +
+  `Commerce` +
+  `</br>` +
+  `<br/>` +
+  `calculator (Dev) calculator (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="calculator" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calculator" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calculator" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calculator" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calculator" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calculator" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `piggy-bank (Dev) piggy-bank (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="piggy-bank" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="piggy-bank" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="piggy-bank" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="piggy-bank" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="piggy-bank" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="piggy-bank" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `shopping-bag (Dev) shopping-bag (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="shopping-bag" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-bag" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-bag" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-bag" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-bag" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-bag" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `shopping-cart (Dev) shopping-cart (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="shopping-cart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-cart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-cart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-cart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-cart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shopping-cart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `wallet (Dev) wallet (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="wallet" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wallet" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wallet" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wallet" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wallet" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wallet" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `store (Dev) store (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="store" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="store" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="store" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="store" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="store" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="store" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `euro (Dev) euro (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="euro" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="euro" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="euro" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="euro" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="euro" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="euro" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `dollar (Dev) dollar (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="dollar" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `credit-card (Dev) credit-card (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="credit-card" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="credit-card" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="credit-card" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="credit-card" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="credit-card" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="credit-card" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `bank (Dev) bank (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="bank" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bank" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bank" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bank" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bank" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bank" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `dollar-bill (Dev) dollar-bill (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="dollar-bill" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar-bill" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar-bill" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar-bill" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar-bill" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="dollar-bill" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `e-check (Dev) e-check (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="e-check" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="e-check" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="e-check" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="e-check" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="e-check" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="e-check" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `pound (Dev) pound (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="pound" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pound" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pound" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pound" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pound" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pound" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `rupee (Dev) rupee (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="rupee" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rupee" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rupee" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rupee" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rupee" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rupee" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `won (Dev) won (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="won" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="won" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="won" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="won" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="won" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="won" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `yen (Dev) yen (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="yen" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="yen" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="yen" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="yen" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="yen" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="yen" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `bitcoin (Dev) bitcoin (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="bitcoin" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bitcoin" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bitcoin" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bitcoin" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bitcoin" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bitcoin" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `peso (Dev) peso (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="peso" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="peso" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="peso" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="peso" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="peso" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="peso" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `coin-bag (Dev) coin-bag (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="coin-bag" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="coin-bag" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="coin-bag" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="coin-bag" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="coin-bag" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="coin-bag" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `ruble (Dev) ruble (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="ruble" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="ruble" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="ruble" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="ruble" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="ruble" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="ruble" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `employee (Dev) employee (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="employee" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `employee-grou (Dev) employee-grou (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="employee-grou" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee-grou" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee-grou" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee-grou" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee-grou" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="employee-grou" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `factory (Dev) factory (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="factory" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="factory" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="factory" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="factory" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="factory" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="factory" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>`;
diff --git a/projects/core/src/icon/utils/media.ts b/projects/core/src/icon/utils/media.ts
index 9dc5659eb..7a66345f8 100644
--- a/projects/core/src/icon/utils/media.ts
+++ b/projects/core/src/icon/utils/media.ts
@@ -4,4 +4,196 @@
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 
-export const MEDIA_ICONS = ``;
+export const MEDIA_ICONS =
+  `Media` +
+  `</br>` +
+  `</br>` +
+  `<br/>` +
+  `play (Dev) play (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="play" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="play" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="play" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="play" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="play" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="play" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `pause (Dev) pause (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="pause" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pause" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pause" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pause" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pause" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="pause" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `step-forward (Dev) step-forward (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="step-forward" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="step-forward" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="step-forward" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="step-forward" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="step-forward" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="step-forward" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `stop (Dev) stop (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="stop" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="stop" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="stop" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="stop" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="stop" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="stop" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `power (Dev) power (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="power" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="power" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="power" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="power" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="power" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="power" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `rewind (Dev) rewind (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="rewind" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rewind" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rewind" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rewind" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rewind" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="rewind" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `fast-forward (Dev) fast-forward (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="fast-forward" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="fast-forward" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="fast-forward" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="fast-forward" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="fast-forward" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="fast-forward" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `camera (Dev) camera (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="camera" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="camera" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="camera" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="camera" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="camera" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="camera" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `video-camera (Dev) video-camera (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="video-camera" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-camera" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-camera" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-camera" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-camera" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-camera" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `volume-up (Dev) volume-up (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="volume-up" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-up" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-up" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-up" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-up" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-up" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `volume-down (Dev) volume-down (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="volume-down" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-down" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-down" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-down" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-down" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-down" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `volume-mute (Dev) volume-mute (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="volume-mute" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-mute" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-mute" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-mute" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-mute" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="volume-mute" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `headphones (Dev) headphones (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="headphones" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="headphones" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="headphones" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="headphones" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="headphones" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="headphones" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `film-strip (Dev) film-strip (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="film-strip" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="film-strip" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="film-strip" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="film-strip" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="film-strip" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="film-strip" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `music-note (Dev) music-note (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="music-note" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="music-note" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="music-note" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="music-note" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="music-note" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="music-note" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `image-gallery (Dev) image-gallery (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="image-gallery" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="image-gallery" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="image-gallery" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="image-gallery" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="image-gallery" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="image-gallery" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `video-gallery (Dev) video-gallery (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="video-gallery" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-gallery" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-gallery" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-gallery" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-gallery" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="video-gallery" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `shuffle (Dev) shuffle (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="shuffle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shuffle" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shuffle" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shuffle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shuffle" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="shuffle" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `wand (Dev) wand (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="wand" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wand" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wand" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wand" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wand" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="wand" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `reply-all (Dev) reply-all (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="reply-all" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-all" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-all" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-all" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-all" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-all" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `reply-one (Dev) reply-one (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="reply-one" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-one" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-one" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-one" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-one" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="reply-one" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>`;
diff --git a/projects/core/src/icon/utils/social.ts b/projects/core/src/icon/utils/social.ts
index d6389018d..a6d83139d 100644
--- a/projects/core/src/icon/utils/social.ts
+++ b/projects/core/src/icon/utils/social.ts
@@ -4,4 +4,196 @@
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 
-export const SOCIAL_ICONS = ``;
+export const SOCIAL_ICONS =
+  `</br>` +
+  `Social` +
+  `</br>` +
+  `<br/>` +
+  `share (Dev) share (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="share" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `star (Dev) star (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="star" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="star" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="star" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="star" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="star" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="star" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `half-star (Dev) half-star (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="half-star" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="half-star" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="half-star" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="half-star" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="half-star" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="half-star" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `bookmark (Dev) bookmark (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="bookmark" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bookmark" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bookmark" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bookmark" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bookmark" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bookmark" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `envelope (Dev) envelope (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="envelope" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="envelope" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="envelope" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="envelope" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="envelope" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="envelope" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `calendar (Dev) calendar (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="calendar" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calendar" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calendar" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calendar" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calendar" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="calendar" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `event (Dev) event (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="event" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="event" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="event" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="event" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="event" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="event" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `tasks (Dev) tasks (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="tasks" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tasks" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tasks" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tasks" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tasks" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="tasks" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `flag (Dev) flag (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="flag" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="flag" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="flag" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="flag" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="flag" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="flag" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `inbox (Dev) inbox (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="inbox" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="inbox" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="inbox" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="inbox" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="inbox" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="inbox" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `heart (Dev) heart (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="heart" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heart" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heart" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heart" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heart" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heart" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `heartbroken (Dev) heartbroken (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="heartbroken" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heartbroken" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heartbroken" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heartbroken" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heartbroken" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="heartbroken" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `talk-bubbles (Dev) talk-bubbles (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="talk-bubbles" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="talk-bubbles" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="talk-bubbles" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="talk-bubbles" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="talk-bubbles" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="talk-bubbles" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `chat-bubbles (Dev) chat-bubbles (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="chat-bubbles" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="chat-bubbles" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="chat-bubbles" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="chat-bubbles" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="chat-bubbles" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="chat-bubbles" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `happy-face (Dev) happy-face (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="happy-face" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="happy-face" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="happy-face" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="happy-face" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="happy-face" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="happy-face" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `neutral-face (Dev) neutral-face (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="neutral-face" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="neutral-face" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="neutral-face" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="neutral-face" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="neutral-face" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="neutral-face" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `sad-face (Dev) sad-face (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="sad-face" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="sad-face" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="sad-face" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="sad-face" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="sad-face" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="sad-face" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `thumbs-up (Dev) thumbs-up (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="thumbs-up" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-up" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-up" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-up" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-up" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-up" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `thumbs-down (Dev) thumbs-down (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="thumbs-down" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-down" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-down" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-down" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-down" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="thumbs-down" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `crown (Dev) crown (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="crown" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="crown" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="crown" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="crown" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="crown" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="crown" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `hashtag (Dev) hash-tag (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="hashtag" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="hashtag" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="hashtag" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="hashtag" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="hashtag" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="hashtag" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>`;
diff --git a/projects/core/src/icon/utils/text-editing.ts b/projects/core/src/icon/utils/text-editing.ts
index 07aef2042..8d340b518 100644
--- a/projects/core/src/icon/utils/text-editing.ts
+++ b/projects/core/src/icon/utils/text-editing.ts
@@ -4,4 +4,106 @@
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 
-export const TEXT_EDITING_ICONS = ``;
+export const TEXT_EDITING_ICONS =
+  `</br>` +
+  `Text editing` +
+  `</br>` +
+  `<br/>` +
+  `share (Dev) share (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="share" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="share" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `paint-roller (Dev) paint-roller (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="paint-roller" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="paint-roller" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="paint-roller" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="paint-roller" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="paint-roller" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="paint-roller" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `bold (Dev) bold (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="bold" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bold" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bold" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bold" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bold" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bold" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `italic (Dev) italic (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="italic" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="italic" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="italic" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="italic" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="italic" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="italic" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `underline (Dev) underline (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="underline" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="underline" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="underline" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="underline" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="underline" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="underline" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `font-size (Dev) font-size (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="font-size" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="font-size" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="font-size" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="font-size" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="font-size" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="font-size" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `text (Dev) text (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="text" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="text" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="text" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="text" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="text" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="text" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `bullet-list (Dev) bulleted-list (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="bullet-list" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bullet-list" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bullet-list" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bullet-list" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bullet-list" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="bullet-list" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `number-list (Dev) numbered-list (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="number-list" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="number-list" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="number-list" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="number-list" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="number-list" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="number-list" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `checkboxed-list (Dev) checkbox-list (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="checkboxed-list" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="checkboxed-list" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="checkboxed-list" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="checkboxed-list" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="checkboxed-list" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="checkboxed-list" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<br/>` +
+  `justify-list (Dev) justify (Figma):` +
+  `<br/>` +
+  `<cds-icon shape="justify-text" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="justify-text" badge="warning-triangle" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="justify-text" badge="danger" role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="justify-text" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="justify-text" badge="warning-triangle" solid role="img" aria-label="Icons v3.1.0"></cds-icon>` +
+  `<cds-icon shape="justify-text" badge="danger" solid role="img" aria-label="Icons v3.1.0"></cds-icon>`;

From 238017092e1776e732c9d29cf3af779eb2c64d9c Mon Sep 17 00:00:00 2001
From: mivaylo <mivaylo@vmware.com>
Date: Fri, 20 Sep 2024 17:54:28 +0300
Subject: [PATCH 5/5] feat(icons): update api-doc

---
 projects/core/custom-elements.json | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/projects/core/custom-elements.json b/projects/core/custom-elements.json
index fc6de05e4..a6f4ffb89 100644
--- a/projects/core/custom-elements.json
+++ b/projects/core/custom-elements.json
@@ -35631,8 +35631,7 @@
       "declarations": [
         {
           "kind": "variable",
-          "name": "CHART_ICONS",
-          "default": "``"
+          "name": "CHART_ICONS"
         }
       ],
       "exports": [
@@ -35652,8 +35651,7 @@
       "declarations": [
         {
           "kind": "variable",
-          "name": "COMMERCE_ICONS",
-          "default": "``"
+          "name": "COMMERCE_ICONS"
         }
       ],
       "exports": [
@@ -35846,8 +35844,7 @@
       "declarations": [
         {
           "kind": "variable",
-          "name": "MEDIA_ICONS",
-          "default": "``"
+          "name": "MEDIA_ICONS"
         }
       ],
       "exports": [
@@ -35867,8 +35864,7 @@
       "declarations": [
         {
           "kind": "variable",
-          "name": "SOCIAL_ICONS",
-          "default": "``"
+          "name": "SOCIAL_ICONS"
         }
       ],
       "exports": [
@@ -35991,8 +35987,7 @@
       "declarations": [
         {
           "kind": "variable",
-          "name": "TEXT_EDITING_ICONS",
-          "default": "``"
+          "name": "TEXT_EDITING_ICONS"
         }
       ],
       "exports": [