vira 22.2.2 → 23.1.0

package/dist/icons/icon-svgs/commit-24.icon.js

@@ -0,0 +1,37 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * An icon that represents a single commit in git.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/commit24icon
+ */
+export const Commit24Icon = defineIcon({
+    name: 'Commit24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xml:space="preserve"
+            width="24"
+            height="24"
+            style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:1.5"
+        >
+            <circle
+                cx="12"
+                cy="12"
+                r="4"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+            />
+            <path
+                d="M12 2v6m0 8v6"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill="none"
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/document-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * An icon that represents a single document file on a computer file system.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/document24icon
+ */
+export declare const Document24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/document-24.icon.js

@@ -0,0 +1,29 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * An icon that represents a single document file on a computer file system.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/document24icon
+ */
+export const Document24Icon = defineIcon({
+    name: 'Document24Icon',
+    svgTemplate: html `
+        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="24" height="24">
+            <path
+                d="m19 9-6-6H5v18h14V9Z"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+            />
+            <path
+                d="M13 3v6h6"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill="none"
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/element-16.icon.d.ts

@@ -1 +1,8 @@
-export declare const Element16Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * An icon symbol that represents an HTML element.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/element16icon
+ */
+export declare const Element16Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/element-16.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * An icon symbol that represents an HTML element.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/element16icon
+ */
 export const Element16Icon = defineIcon({
     name: 'Element16Icon',
     svgTemplate: html `

package/dist/icons/icon-svgs/element-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const Element24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * An icon symbol that represents an HTML element.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/element24icon
+ */
+export declare const Element24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/element-24.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * An icon symbol that represents an HTML element.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/element24icon
+ */
 export const Element24Icon = defineIcon({
     name: 'Element24Icon',
     svgTemplate: html `

package/dist/icons/icon-svgs/eye-closed-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const EyeClosed24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * A closed or disable eye icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeclosed24icon
+ */
+export declare const EyeClosed24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/eye-closed-24.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A closed or disable eye icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeclosed24icon
+ */
 export const EyeClosed24Icon = defineIcon({
     name: 'EyeClosed24Icon',
     svgTemplate: html `

package/dist/icons/icon-svgs/eye-open-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const EyeOpen24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * An open eye icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeopen24icon
+ */
+export declare const EyeOpen24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/eye-open-24.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * An open eye icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeopen24icon
+ */
 export const EyeOpen24Icon = defineIcon({
     name: 'EyeOpen24Icon',
     svgTemplate: html `
@@ -19,4 +26,3 @@ export const EyeOpen24Icon = defineIcon({
         </svg>
     `,
 });
-// xml:space="preserve"

package/dist/icons/icon-svgs/loader-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const Loader24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * A static loading icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/loader24icon
+ */
+export declare const Loader24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/loader-24.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A static loading icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/loader24icon
+ */
 export const Loader24Icon = defineIcon({
     name: 'Loader24Icon',
     svgTemplate: html `

package/dist/icons/icon-svgs/loader-animated-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const LoaderAnimated24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * A variation of {@link Loader24Icon} that spins on its own.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/loaderanimated24icon
+ */
+export declare const LoaderAnimated24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/loader-animated-24.icon.js

@@ -1,7 +1,7 @@
 import { css, html } from 'element-vir';
-import { viraAnimationDurations } from '../../styles/durations';
-import { defineIcon } from '../icon-svg';
-import { Loader24Icon } from './loader-24.icon';
+import { viraAnimationDurations } from '../../styles/durations.js';
+import { defineIcon } from '../icon-svg.js';
+import { Loader24Icon } from './loader-24.icon.js';
 const animatedLoaderStyles = css `
     @keyframes loader-animated-spin {
         from {
@@ -17,6 +17,13 @@ const animatedLoaderStyles = css `
             loader-animated-spin infinite;
     }
 `;
+/**
+ * A variation of {@link Loader24Icon} that spins on its own.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/loaderanimated24icon
+ */
 export const LoaderAnimated24Icon = defineIcon({
     name: 'LoaderAnimated24Icon',
     svgTemplate: html `

package/dist/icons/icon-svgs/options-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const Options24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * An icon that represents configuration options.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/options24icon
+ */
+export declare const Options24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/options-24.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * An icon that represents configuration options.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/options24icon
+ */
 export const Options24Icon = defineIcon({
     name: 'Options24Icon',
     svgTemplate: html `
@@ -17,7 +24,7 @@ export const Options24Icon = defineIcon({
             <path
                 d="M3 5.5h3.5m5 0h8.5M3 12.5h11m5 0h2M3 18.5h3m5 0h10"
                 fill="none"
-                stroke="${viraIconCssVars['vira-icon-stroke-color'].value}"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
                 stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
             />
         </svg>

package/dist/icons/icon-svgs/pencil-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A pencil icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/pencil24icon
+ */
+export declare const Pencil24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/pencil-24.icon.js

@@ -0,0 +1,29 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A pencil icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/pencil24icon
+ */
+export const Pencil24Icon = defineIcon({
+    name: 'Pencil24Icon',
+    svgTemplate: html `
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+                d="M20.041 4.966c.303-.418.097-1.085-.459-1.489l-1.771-1.285c-.557-.404-1.255-.393-1.558.025L5.12 17.561l-.167 4.215 3.955-1.467S19.965 5.071 20.041 4.966"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+            />
+            <path
+                d="m5.384 17.197 3.788 2.749m5.97-16.198 3.788 2.749"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill="none"
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/shield-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A shield icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/shield24icon
+ */
+export declare const Shield24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/shield-24.icon.js

@@ -0,0 +1,23 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A shield icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/shield24icon
+ */
+export const Shield24Icon = defineIcon({
+    name: 'Shield24Icon',
+    svgTemplate: html `
+        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="24" height="24">
+            <path
+                d="M12 21s-8-3.5-8-10V6s4.8-.1 8-3c3.2 2.9 8 3 8 3v5c0 6.5-8 10-8 10Z"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/star-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A star icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/star24icon
+ */
+export declare const Star24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/star-24.icon.js

@@ -0,0 +1,23 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A star icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/star24icon
+ */
+export const Star24Icon = defineIcon({
+    name: 'Star24Icon',
+    svgTemplate: html `
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke-miterlimit="2">
+            <path
+                d="m12 2 2.25 6.91h7.26l-5.88 4.27 2.25 6.91L12 15.82l-5.88 4.27 2.25-6.91-5.88-4.27h7.27L12 2Z"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/status-failure-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const StatusFailure24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * A status icon with an x that indicates something failed (like a build pipeline).
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/statusfailure24icon
+ */
+export declare const StatusFailure24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/status-failure-24.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A status icon with an x that indicates something failed (like a build pipeline).
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/statusfailure24icon
+ */
 export const StatusFailure24Icon = defineIcon({
     name: 'StatusFailure24Icon',
     svgTemplate: html `

package/dist/icons/icon-svgs/status-in-progress-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const StatusInProgress24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * A status icon that indicates that something is still in progress.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/statusinprogress24icon
+ */
+export declare const StatusInProgress24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/status-in-progress-24.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A status icon that indicates that something is still in progress.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/statusinprogress24icon
+ */
 export const StatusInProgress24Icon = defineIcon({
     name: 'StatusInProgress24Icon',
     svgTemplate: html `

package/dist/icons/icon-svgs/status-success-24.icon.d.ts

@@ -1 +1,8 @@
-export declare const StatusSuccess24Icon: import("../icon-svg").ViraIconSvg;
+/**
+ * A status icon that indicates success.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/statussuccess24icon
+ */
+export declare const StatusSuccess24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/status-success-24.icon.js

@@ -1,6 +1,13 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars';
-import { defineIcon } from '../icon-svg';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A status icon that indicates success.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/element-vir/vira/book/icons/statussuccess24icon
+ */
 export const StatusSuccess24Icon = defineIcon({
     name: 'StatusSuccess24Icon',
     svgTemplate: html `

package/dist/icons/index.d.ts

@@ -1,31 +1,42 @@
 /** This file is automatically updated by update-icon-exports.ts */
-export * from './icon-css-vars';
-export * from './icon-svg';
-export * from './icon-svgs/check-24.icon';
-export * from './icon-svgs/chevron-up-24.icon';
-export * from './icon-svgs/close-x-24.icon';
-export * from './icon-svgs/element-16.icon';
-export * from './icon-svgs/element-24.icon';
-export * from './icon-svgs/eye-closed-24.icon';
-export * from './icon-svgs/eye-open-24.icon';
-export * from './icon-svgs/loader-24.icon';
-export * from './icon-svgs/loader-animated-24.icon';
-export * from './icon-svgs/options-24.icon';
-export * from './icon-svgs/status-failure-24.icon';
-export * from './icon-svgs/status-in-progress-24.icon';
-export * from './icon-svgs/status-success-24.icon';
+export * from './icon-css-vars.js';
+export * from './icon-svg.js';
+export * from './icon-svgs/check-24.icon.js';
+export * from './icon-svgs/chevron-up-24.icon.js';
+export * from './icon-svgs/close-x-24.icon.js';
+export * from './icon-svgs/element-16.icon.js';
+export * from './icon-svgs/element-24.icon.js';
+export * from './icon-svgs/eye-closed-24.icon.js';
+export * from './icon-svgs/eye-open-24.icon.js';
+export * from './icon-svgs/loader-24.icon.js';
+export * from './icon-svgs/loader-animated-24.icon.js';
+export * from './icon-svgs/options-24.icon.js';
+export * from './icon-svgs/status-failure-24.icon.js';
+export * from './icon-svgs/status-in-progress-24.icon.js';
+export * from './icon-svgs/status-success-24.icon.js';
+/**
+ * All Vira icons in an object mapped by their icon name.
+ *
+ * @category Icon
+ */
 export declare const allIconsByName: {
-    readonly Check24Icon: import("./icon-svg").ViraIconSvg;
-    readonly ChevronUp24Icon: import("./icon-svg").ViraIconSvg;
-    readonly CloseX24Icon: import("./icon-svg").ViraIconSvg;
-    readonly Element16Icon: import("./icon-svg").ViraIconSvg;
-    readonly Element24Icon: import("./icon-svg").ViraIconSvg;
-    readonly EyeClosed24Icon: import("./icon-svg").ViraIconSvg;
-    readonly EyeOpen24Icon: import("./icon-svg").ViraIconSvg;
-    readonly Loader24Icon: import("./icon-svg").ViraIconSvg;
-    readonly LoaderAnimated24Icon: import("./icon-svg").ViraIconSvg;
-    readonly Options24Icon: import("./icon-svg").ViraIconSvg;
-    readonly StatusFailure24Icon: import("./icon-svg").ViraIconSvg;
-    readonly StatusInProgress24Icon: import("./icon-svg").ViraIconSvg;
-    readonly StatusSuccess24Icon: import("./icon-svg").ViraIconSvg;
+    readonly Chat24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Check24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly ChevronUp24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly CloseX24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Commit24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Document24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Element16Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Element24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly EyeClosed24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly EyeOpen24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Loader24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly LoaderAnimated24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Options24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Pencil24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Shield24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Star24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly StatusFailure24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly StatusInProgress24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly StatusSuccess24Icon: import("./icon-svg.js").ViraIconSvg;
 };