fix: added missing icon to the types (#1574)

* fix: added missing icon to the types #1573

* fix: added missing icon types

* docs: added relevant comment

* Update iconset.array.ts

* Update iconset.array.ts

* Update iconset.array.ts

* Update iconset.array.ts

* Update iconset.array.ts

Author: mfranzke

packages/db-ui-elements-stencil/src/components/db-icon/iconset.array.ts

@@ -48,6 +48,9 @@ export const iconsetAction: string[] = [
   'image',
   'info',
   'intercity-train',
+  'steppless-entry',
+  'ticket-subscription',
+  'walking-fast',
   'key',
   'legal',
   'lightbulb',
@@ -240,6 +243,7 @@ export const iconsetSeat: string[] = [
   'aisle-not-available',
   'bed',
   'childrens-compartment',
+  'couchette',
   'elderly',
   'handicapped',
   'parent-child-compartment',
@@ -274,11 +278,43 @@ export const iconsetTicket: string[] = [
 ];
 
 export const iconsetTransportation: string[] = [
+  'airplane',
   'bicycle',
+  'bicycle-trailer',
+  // 'bikesharing',
+  // 'bus-local',
+  // 'bus-long-distance',
+  'call-a-bike',
   'car',
   'car-sequence',
+  'carsharing',
+  'electric-locomotive',
+  'electric-scooter',
+  'ev-car',
+  'ferry',
+  'handcart',
+  'ice',
   'ice-side-view',
+  'local-bus',
+  'local-train',
+  'long-distance-bus',
+  'rail-and-fly',
+  'railroad-car',
+  's-bahn',
+  'scooter',
+  // 'ship',
+  'speedboat',
   'sprinter',
+  'subway',
+  'taxi',
+  'train-and-car',
+  // 'train-ec',
+  // 'train-ic',
+  // 'train-ice',
+  // 'train-rb',
+  // 'train-re',
+  'tram',
+  // 'underground',
   'walking'
 ];
 

packages/db-ui-elements-stencil/src/components/db-icon/stories/db-icon.intro.stories.mdx

@@ -26,6 +26,8 @@ The icon attribute is to select the icon. To see all Icons visit <a href="https:
 
 The variant attribute specifies the size and style of an icon.
 
+Please be aware that our icons aren't available in all variants (size and type) that we provide for configuration. In case you're missing an icon especially within any size bigger than `20`, please configure a lower size and set the icon-font-size via CSS Custom Property `--icon-font-size-before` on the `db-icon` element.
+
 <Canvas>
   <db-icon icon="account" variant="20-outline"></db-icon>
   <db-icon icon="account" variant="24-outline"></db-icon>

showcase/playground-showcase/src/grapesjs/icons.tsx

@@ -19,6 +19,9 @@ export const iconset: string[] = [
   'filter',
   'generic-card',
   'giftcard',
+  'steppless-entry',
+  'ticket-subscription',
+  'walking-fast',
   'heart',
   'heart-on',
   'help',