@ni/nimble-components 10.0.8 → 11.0.1

package/dist/all-components-bundle.js

@@ -16404,1563 +16404,1563 @@
     /**
      * The icon component for the 'add' icon
      */
-    class AddIcon extends Icon {
+    class IconAdd extends Icon {
         constructor() {
             super(add16X16);
         }
     }
-    registerIcon('add-icon', AddIcon);
+    registerIcon('icon-add', IconAdd);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowDownRightAndArrowUpLeft' icon
      */
-    class ArrowDownRightAndArrowUpLeftIcon extends Icon {
+    class IconArrowDownRightAndArrowUpLeft extends Icon {
         constructor() {
             super(arrowDownRightAndArrowUpLeft16X16);
         }
     }
-    registerIcon('arrow-down-right-and-arrow-up-left-icon', ArrowDownRightAndArrowUpLeftIcon);
+    registerIcon('icon-arrow-down-right-and-arrow-up-left', IconArrowDownRightAndArrowUpLeft);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowExpanderDown' icon
      */
-    class ArrowExpanderDownIcon extends Icon {
+    class IconArrowExpanderDown extends Icon {
         constructor() {
             super(arrowExpanderDown16X16);
         }
     }
-    registerIcon('arrow-expander-down-icon', ArrowExpanderDownIcon);
+    registerIcon('icon-arrow-expander-down', IconArrowExpanderDown);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowExpanderLeft' icon
      */
-    class ArrowExpanderLeftIcon extends Icon {
+    class IconArrowExpanderLeft extends Icon {
         constructor() {
             super(arrowExpanderLeft16X16);
         }
     }
-    registerIcon('arrow-expander-left-icon', ArrowExpanderLeftIcon);
+    registerIcon('icon-arrow-expander-left', IconArrowExpanderLeft);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowExpanderRight' icon
      */
-    class ArrowExpanderRightIcon extends Icon {
+    class IconArrowExpanderRight extends Icon {
         constructor() {
             super(arrowExpanderRight16X16);
         }
     }
-    registerIcon('arrow-expander-right-icon', ArrowExpanderRightIcon);
+    registerIcon('icon-arrow-expander-right', IconArrowExpanderRight);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowExpanderUp' icon
      */
-    class ArrowExpanderUpIcon extends Icon {
+    class IconArrowExpanderUp extends Icon {
         constructor() {
             super(arrowExpanderUp16X16);
         }
     }
-    registerIcon('arrow-expander-up-icon', ArrowExpanderUpIcon);
+    registerIcon('icon-arrow-expander-up', IconArrowExpanderUp);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowLeftFromLine' icon
      */
-    class ArrowLeftFromLineIcon extends Icon {
+    class IconArrowLeftFromLine extends Icon {
         constructor() {
             super(arrowLeftFromLine16X16);
         }
     }
-    registerIcon('arrow-left-from-line-icon', ArrowLeftFromLineIcon);
+    registerIcon('icon-arrow-left-from-line', IconArrowLeftFromLine);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowPartialRotateLeft' icon
      */
-    class ArrowPartialRotateLeftIcon extends Icon {
+    class IconArrowPartialRotateLeft extends Icon {
         constructor() {
             super(arrowPartialRotateLeft16X16);
         }
     }
-    registerIcon('arrow-partial-rotate-left-icon', ArrowPartialRotateLeftIcon);
+    registerIcon('icon-arrow-partial-rotate-left', IconArrowPartialRotateLeft);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowRightToLine' icon
      */
-    class ArrowRightToLineIcon extends Icon {
+    class IconArrowRightToLine extends Icon {
         constructor() {
             super(arrowRightToLine16X16);
         }
     }
-    registerIcon('arrow-right-to-line-icon', ArrowRightToLineIcon);
+    registerIcon('icon-arrow-right-to-line', IconArrowRightToLine);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowRotateRight' icon
      */
-    class ArrowRotateRightIcon extends Icon {
+    class IconArrowRotateRight extends Icon {
         constructor() {
             super(arrowRotateRight16X16);
         }
     }
-    registerIcon('arrow-rotate-right-icon', ArrowRotateRightIcon);
+    registerIcon('icon-arrow-rotate-right', IconArrowRotateRight);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowURotateLeft' icon
      */
-    class ArrowURotateLeftIcon extends Icon {
+    class IconArrowURotateLeft extends Icon {
         constructor() {
             super(arrowURotateLeft16X16);
         }
     }
-    registerIcon('arrow-u-rotate-left-icon', ArrowURotateLeftIcon);
+    registerIcon('icon-arrow-u-rotate-left', IconArrowURotateLeft);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowUpLeftAndArrowDownRight' icon
      */
-    class ArrowUpLeftAndArrowDownRightIcon extends Icon {
+    class IconArrowUpLeftAndArrowDownRight extends Icon {
         constructor() {
             super(arrowUpLeftAndArrowDownRight16X16);
         }
     }
-    registerIcon('arrow-up-left-and-arrow-down-right-icon', ArrowUpLeftAndArrowDownRightIcon);
+    registerIcon('icon-arrow-up-left-and-arrow-down-right', IconArrowUpLeftAndArrowDownRight);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowsMaximize' icon
      */
-    class ArrowsMaximizeIcon extends Icon {
+    class IconArrowsMaximize extends Icon {
         constructor() {
             super(arrowsMaximize16X16);
         }
     }
-    registerIcon('arrows-maximize-icon', ArrowsMaximizeIcon);
+    registerIcon('icon-arrows-maximize', IconArrowsMaximize);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowsRepeat' icon
      */
-    class ArrowsRepeatIcon extends Icon {
+    class IconArrowsRepeat extends Icon {
         constructor() {
             super(arrowsRepeat16X16);
         }
     }
-    registerIcon('arrows-repeat-icon', ArrowsRepeatIcon);
+    registerIcon('icon-arrows-repeat', IconArrowsRepeat);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'bars' icon
      */
-    class BarsIcon extends Icon {
+    class IconBars extends Icon {
         constructor() {
             super(bars16X16);
         }
     }
-    registerIcon('bars-icon', BarsIcon);
+    registerIcon('icon-bars', IconBars);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'bell' icon
      */
-    class BellIcon extends Icon {
+    class IconBell extends Icon {
         constructor() {
             super(bell16X16);
         }
     }
-    registerIcon('bell-icon', BellIcon);
+    registerIcon('icon-bell', IconBell);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'bellAndComment' icon
      */
-    class BellAndCommentIcon extends Icon {
+    class IconBellAndComment extends Icon {
         constructor() {
             super(bellAndComment16X16);
         }
     }
-    registerIcon('bell-and-comment-icon', BellAndCommentIcon);
+    registerIcon('icon-bell-and-comment', IconBellAndComment);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'bellCircle' icon
      */
-    class BellCircleIcon extends Icon {
+    class IconBellCircle extends Icon {
         constructor() {
             super(bellCircle16X16);
         }
     }
-    registerIcon('bell-circle-icon', BellCircleIcon);
+    registerIcon('icon-bell-circle', IconBellCircle);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'bellSolidCircle' icon
      */
-    class BellSolidCircleIcon extends Icon {
+    class IconBellSolidCircle extends Icon {
         constructor() {
             super(bellSolidCircle16X16);
         }
     }
-    registerIcon('bell-solid-circle-icon', BellSolidCircleIcon);
+    registerIcon('icon-bell-solid-circle', IconBellSolidCircle);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'blockWithRibbon' icon
      */
-    class BlockWithRibbonIcon extends Icon {
+    class IconBlockWithRibbon extends Icon {
         constructor() {
             super(blockWithRibbon16X16);
         }
     }
-    registerIcon('block-with-ribbon-icon', BlockWithRibbonIcon);
+    registerIcon('icon-block-with-ribbon', IconBlockWithRibbon);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'calendar' icon
      */
-    class CalendarIcon extends Icon {
+    class IconCalendar extends Icon {
         constructor() {
             super(calendar16X16);
         }
     }
-    registerIcon('calendar-icon', CalendarIcon);
+    registerIcon('icon-calendar', IconCalendar);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'chartDiagram' icon
      */
-    class ChartDiagramIcon extends Icon {
+    class IconChartDiagram extends Icon {
         constructor() {
             super(chartDiagram16X16);
         }
     }
-    registerIcon('chart-diagram-icon', ChartDiagramIcon);
+    registerIcon('icon-chart-diagram', IconChartDiagram);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'chartDiagramChildFocus' icon
      */
-    class ChartDiagramChildFocusIcon extends Icon {
+    class IconChartDiagramChildFocus extends Icon {
         constructor() {
             super(chartDiagramChildFocus16X16);
         }
     }
-    registerIcon('chart-diagram-child-focus-icon', ChartDiagramChildFocusIcon);
+    registerIcon('icon-chart-diagram-child-focus', IconChartDiagramChildFocus);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'chartDiagramParentFocus' icon
      */
-    class ChartDiagramParentFocusIcon extends Icon {
+    class IconChartDiagramParentFocus extends Icon {
         constructor() {
             super(chartDiagramParentFocus16X16);
         }
     }
-    registerIcon('chart-diagram-parent-focus-icon', ChartDiagramParentFocusIcon);
+    registerIcon('icon-chart-diagram-parent-focus', IconChartDiagramParentFocus);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'chartDiagramParentFocusTwoChild' icon
      */
-    class ChartDiagramParentFocusTwoChildIcon extends Icon {
+    class IconChartDiagramParentFocusTwoChild extends Icon {
         constructor() {
             super(chartDiagramParentFocusTwoChild16X16);
         }
     }
-    registerIcon('chart-diagram-parent-focus-two-child-icon', ChartDiagramParentFocusTwoChildIcon);
+    registerIcon('icon-chart-diagram-parent-focus-two-child', IconChartDiagramParentFocusTwoChild);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'check' icon
      */
-    class CheckIcon extends Icon {
+    class IconCheck extends Icon {
         constructor() {
             super(check16X16);
         }
     }
-    registerIcon('check-icon', CheckIcon);
+    registerIcon('icon-check', IconCheck);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'checkDot' icon
      */
-    class CheckDotIcon extends Icon {
+    class IconCheckDot extends Icon {
         constructor() {
             super(checkDot16X16);
         }
     }
-    registerIcon('check-dot-icon', CheckDotIcon);
+    registerIcon('icon-check-dot', IconCheckDot);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'circle' icon
      */
-    class CircleIcon extends Icon {
+    class IconCircle extends Icon {
         constructor() {
             super(circle16X16);
         }
     }
-    registerIcon('circle-icon', CircleIcon);
+    registerIcon('icon-circle', IconCircle);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'circleBroken' icon
      */
-    class CircleBrokenIcon extends Icon {
+    class IconCircleBroken extends Icon {
         constructor() {
             super(circleBroken16X16);
         }
     }
-    registerIcon('circle-broken-icon', CircleBrokenIcon);
+    registerIcon('icon-circle-broken', IconCircleBroken);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'circleCheck' icon
      */
-    class CircleCheckIcon extends Icon {
+    class IconCircleCheck extends Icon {
         constructor() {
             super(circleCheck16X16);
         }
     }
-    registerIcon('circle-check-icon', CircleCheckIcon);
+    registerIcon('icon-circle-check', IconCircleCheck);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'circlePartialBroken' icon
      */
-    class CirclePartialBrokenIcon extends Icon {
+    class IconCirclePartialBroken extends Icon {
         constructor() {
             super(circlePartialBroken16X16);
         }
     }
-    registerIcon('circle-partial-broken-icon', CirclePartialBrokenIcon);
+    registerIcon('icon-circle-partial-broken', IconCirclePartialBroken);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'circleSlash' icon
      */
-    class CircleSlashIcon extends Icon {
+    class IconCircleSlash extends Icon {
         constructor() {
             super(circleSlash16X16);
         }
     }
-    registerIcon('circle-slash-icon', CircleSlashIcon);
+    registerIcon('icon-circle-slash', IconCircleSlash);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'circleX' icon
      */
-    class CircleXIcon extends Icon {
+    class IconCircleX extends Icon {
         constructor() {
             super(circleX16X16);
         }
     }
-    registerIcon('circle-x-icon', CircleXIcon);
+    registerIcon('icon-circle-x', IconCircleX);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'clipboard' icon
      */
-    class ClipboardIcon extends Icon {
+    class IconClipboard extends Icon {
         constructor() {
             super(clipboard16X16);
         }
     }
-    registerIcon('clipboard-icon', ClipboardIcon);
+    registerIcon('icon-clipboard', IconClipboard);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'clock' icon
      */
-    class ClockIcon extends Icon {
+    class IconClock extends Icon {
         constructor() {
             super(clock16X16);
         }
     }
-    registerIcon('clock-icon', ClockIcon);
+    registerIcon('icon-clock', IconClock);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'clockCog' icon
      */
-    class ClockCogIcon extends Icon {
+    class IconClockCog extends Icon {
         constructor() {
             super(clockCog16X16);
         }
     }
-    registerIcon('clock-cog-icon', ClockCogIcon);
+    registerIcon('icon-clock-cog', IconClockCog);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'clockTriangle' icon
      */
-    class ClockTriangleIcon extends Icon {
+    class IconClockTriangle extends Icon {
         constructor() {
             super(clockTriangle16X16);
         }
     }
-    registerIcon('clock-triangle-icon', ClockTriangleIcon);
+    registerIcon('icon-clock-triangle', IconClockTriangle);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'clone' icon
      */
-    class CloneIcon extends Icon {
+    class IconClone extends Icon {
         constructor() {
             super(clone16X16);
         }
     }
-    registerIcon('clone-icon', CloneIcon);
+    registerIcon('icon-clone', IconClone);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'cloudUpload' icon
      */
-    class CloudUploadIcon extends Icon {
+    class IconCloudUpload extends Icon {
         constructor() {
             super(cloudUpload16X16);
         }
     }
-    registerIcon('cloud-upload-icon', CloudUploadIcon);
+    registerIcon('icon-cloud-upload', IconCloudUpload);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'cloudWithArrow' icon
      */
-    class CloudWithArrowIcon extends Icon {
+    class IconCloudWithArrow extends Icon {
         constructor() {
             super(cloudWithArrow16X16);
         }
     }
-    registerIcon('cloud-with-arrow-icon', CloudWithArrowIcon);
+    registerIcon('icon-cloud-with-arrow', IconCloudWithArrow);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'cog' icon
      */
-    class CogIcon extends Icon {
+    class IconCog extends Icon {
         constructor() {
             super(cog16X16);
         }
     }
-    registerIcon('cog-icon', CogIcon);
+    registerIcon('icon-cog', IconCog);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'cogDatabase' icon
      */
-    class CogDatabaseIcon extends Icon {
+    class IconCogDatabase extends Icon {
         constructor() {
             super(cogDatabase16X16);
         }
     }
-    registerIcon('cog-database-icon', CogDatabaseIcon);
+    registerIcon('icon-cog-database', IconCogDatabase);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'cogDatabaseInset' icon
      */
-    class CogDatabaseInsetIcon extends Icon {
+    class IconCogDatabaseInset extends Icon {
         constructor() {
             super(cogDatabaseInset16X16);
         }
     }
-    registerIcon('cog-database-inset-icon', CogDatabaseInsetIcon);
+    registerIcon('icon-cog-database-inset', IconCogDatabaseInset);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'cogSmallCog' icon
      */
-    class CogSmallCogIcon extends Icon {
+    class IconCogSmallCog extends Icon {
         constructor() {
             super(cogSmallCog16X16);
         }
     }
-    registerIcon('cog-small-cog-icon', CogSmallCogIcon);
+    registerIcon('icon-cog-small-cog', IconCogSmallCog);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'cogZoomed' icon
      */
-    class CogZoomedIcon extends Icon {
+    class IconCogZoomed extends Icon {
         constructor() {
             super(cogZoomed16X16);
         }
     }
-    registerIcon('cog-zoomed-icon', CogZoomedIcon);
+    registerIcon('icon-cog-zoomed', IconCogZoomed);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'comment' icon
      */
-    class CommentIcon extends Icon {
+    class IconComment extends Icon {
         constructor() {
             super(comment16X16);
         }
     }
-    registerIcon('comment-icon', CommentIcon);
+    registerIcon('icon-comment', IconComment);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'computerAndMonitor' icon
      */
-    class ComputerAndMonitorIcon extends Icon {
+    class IconComputerAndMonitor extends Icon {
         constructor() {
             super(computerAndMonitor16X16);
         }
     }
-    registerIcon('computer-and-monitor-icon', ComputerAndMonitorIcon);
+    registerIcon('icon-computer-and-monitor', IconComputerAndMonitor);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'copy' icon
      */
-    class CopyIcon extends Icon {
+    class IconCopy extends Icon {
         constructor() {
             super(copy16X16);
         }
     }
-    registerIcon('copy-icon', CopyIcon);
+    registerIcon('icon-copy', IconCopy);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'copyText' icon
      */
-    class CopyTextIcon extends Icon {
+    class IconCopyText extends Icon {
         constructor() {
             super(copyText16X16);
         }
     }
-    registerIcon('copy-text-icon', CopyTextIcon);
+    registerIcon('icon-copy-text', IconCopyText);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'dashboardBuilder' icon
      */
-    class DashboardBuilderIcon extends Icon {
+    class IconDashboardBuilder extends Icon {
         constructor() {
             super(dashboardBuilder16X16);
         }
     }
-    registerIcon('dashboard-builder-icon', DashboardBuilderIcon);
+    registerIcon('icon-dashboard-builder', IconDashboardBuilder);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'dashboardBuilderLegend' icon
      */
-    class DashboardBuilderLegendIcon extends Icon {
+    class IconDashboardBuilderLegend extends Icon {
         constructor() {
             super(dashboardBuilderLegend16X16);
         }
     }
-    registerIcon('dashboard-builder-legend-icon', DashboardBuilderLegendIcon);
+    registerIcon('icon-dashboard-builder-legend', IconDashboardBuilderLegend);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'dashboardBuilderTemplates' icon
      */
-    class DashboardBuilderTemplatesIcon extends Icon {
+    class IconDashboardBuilderTemplates extends Icon {
         constructor() {
             super(dashboardBuilderTemplates16X16);
         }
     }
-    registerIcon('dashboard-builder-templates-icon', DashboardBuilderTemplatesIcon);
+    registerIcon('icon-dashboard-builder-templates', IconDashboardBuilderTemplates);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'dashboardBuilderTile' icon
      */
-    class DashboardBuilderTileIcon extends Icon {
+    class IconDashboardBuilderTile extends Icon {
         constructor() {
             super(dashboardBuilderTile16X16);
         }
     }
-    registerIcon('dashboard-builder-tile-icon', DashboardBuilderTileIcon);
+    registerIcon('icon-dashboard-builder-tile', IconDashboardBuilderTile);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'database' icon
      */
-    class DatabaseIcon extends Icon {
+    class IconDatabase extends Icon {
         constructor() {
             super(database16X16);
         }
     }
-    registerIcon('database-icon', DatabaseIcon);
+    registerIcon('icon-database', IconDatabase);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'databaseCheck' icon
      */
-    class DatabaseCheckIcon extends Icon {
+    class IconDatabaseCheck extends Icon {
         constructor() {
             super(databaseCheck16X16);
         }
     }
-    registerIcon('database-check-icon', DatabaseCheckIcon);
+    registerIcon('icon-database-check', IconDatabaseCheck);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'desktop' icon
      */
-    class DesktopIcon extends Icon {
+    class IconDesktop extends Icon {
         constructor() {
             super(desktop16X16);
         }
     }
-    registerIcon('desktop-icon', DesktopIcon);
+    registerIcon('icon-desktop', IconDesktop);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'donutChart' icon
      */
-    class DonutChartIcon extends Icon {
+    class IconDonutChart extends Icon {
         constructor() {
             super(donutChart16X16);
         }
     }
-    registerIcon('donut-chart-icon', DonutChartIcon);
+    registerIcon('icon-donut-chart', IconDonutChart);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'dotSolidDotStroke' icon
      */
-    class DotSolidDotStrokeIcon extends Icon {
+    class IconDotSolidDotStroke extends Icon {
         constructor() {
             super(dotSolidDotStroke16X16);
         }
     }
-    registerIcon('dot-solid-dot-stroke-icon', DotSolidDotStrokeIcon);
+    registerIcon('icon-dot-solid-dot-stroke', IconDotSolidDotStroke);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'download' icon
      */
-    class DownloadIcon extends Icon {
+    class IconDownload extends Icon {
         constructor() {
             super(download16X16);
         }
     }
-    registerIcon('download-icon', DownloadIcon);
+    registerIcon('icon-download', IconDownload);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'electronicChipZoomed' icon
      */
-    class ElectronicChipZoomedIcon extends Icon {
+    class IconElectronicChipZoomed extends Icon {
         constructor() {
             super(electronicChipZoomed16X16);
         }
     }
-    registerIcon('electronic-chip-zoomed-icon', ElectronicChipZoomedIcon);
+    registerIcon('icon-electronic-chip-zoomed', IconElectronicChipZoomed);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'exclamationMark' icon
      */
-    class ExclamationMarkIcon extends Icon {
+    class IconExclamationMark extends Icon {
         constructor() {
             super(exclamationMark16X16);
         }
     }
-    registerIcon('exclamation-mark-icon', ExclamationMarkIcon);
+    registerIcon('icon-exclamation-mark', IconExclamationMark);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'eye' icon
      */
-    class EyeIcon extends Icon {
+    class IconEye extends Icon {
         constructor() {
             super(eye16X16);
         }
     }
-    registerIcon('eye-icon', EyeIcon);
+    registerIcon('icon-eye', IconEye);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'fancyA' icon
      */
-    class FancyAIcon extends Icon {
+    class IconFancyA extends Icon {
         constructor() {
             super(fancyA16X16);
         }
     }
-    registerIcon('fancy-a-icon', FancyAIcon);
+    registerIcon('icon-fancy-a', IconFancyA);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'file' icon
      */
-    class FileIcon extends Icon {
+    class IconFile extends Icon {
         constructor() {
             super(file16X16);
         }
     }
-    registerIcon('file-icon', FileIcon);
+    registerIcon('icon-file', IconFile);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'fileDrawer' icon
      */
-    class FileDrawerIcon extends Icon {
+    class IconFileDrawer extends Icon {
         constructor() {
             super(fileDrawer16X16);
         }
     }
-    registerIcon('file-drawer-icon', FileDrawerIcon);
+    registerIcon('icon-file-drawer', IconFileDrawer);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'fileSearch' icon
      */
-    class FileSearchIcon extends Icon {
+    class IconFileSearch extends Icon {
         constructor() {
             super(fileSearch16X16);
         }
     }
-    registerIcon('file-search-icon', FileSearchIcon);
+    registerIcon('icon-file-search', IconFileSearch);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'filter' icon
      */
-    class FilterIcon extends Icon {
+    class IconFilter extends Icon {
         constructor() {
             super(filter16X16);
         }
     }
-    registerIcon('filter-icon', FilterIcon);
+    registerIcon('icon-filter', IconFilter);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'floppyDiskCheckmark' icon
      */
-    class FloppyDiskCheckmarkIcon extends Icon {
+    class IconFloppyDiskCheckmark extends Icon {
         constructor() {
             super(floppyDiskCheckmark16X16);
         }
     }
-    registerIcon('floppy-disk-checkmark-icon', FloppyDiskCheckmarkIcon);
+    registerIcon('icon-floppy-disk-checkmark', IconFloppyDiskCheckmark);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'floppyDiskStarArrowRight' icon
      */
-    class FloppyDiskStarArrowRightIcon extends Icon {
+    class IconFloppyDiskStarArrowRight extends Icon {
         constructor() {
             super(floppyDiskStarArrowRight16X16);
         }
     }
-    registerIcon('floppy-disk-star-arrow-right-icon', FloppyDiskStarArrowRightIcon);
+    registerIcon('icon-floppy-disk-star-arrow-right', IconFloppyDiskStarArrowRight);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'floppyDiskThreeDots' icon
      */
-    class FloppyDiskThreeDotsIcon extends Icon {
+    class IconFloppyDiskThreeDots extends Icon {
         constructor() {
             super(floppyDiskThreeDots16X16);
         }
     }
-    registerIcon('floppy-disk-three-dots-icon', FloppyDiskThreeDotsIcon);
+    registerIcon('icon-floppy-disk-three-dots', IconFloppyDiskThreeDots);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'folder' icon
      */
-    class FolderIcon extends Icon {
+    class IconFolder extends Icon {
         constructor() {
             super(folder16X16);
         }
     }
-    registerIcon('folder-icon', FolderIcon);
+    registerIcon('icon-folder', IconFolder);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'folderOpen' icon
      */
-    class FolderOpenIcon extends Icon {
+    class IconFolderOpen extends Icon {
         constructor() {
             super(folderOpen16X16);
         }
     }
-    registerIcon('folder-open-icon', FolderOpenIcon);
+    registerIcon('icon-folder-open', IconFolderOpen);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'forwardSlash' icon
      */
-    class ForwardSlashIcon extends Icon {
+    class IconForwardSlash extends Icon {
         constructor() {
             super(forwardSlash16X16);
         }
     }
-    registerIcon('forward-slash-icon', ForwardSlashIcon);
+    registerIcon('icon-forward-slash', IconForwardSlash);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'fourDotsSquare' icon
      */
-    class FourDotsSquareIcon extends Icon {
+    class IconFourDotsSquare extends Icon {
         constructor() {
             super(fourDotsSquare16X16);
         }
     }
-    registerIcon('four-dots-square-icon', FourDotsSquareIcon);
+    registerIcon('icon-four-dots-square', IconFourDotsSquare);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'function' icon
      */
-    class FunctionIcon extends Icon {
+    class IconFunction extends Icon {
         constructor() {
             super(function16X16);
         }
     }
-    registerIcon('function-icon', FunctionIcon);
+    registerIcon('icon-function', IconFunction);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'gaugeSimple' icon
      */
-    class GaugeSimpleIcon extends Icon {
+    class IconGaugeSimple extends Icon {
         constructor() {
             super(gaugeSimple16X16);
         }
     }
-    registerIcon('gauge-simple-icon', GaugeSimpleIcon);
+    registerIcon('icon-gauge-simple', IconGaugeSimple);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'gridThreeByThree' icon
      */
-    class GridThreeByThreeIcon extends Icon {
+    class IconGridThreeByThree extends Icon {
         constructor() {
             super(gridThreeByThree16X16);
         }
     }
-    registerIcon('grid-three-by-three-icon', GridThreeByThreeIcon);
+    registerIcon('icon-grid-three-by-three', IconGridThreeByThree);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'gridTwoByTwo' icon
      */
-    class GridTwoByTwoIcon extends Icon {
+    class IconGridTwoByTwo extends Icon {
         constructor() {
             super(gridTwoByTwo16X16);
         }
     }
-    registerIcon('grid-two-by-two-icon', GridTwoByTwoIcon);
+    registerIcon('icon-grid-two-by-two', IconGridTwoByTwo);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'hammer' icon
      */
-    class HammerIcon extends Icon {
+    class IconHammer extends Icon {
         constructor() {
             super(hammer16X16);
         }
     }
-    registerIcon('hammer-icon', HammerIcon);
+    registerIcon('icon-hammer', IconHammer);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'hashtag' icon
      */
-    class HashtagIcon extends Icon {
+    class IconHashtag extends Icon {
         constructor() {
             super(hashtag16X16);
         }
     }
-    registerIcon('hashtag-icon', HashtagIcon);
+    registerIcon('icon-hashtag', IconHashtag);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'home' icon
      */
-    class HomeIcon extends Icon {
+    class IconHome extends Icon {
         constructor() {
             super(home16X16);
         }
     }
-    registerIcon('home-icon', HomeIcon);
+    registerIcon('icon-home', IconHome);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'hourglass' icon
      */
-    class HourglassIcon extends Icon {
+    class IconHourglass extends Icon {
         constructor() {
             super(hourglass16X16);
         }
     }
-    registerIcon('hourglass-icon', HourglassIcon);
+    registerIcon('icon-hourglass', IconHourglass);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'indeterminantCheckbox' icon
      */
-    class IndeterminantCheckboxIcon extends Icon {
+    class IconIndeterminantCheckbox extends Icon {
         constructor() {
             super(indeterminantCheckbox16X16);
         }
     }
-    registerIcon('indeterminant-checkbox-icon', IndeterminantCheckboxIcon);
+    registerIcon('icon-indeterminant-checkbox', IconIndeterminantCheckbox);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'info' icon
      */
-    class InfoIcon extends Icon {
+    class IconInfo extends Icon {
         constructor() {
             super(info16X16);
         }
     }
-    registerIcon('info-icon', InfoIcon);
+    registerIcon('icon-info', IconInfo);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'infoCircle' icon
      */
-    class InfoCircleIcon extends Icon {
+    class IconInfoCircle extends Icon {
         constructor() {
             super(infoCircle16X16);
         }
     }
-    registerIcon('info-circle-icon', InfoCircleIcon);
+    registerIcon('icon-info-circle', IconInfoCircle);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'key' icon
      */
-    class KeyIcon extends Icon {
+    class IconKey extends Icon {
         constructor() {
             super(key16X16);
         }
     }
-    registerIcon('key-icon', KeyIcon);
+    registerIcon('icon-key', IconKey);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'laptop' icon
      */
-    class LaptopIcon extends Icon {
+    class IconLaptop extends Icon {
         constructor() {
             super(laptop16X16);
         }
     }
-    registerIcon('laptop-icon', LaptopIcon);
+    registerIcon('icon-laptop', IconLaptop);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'layerGroup' icon
      */
-    class LayerGroupIcon extends Icon {
+    class IconLayerGroup extends Icon {
         constructor() {
             super(layerGroup16X16);
         }
     }
-    registerIcon('layer-group-icon', LayerGroupIcon);
+    registerIcon('icon-layer-group', IconLayerGroup);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'lightningBolt' icon
      */
-    class LightningBoltIcon extends Icon {
+    class IconLightningBolt extends Icon {
         constructor() {
             super(lightningBolt16X16);
         }
     }
-    registerIcon('lightning-bolt-icon', LightningBoltIcon);
+    registerIcon('icon-lightning-bolt', IconLightningBolt);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'link' icon
      */
-    class LinkIcon extends Icon {
+    class IconLink extends Icon {
         constructor() {
             super(link16X16);
         }
     }
-    registerIcon('link-icon', LinkIcon);
+    registerIcon('icon-link', IconLink);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'linkCancel' icon
      */
-    class LinkCancelIcon extends Icon {
+    class IconLinkCancel extends Icon {
         constructor() {
             super(linkCancel16X16);
         }
     }
-    registerIcon('link-cancel-icon', LinkCancelIcon);
+    registerIcon('icon-link-cancel', IconLinkCancel);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'list' icon
      */
-    class ListIcon extends Icon {
+    class IconList extends Icon {
         constructor() {
             super(list16X16);
         }
     }
-    registerIcon('list-icon', ListIcon);
+    registerIcon('icon-list', IconList);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'listTree' icon
      */
-    class ListTreeIcon extends Icon {
+    class IconListTree extends Icon {
         constructor() {
             super(listTree16X16);
         }
     }
-    registerIcon('list-tree-icon', ListTreeIcon);
+    registerIcon('icon-list-tree', IconListTree);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'listTreeDatabase' icon
      */
-    class ListTreeDatabaseIcon extends Icon {
+    class IconListTreeDatabase extends Icon {
         constructor() {
             super(listTreeDatabase16X16);
         }
     }
-    registerIcon('list-tree-database-icon', ListTreeDatabaseIcon);
+    registerIcon('icon-list-tree-database', IconListTreeDatabase);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'lock' icon
      */
-    class LockIcon extends Icon {
+    class IconLock extends Icon {
         constructor() {
             super(lock16X16);
         }
     }
-    registerIcon('lock-icon', LockIcon);
+    registerIcon('icon-lock', IconLock);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'magnifyingGlass' icon
      */
-    class MagnifyingGlassIcon extends Icon {
+    class IconMagnifyingGlass extends Icon {
         constructor() {
             super(magnifyingGlass16X16);
         }
     }
-    registerIcon('magnifying-glass-icon', MagnifyingGlassIcon);
+    registerIcon('icon-magnifying-glass', IconMagnifyingGlass);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'markdown' icon
      */
-    class MarkdownIcon extends Icon {
+    class IconMarkdown extends Icon {
         constructor() {
             super(markdown16X16);
         }
     }
-    registerIcon('markdown-icon', MarkdownIcon);
+    registerIcon('icon-markdown', IconMarkdown);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'minus' icon
      */
-    class MinusIcon extends Icon {
+    class IconMinus extends Icon {
         constructor() {
             super(minus16X16);
         }
     }
-    registerIcon('minus-icon', MinusIcon);
+    registerIcon('icon-minus', IconMinus);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'minusWide' icon
      */
-    class MinusWideIcon extends Icon {
+    class IconMinusWide extends Icon {
         constructor() {
             super(minusWide16X16);
         }
     }
-    registerIcon('minus-wide-icon', MinusWideIcon);
+    registerIcon('icon-minus-wide', IconMinusWide);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'mobile' icon
      */
-    class MobileIcon extends Icon {
+    class IconMobile extends Icon {
         constructor() {
             super(mobile16X16);
         }
     }
-    registerIcon('mobile-icon', MobileIcon);
+    registerIcon('icon-mobile', IconMobile);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'notebook' icon
      */
-    class NotebookIcon extends Icon {
+    class IconNotebook extends Icon {
         constructor() {
             super(notebook16X16);
         }
     }
-    registerIcon('notebook-icon', NotebookIcon);
+    registerIcon('icon-notebook', IconNotebook);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'paste' icon
      */
-    class PasteIcon extends Icon {
+    class IconPaste extends Icon {
         constructor() {
             super(paste16X16);
         }
     }
-    registerIcon('paste-icon', PasteIcon);
+    registerIcon('icon-paste', IconPaste);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'pencil' icon
      */
-    class PencilIcon extends Icon {
+    class IconPencil extends Icon {
         constructor() {
             super(pencil16X16);
         }
     }
-    registerIcon('pencil-icon', PencilIcon);
+    registerIcon('icon-pencil', IconPencil);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'potWithLid' icon
      */
-    class PotWithLidIcon extends Icon {
+    class IconPotWithLid extends Icon {
         constructor() {
             super(potWithLid16X16);
         }
     }
-    registerIcon('pot-with-lid-icon', PotWithLidIcon);
+    registerIcon('icon-pot-with-lid', IconPotWithLid);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'question' icon
      */
-    class QuestionIcon extends Icon {
+    class IconQuestion extends Icon {
         constructor() {
             super(question16X16);
         }
     }
-    registerIcon('question-icon', QuestionIcon);
+    registerIcon('icon-question', IconQuestion);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'runningArrow' icon
      */
-    class RunningArrowIcon extends Icon {
+    class IconRunningArrow extends Icon {
         constructor() {
             super(runningArrow16X16);
         }
     }
-    registerIcon('running-arrow-icon', RunningArrowIcon);
+    registerIcon('icon-running-arrow', IconRunningArrow);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'server' icon
      */
-    class ServerIcon extends Icon {
+    class IconServer extends Icon {
         constructor() {
             super(server16X16);
         }
     }
-    registerIcon('server-icon', ServerIcon);
+    registerIcon('icon-server', IconServer);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'shareSquare' icon
      */
-    class ShareSquareIcon extends Icon {
+    class IconShareSquare extends Icon {
         constructor() {
             super(shareSquare16X16);
         }
     }
-    registerIcon('share-square-icon', ShareSquareIcon);
+    registerIcon('icon-share-square', IconShareSquare);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'shieldCheck' icon
      */
-    class ShieldCheckIcon extends Icon {
+    class IconShieldCheck extends Icon {
         constructor() {
             super(shieldCheck16X16);
         }
     }
-    registerIcon('shield-check-icon', ShieldCheckIcon);
+    registerIcon('icon-shield-check', IconShieldCheck);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'shieldXmark' icon
      */
-    class ShieldXmarkIcon extends Icon {
+    class IconShieldXmark extends Icon {
         constructor() {
             super(shieldXmark16X16);
         }
     }
-    registerIcon('shield-xmark-icon', ShieldXmarkIcon);
+    registerIcon('icon-shield-xmark', IconShieldXmark);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'signalBars' icon
      */
-    class SignalBarsIcon extends Icon {
+    class IconSignalBars extends Icon {
         constructor() {
             super(signalBars16X16);
         }
     }
-    registerIcon('signal-bars-icon', SignalBarsIcon);
+    registerIcon('icon-signal-bars', IconSignalBars);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'sineGraph' icon
      */
-    class SineGraphIcon extends Icon {
+    class IconSineGraph extends Icon {
         constructor() {
             super(sineGraph16X16);
         }
     }
-    registerIcon('sine-graph-icon', SineGraphIcon);
+    registerIcon('icon-sine-graph', IconSineGraph);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'skipArrow' icon
      */
-    class SkipArrowIcon extends Icon {
+    class IconSkipArrow extends Icon {
         constructor() {
             super(skipArrow16X16);
         }
     }
-    registerIcon('skip-arrow-icon', SkipArrowIcon);
+    registerIcon('icon-skip-arrow', IconSkipArrow);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'spinner' icon
      */
-    class SpinnerIcon extends Icon {
+    class IconSpinner extends Icon {
         constructor() {
             super(spinner);
         }
     }
-    registerIcon('spinner-icon', SpinnerIcon);
+    registerIcon('icon-spinner', IconSpinner);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'squareCheck' icon
      */
-    class SquareCheckIcon extends Icon {
+    class IconSquareCheck extends Icon {
         constructor() {
             super(squareCheck16X16);
         }
     }
-    registerIcon('square-check-icon', SquareCheckIcon);
+    registerIcon('icon-square-check', IconSquareCheck);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'squareT' icon
      */
-    class SquareTIcon extends Icon {
+    class IconSquareT extends Icon {
         constructor() {
             super(squareT16X16);
         }
     }
-    registerIcon('square-t-icon', SquareTIcon);
+    registerIcon('icon-square-t', IconSquareT);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 't' icon
      */
-    class TIcon extends Icon {
+    class IconT extends Icon {
         constructor() {
             super(t16X16);
         }
     }
-    registerIcon('t-icon', TIcon);
+    registerIcon('icon-t', IconT);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'tablet' icon
      */
-    class TabletIcon extends Icon {
+    class IconTablet extends Icon {
         constructor() {
             super(tablet16X16);
         }
     }
-    registerIcon('tablet-icon', TabletIcon);
+    registerIcon('icon-tablet', IconTablet);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'tag' icon
      */
-    class TagIcon extends Icon {
+    class IconTag extends Icon {
         constructor() {
             super(tag16X16);
         }
     }
-    registerIcon('tag-icon', TagIcon);
+    registerIcon('icon-tag', IconTag);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'tags' icon
      */
-    class TagsIcon extends Icon {
+    class IconTags extends Icon {
         constructor() {
             super(tags16X16);
         }
     }
-    registerIcon('tags-icon', TagsIcon);
+    registerIcon('icon-tags', IconTags);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'targetCrosshairs' icon
      */
-    class TargetCrosshairsIcon extends Icon {
+    class IconTargetCrosshairs extends Icon {
         constructor() {
             super(targetCrosshairs16X16);
         }
     }
-    registerIcon('target-crosshairs-icon', TargetCrosshairsIcon);
+    registerIcon('icon-target-crosshairs', IconTargetCrosshairs);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'targetCrosshairsProgress' icon
      */
-    class TargetCrosshairsProgressIcon extends Icon {
+    class IconTargetCrosshairsProgress extends Icon {
         constructor() {
             super(targetCrosshairsProgress16X16);
         }
     }
-    registerIcon('target-crosshairs-progress-icon', TargetCrosshairsProgressIcon);
+    registerIcon('icon-target-crosshairs-progress', IconTargetCrosshairsProgress);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'threeDotsLine' icon
      */
-    class ThreeDotsLineIcon extends Icon {
+    class IconThreeDotsLine extends Icon {
         constructor() {
             super(threeDotsLine16X16);
         }
     }
-    registerIcon('three-dots-line-icon', ThreeDotsLineIcon);
+    registerIcon('icon-three-dots-line', IconThreeDotsLine);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'thumbtack' icon
      */
-    class ThumbtackIcon extends Icon {
+    class IconThumbtack extends Icon {
         constructor() {
             super(thumbtack16X16);
         }
     }
-    registerIcon('thumbtack-icon', ThumbtackIcon);
+    registerIcon('icon-thumbtack', IconThumbtack);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'tileSize' icon
      */
-    class TileSizeIcon extends Icon {
+    class IconTileSize extends Icon {
         constructor() {
             super(tileSize16X16);
         }
     }
-    registerIcon('tile-size-icon', TileSizeIcon);
+    registerIcon('icon-tile-size', IconTileSize);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'times' icon
      */
-    class TimesIcon extends Icon {
+    class IconTimes extends Icon {
         constructor() {
             super(times16X16);
         }
     }
-    registerIcon('times-icon', TimesIcon);
+    registerIcon('icon-times', IconTimes);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'trash' icon
      */
-    class TrashIcon extends Icon {
+    class IconTrash extends Icon {
         constructor() {
             super(trash16X16);
         }
     }
-    registerIcon('trash-icon', TrashIcon);
+    registerIcon('icon-trash', IconTrash);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'triangle' icon
      */
-    class TriangleIcon extends Icon {
+    class IconTriangle extends Icon {
         constructor() {
             super(triangle16X16);
         }
     }
-    registerIcon('triangle-icon', TriangleIcon);
+    registerIcon('icon-triangle', IconTriangle);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'trueFalseRectangle' icon
      */
-    class TrueFalseRectangleIcon extends Icon {
+    class IconTrueFalseRectangle extends Icon {
         constructor() {
             super(trueFalseRectangle16X16);
         }
     }
-    registerIcon('true-false-rectangle-icon', TrueFalseRectangleIcon);
+    registerIcon('icon-true-false-rectangle', IconTrueFalseRectangle);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'unlink' icon
      */
-    class UnlinkIcon extends Icon {
+    class IconUnlink extends Icon {
         constructor() {
             super(unlink16X16);
         }
     }
-    registerIcon('unlink-icon', UnlinkIcon);
+    registerIcon('icon-unlink', IconUnlink);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'unlock' icon
      */
-    class UnlockIcon extends Icon {
+    class IconUnlock extends Icon {
         constructor() {
             super(unlock16X16);
         }
     }
-    registerIcon('unlock-icon', UnlockIcon);
+    registerIcon('icon-unlock', IconUnlock);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'upload' icon
      */
-    class UploadIcon extends Icon {
+    class IconUpload extends Icon {
         constructor() {
             super(upload16X16);
         }
     }
-    registerIcon('upload-icon', UploadIcon);
+    registerIcon('icon-upload', IconUpload);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'user' icon
      */
-    class UserIcon extends Icon {
+    class IconUser extends Icon {
         constructor() {
             super(user16X16);
         }
     }
-    registerIcon('user-icon', UserIcon);
+    registerIcon('icon-user', IconUser);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'watch' icon
      */
-    class WatchIcon extends Icon {
+    class IconWatch extends Icon {
         constructor() {
             super(watch16X16);
         }
     }
-    registerIcon('watch-icon', WatchIcon);
+    registerIcon('icon-watch', IconWatch);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'waveform' icon
      */
-    class WaveformIcon extends Icon {
+    class IconWaveform extends Icon {
         constructor() {
             super(waveform16X16);
         }
     }
-    registerIcon('waveform-icon', WaveformIcon);
+    registerIcon('icon-waveform', IconWaveform);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'webviCustom' icon
      */
-    class WebviCustomIcon extends Icon {
+    class IconWebviCustom extends Icon {
         constructor() {
             super(webviCustom16X16);
         }
     }
-    registerIcon('webvi-custom-icon', WebviCustomIcon);
+    registerIcon('icon-webvi-custom', IconWebviCustom);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'webviHost' icon
      */
-    class WebviHostIcon extends Icon {
+    class IconWebviHost extends Icon {
         constructor() {
             super(webviHost16X16);
         }
     }
-    registerIcon('webvi-host-icon', WebviHostIcon);
+    registerIcon('icon-webvi-host', IconWebviHost);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'windowCode' icon
      */
-    class WindowCodeIcon extends Icon {
+    class IconWindowCode extends Icon {
         constructor() {
             super(windowCode16X16);
         }
     }
-    registerIcon('window-code-icon', WindowCodeIcon);
+    registerIcon('icon-window-code', IconWindowCode);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'windowText' icon
      */
-    class WindowTextIcon extends Icon {
+    class IconWindowText extends Icon {
         constructor() {
             super(windowText16X16);
         }
     }
-    registerIcon('window-text-icon', WindowTextIcon);
+    registerIcon('icon-window-text', IconWindowText);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'wrenchHammer' icon
      */
-    class WrenchHammerIcon extends Icon {
+    class IconWrenchHammer extends Icon {
         constructor() {
             super(wrenchHammer16X16);
         }
     }
-    registerIcon('wrench-hammer-icon', WrenchHammerIcon);
+    registerIcon('icon-wrench-hammer', IconWrenchHammer);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'xmark' icon
      */
-    class XmarkIcon extends Icon {
+    class IconXmark extends Icon {
         constructor() {
             super(xmark16X16);
         }
     }
-    registerIcon('xmark-icon', XmarkIcon);
+    registerIcon('icon-xmark', IconXmark);
 
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'xmarkCheck' icon
      */
-    class XmarkCheckIcon extends Icon {
+    class IconXmarkCheck extends Icon {
         constructor() {
             super(xmarkCheck16X16);
         }
     }
-    registerIcon('xmark-check-icon', XmarkCheckIcon);
+    registerIcon('icon-xmark-check', IconXmarkCheck);
 
     const styles$g = css `
     ${display('flex')}
@@ -18710,14 +18710,13 @@
         overflow-y: auto;
         position: absolute;
         width: 100%;
-        ${
-/*
- * The --max-height custom property is defined by fast-foundation.
- * See: https://github.com/microsoft/fast/blob/af1f8736ae9ff54a7449324bad952865981d1ece/packages/web-components/fast-foundation/src/select/select.ts#L199
- */ ''}
-        max-height: calc(var(--max-height) - ${controlHeight});
+        --ni-private-listbox-padding: 4px;
+        max-height: calc(
+            var(--ni-private-select-max-height) - 2 *
+                var(--ni-private-listbox-padding)
+        );
         z-index: 1;
-        padding: 4px;
+        padding: var(--ni-private-listbox-padding);
         box-shadow: 0px 3px 3px ${popupBoxShadowColor};
         border: 1px solid ${popupBorderColor};
         background-color: ${applicationBackgroundColor};
@@ -18841,6 +18840,7 @@
                 return;
             }
             super.setPositioning();
+            this.updateListboxMaxHeightCssVariable();
         }
         // Workaround for https://github.com/microsoft/fast/issues/5773
         slottedOptionsChanged(prev, next) {
@@ -18850,6 +18850,14 @@
                 this.value = value;
             }
         }
+        maxHeightChanged() {
+            this.updateListboxMaxHeightCssVariable();
+        }
+        updateListboxMaxHeightCssVariable() {
+            if (this.listbox) {
+                this.listbox.style.setProperty('--ni-private-select-max-height', `${this.maxHeight}px`);
+            }
+        }
     }
     const nimbleSelect = Select.compose({
         baseName: 'select',