@progress/kendo-themes-html 6.5.0-dev.2 → 6.5.1-dev.0

package/dist/cjs/badge/tests/badge-misc.js

@@ -489,9 +489,9 @@ __export(index_es_exports, {
   dropletSlashIcon: () => dropletSlashIcon,
   dropletSliderIcon: () => dropletSliderIcon,
   editToolsIcon: () => editToolsIcon,
-  envelopBoxIcon: () => envelopBoxIcon,
-  envelopIcon: () => envelopIcon,
-  envelopLinkIcon: () => envelopLinkIcon,
+  envelopeBoxIcon: () => envelopeBoxIcon,
+  envelopeIcon: () => envelopeIcon,
+  envelopeLinkIcon: () => envelopeLinkIcon,
   equalIcon: () => equalIcon,
   exclamationCircleIcon: () => exclamationCircleIcon,
   exeIcon: () => exeIcon,
@@ -700,6 +700,7 @@ __export(index_es_exports, {
   pageHeaderSectionIcon: () => pageHeaderSectionIcon,
   paletteIcon: () => paletteIcon,
   paneFreezeIcon: () => paneFreezeIcon,
+  paperPlaneIcon: () => paperPlaneIcon,
   paperclipAltIcon: () => paperclipAltIcon,
   paperclipIcon: () => paperclipIcon,
   paragraphAddIcon: () => paragraphAddIcon,
@@ -1472,6 +1473,11 @@ var displayInlineBlockIcon = {
   content: '<path d="M448 32h32v448h-32zM32 32h32v448H32zm64 352h320V128H96v256zm64-192h192v128H160V192z" />',
   viewBox: "0 0 512 512"
 };
+var paperPlaneIcon = {
+  name: "paper-plane",
+  content: '<path d="M469.783 271.879 54.329 446.734c-13.149 5.534-26.266-8.042-21.225-21.967l48.3-133.404c2.16-5.966 7.298-10.169 13.326-10.901C312.467 256 239.85 263.839 312.467 256c-72.618-7.839 0 0-217.739-24.462-6.027-.732-11.165-4.935-13.325-10.901l-48.3-133.404C28.063 73.308 41.18 59.732 54.33 65.266l415.454 174.855c13.623 5.734 13.623 26.024 0 31.758Z" />',
+  viewBox: "0 0 512 512"
+};
 var undoIcon = {
   name: "undo",
   content: '<path d="M479.9 416c-57.7-56.6-136.7-96-223.9-96v128L32 256 256 64v128c122.2 0 221.5 102.4 223.9 224z" />',
@@ -3092,8 +3098,8 @@ var globeUnlinkIcon = {
   content: '<path d="M161.7 412.6C69.1 391.2 0 308.1 0 209 0 93.6 93.6 0 209 0s209 93.6 209 209c0 58.2-23.8 110.8-62.2 148.7-20.5-23.1-50.4-37.7-83.8-37.7-3.9 0-7.8.2-11.6.6 12-15.9 26.4-28.8 41.3-33 22.6-18.6 21.6-35.2 18.6-50.2-7-12.6-38.7-23.6-68.8-49.7-18.1-4-40.2 7.5-48.7-3.5-8.5-11.1-48.7-27.1-31.1-44.7s44.2.5 54.8-35.7C236.9 67.6 259 82.6 270 82.6s13.1-26.1-7.5-35.7c-20.6-9.5-49.7-19.6-100.5-14.6-50.7 5-86.4 27.6-75.4 47.7 11.1 20.1 44.2 83.9 81.4 94.5 37.2 10.6 35.7 20.2 41.7 27.1 6 7-11.3 22.2 5.1 50.8 8.9 12 17 5 21 25.1 1.9 9.4-2.7 30.3-6.4 50.8-34.9 14.4-61 46-67.7 84.3M224 432c0-5.1.8-10.1 2.3-14.7C232.5 398 250.6 384 272 384h64c-1.5-1.9-3-3.8-4.6-5.6-14.6-16.2-35.8-26.4-59.4-26.4-12.2 0-23.8 2.7-34.1 7.6-4.4 2.1-8.6 4.6-12.5 7.4-16.4 11.8-28.2 29.7-32 50.4-.9 4.7-1.4 9.6-1.4 14.6 0 44.2 35.8 80 80 80 26.2 0 49.4-12.6 64-32h-64c-26.5 0-48-21.5-48-48m208-80c-26.2 0-49.4 12.6-64 32h64c26.5 0 48 21.5 48 48s-21.5 48-48 48h-64c14.6 19.4 37.8 32 64 32 44.2 0 80-35.8 80-80s-35.8-80-80-80" />',
   viewBox: "0 0 512 512"
 };
-var envelopLinkIcon = {
-  name: "envelop-link",
+var envelopeLinkIcon = {
+  name: "envelope-link",
   content: '<path d="M224 432c0-5.1.8-10.1 2.3-14.7C232.5 398 250.6 384 272 384h64c-1.5-1.9-3-3.8-4.6-5.6-14.6-16.2-35.8-26.4-59.4-26.4-12.2 0-23.8 2.7-34.1 7.6-4.4 2.1-8.6 4.6-12.5 7.4-16.4 11.8-28.2 29.7-32 50.4-.9 4.7-1.4 9.6-1.4 14.6 0 44.2 35.8 80 80 80 26.2 0 49.4-12.6 64-32h-64c-26.5 0-48-21.5-48-48zm208-80c-26.2 0-49.4 12.6-64 32h64c26.5 0 48 21.5 48 48s-21.5 48-48 48h-64c14.6 19.4 37.8 32 64 32 44.2 0 80-35.8 80-80s-35.8-80-80-80zm0 64H272c-8.8 0-16 7.2-16 16s7.2 16 16 16h160c8.8 0 16-7.2 16-16s-7.2-16-16-16zM32 0C14.3 0 0 14.3 0 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H32zm23.7 32L224 200.3 392.3 32c11 2.9 19.7 11.6 22.6 22.6L310.6 158.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L288 181.5l-64 64-64-64L55.7 285.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L33.1 54.6C36 43.6 44.7 34.9 55.7 32z" />',
   viewBox: "0 0 512 512"
 };
@@ -3397,13 +3403,13 @@ var diggBoxIcon = {
   content: '<path d="M448 32H64c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32zM160 203.5V352H64V192h64v-64h32v75.5zM212 352h-32V192h32v160zm0-192h-32v-32h32v32zm119 153.7V416h-96v-32h64v-32h-64V192h96v121.7zm117 0V416h-96v-32h64v-32h-64V192h96v121.7zM96 224h32v96H96v-96zm171 0h32v96h-32v-96zm117 0h32v96h-32v-96z" />',
   viewBox: "0 0 512 512"
 };
-var envelopIcon = {
-  name: "envelop",
+var envelopeIcon = {
+  name: "envelope",
   content: '<path d="M64 96c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H64zm23.7 32L256 296.3 424.3 128c11 2.9 19.7 11.6 22.6 22.6L342.6 254.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L320 277.5l-64 64-64-64L87.7 381.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L65.1 150.6c2.9-11 11.6-19.7 22.6-22.6z" />',
   viewBox: "0 0 512 512"
 };
-var envelopBoxIcon = {
-  name: "envelop-box",
+var envelopeBoxIcon = {
+  name: "envelope-box",
   content: '<path d="m377 182.4-88.8 88.8-31.2 29-33.2-29-88.8-88.8c-7.7 2-13.8 8.1-15.8 15.8l73 73-73 73c2 7.7 8.1 13.8 15.8 15.8l73-73 49 44.8 47-44.8 73 73c7.7-2 13.8-8.1 15.8-15.8l-73-73 73-73c-2-7.7-8.1-13.8-15.8-15.8zM448 32H64c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32zm-32 329.6c0 12.4-10 22.4-22.4 22.4H118.4C106 384 96 374 96 361.6V182.4c0-12.4 10-22.4 22.4-22.4h275.2c12.4 0 22.4 10 22.4 22.4v179.2z" />',
   viewBox: "0 0 512 512"
 };

package/dist/cjs/bottom-nav/bottom-nav-item.js

@@ -509,9 +509,9 @@ __export(index_es_exports, {
   dropletSlashIcon: () => dropletSlashIcon,
   dropletSliderIcon: () => dropletSliderIcon,
   editToolsIcon: () => editToolsIcon,
-  envelopBoxIcon: () => envelopBoxIcon,
-  envelopIcon: () => envelopIcon,
-  envelopLinkIcon: () => envelopLinkIcon,
+  envelopeBoxIcon: () => envelopeBoxIcon,
+  envelopeIcon: () => envelopeIcon,
+  envelopeLinkIcon: () => envelopeLinkIcon,
   equalIcon: () => equalIcon,
   exclamationCircleIcon: () => exclamationCircleIcon,
   exeIcon: () => exeIcon,
@@ -720,6 +720,7 @@ __export(index_es_exports, {
   pageHeaderSectionIcon: () => pageHeaderSectionIcon,
   paletteIcon: () => paletteIcon,
   paneFreezeIcon: () => paneFreezeIcon,
+  paperPlaneIcon: () => paperPlaneIcon,
   paperclipAltIcon: () => paperclipAltIcon,
   paperclipIcon: () => paperclipIcon,
   paragraphAddIcon: () => paragraphAddIcon,
@@ -1492,6 +1493,11 @@ var displayInlineBlockIcon = {
   content: '<path d="M448 32h32v448h-32zM32 32h32v448H32zm64 352h320V128H96v256zm64-192h192v128H160V192z" />',
   viewBox: "0 0 512 512"
 };
+var paperPlaneIcon = {
+  name: "paper-plane",
+  content: '<path d="M469.783 271.879 54.329 446.734c-13.149 5.534-26.266-8.042-21.225-21.967l48.3-133.404c2.16-5.966 7.298-10.169 13.326-10.901C312.467 256 239.85 263.839 312.467 256c-72.618-7.839 0 0-217.739-24.462-6.027-.732-11.165-4.935-13.325-10.901l-48.3-133.404C28.063 73.308 41.18 59.732 54.33 65.266l415.454 174.855c13.623 5.734 13.623 26.024 0 31.758Z" />',
+  viewBox: "0 0 512 512"
+};
 var undoIcon = {
   name: "undo",
   content: '<path d="M479.9 416c-57.7-56.6-136.7-96-223.9-96v128L32 256 256 64v128c122.2 0 221.5 102.4 223.9 224z" />',
@@ -3112,8 +3118,8 @@ var globeUnlinkIcon = {
   content: '<path d="M161.7 412.6C69.1 391.2 0 308.1 0 209 0 93.6 93.6 0 209 0s209 93.6 209 209c0 58.2-23.8 110.8-62.2 148.7-20.5-23.1-50.4-37.7-83.8-37.7-3.9 0-7.8.2-11.6.6 12-15.9 26.4-28.8 41.3-33 22.6-18.6 21.6-35.2 18.6-50.2-7-12.6-38.7-23.6-68.8-49.7-18.1-4-40.2 7.5-48.7-3.5-8.5-11.1-48.7-27.1-31.1-44.7s44.2.5 54.8-35.7C236.9 67.6 259 82.6 270 82.6s13.1-26.1-7.5-35.7c-20.6-9.5-49.7-19.6-100.5-14.6-50.7 5-86.4 27.6-75.4 47.7 11.1 20.1 44.2 83.9 81.4 94.5 37.2 10.6 35.7 20.2 41.7 27.1 6 7-11.3 22.2 5.1 50.8 8.9 12 17 5 21 25.1 1.9 9.4-2.7 30.3-6.4 50.8-34.9 14.4-61 46-67.7 84.3M224 432c0-5.1.8-10.1 2.3-14.7C232.5 398 250.6 384 272 384h64c-1.5-1.9-3-3.8-4.6-5.6-14.6-16.2-35.8-26.4-59.4-26.4-12.2 0-23.8 2.7-34.1 7.6-4.4 2.1-8.6 4.6-12.5 7.4-16.4 11.8-28.2 29.7-32 50.4-.9 4.7-1.4 9.6-1.4 14.6 0 44.2 35.8 80 80 80 26.2 0 49.4-12.6 64-32h-64c-26.5 0-48-21.5-48-48m208-80c-26.2 0-49.4 12.6-64 32h64c26.5 0 48 21.5 48 48s-21.5 48-48 48h-64c14.6 19.4 37.8 32 64 32 44.2 0 80-35.8 80-80s-35.8-80-80-80" />',
   viewBox: "0 0 512 512"
 };
-var envelopLinkIcon = {
-  name: "envelop-link",
+var envelopeLinkIcon = {
+  name: "envelope-link",
   content: '<path d="M224 432c0-5.1.8-10.1 2.3-14.7C232.5 398 250.6 384 272 384h64c-1.5-1.9-3-3.8-4.6-5.6-14.6-16.2-35.8-26.4-59.4-26.4-12.2 0-23.8 2.7-34.1 7.6-4.4 2.1-8.6 4.6-12.5 7.4-16.4 11.8-28.2 29.7-32 50.4-.9 4.7-1.4 9.6-1.4 14.6 0 44.2 35.8 80 80 80 26.2 0 49.4-12.6 64-32h-64c-26.5 0-48-21.5-48-48zm208-80c-26.2 0-49.4 12.6-64 32h64c26.5 0 48 21.5 48 48s-21.5 48-48 48h-64c14.6 19.4 37.8 32 64 32 44.2 0 80-35.8 80-80s-35.8-80-80-80zm0 64H272c-8.8 0-16 7.2-16 16s7.2 16 16 16h160c8.8 0 16-7.2 16-16s-7.2-16-16-16zM32 0C14.3 0 0 14.3 0 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H32zm23.7 32L224 200.3 392.3 32c11 2.9 19.7 11.6 22.6 22.6L310.6 158.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L288 181.5l-64 64-64-64L55.7 285.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L33.1 54.6C36 43.6 44.7 34.9 55.7 32z" />',
   viewBox: "0 0 512 512"
 };
@@ -3417,13 +3423,13 @@ var diggBoxIcon = {
   content: '<path d="M448 32H64c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32zM160 203.5V352H64V192h64v-64h32v75.5zM212 352h-32V192h32v160zm0-192h-32v-32h32v32zm119 153.7V416h-96v-32h64v-32h-64V192h96v121.7zm117 0V416h-96v-32h64v-32h-64V192h96v121.7zM96 224h32v96H96v-96zm171 0h32v96h-32v-96zm117 0h32v96h-32v-96z" />',
   viewBox: "0 0 512 512"
 };
-var envelopIcon = {
-  name: "envelop",
+var envelopeIcon = {
+  name: "envelope",
   content: '<path d="M64 96c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H64zm23.7 32L256 296.3 424.3 128c11 2.9 19.7 11.6 22.6 22.6L342.6 254.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L320 277.5l-64 64-64-64L87.7 381.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L65.1 150.6c2.9-11 11.6-19.7 22.6-22.6z" />',
   viewBox: "0 0 512 512"
 };
-var envelopBoxIcon = {
-  name: "envelop-box",
+var envelopeBoxIcon = {
+  name: "envelope-box",
   content: '<path d="m377 182.4-88.8 88.8-31.2 29-33.2-29-88.8-88.8c-7.7 2-13.8 8.1-15.8 15.8l73 73-73 73c2 7.7 8.1 13.8 15.8 15.8l73-73 49 44.8 47-44.8 73 73c7.7-2 13.8-8.1 15.8-15.8l-73-73 73-73c-2-7.7-8.1-13.8-15.8-15.8zM448 32H64c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32zm-32 329.6c0 12.4-10 22.4-22.4 22.4H118.4C106 384 96 374 96 361.6V182.4c0-12.4 10-22.4 22.4-22.4h275.2c12.4 0 22.4 10 22.4 22.4v179.2z" />',
   viewBox: "0 0 512 512"
 };

package/dist/cjs/bottom-nav/tests/bottom-nav-colors.js

@@ -566,9 +566,9 @@ __export(index_es_exports, {
   dropletSlashIcon: () => dropletSlashIcon,
   dropletSliderIcon: () => dropletSliderIcon,
   editToolsIcon: () => editToolsIcon,
-  envelopBoxIcon: () => envelopBoxIcon,
-  envelopIcon: () => envelopIcon,
-  envelopLinkIcon: () => envelopLinkIcon,
+  envelopeBoxIcon: () => envelopeBoxIcon,
+  envelopeIcon: () => envelopeIcon,
+  envelopeLinkIcon: () => envelopeLinkIcon,
   equalIcon: () => equalIcon,
   exclamationCircleIcon: () => exclamationCircleIcon,
   exeIcon: () => exeIcon,
@@ -777,6 +777,7 @@ __export(index_es_exports, {
   pageHeaderSectionIcon: () => pageHeaderSectionIcon,
   paletteIcon: () => paletteIcon,
   paneFreezeIcon: () => paneFreezeIcon,
+  paperPlaneIcon: () => paperPlaneIcon,
   paperclipAltIcon: () => paperclipAltIcon,
   paperclipIcon: () => paperclipIcon,
   paragraphAddIcon: () => paragraphAddIcon,
@@ -1549,6 +1550,11 @@ var displayInlineBlockIcon = {
   content: '<path d="M448 32h32v448h-32zM32 32h32v448H32zm64 352h320V128H96v256zm64-192h192v128H160V192z" />',
   viewBox: "0 0 512 512"
 };
+var paperPlaneIcon = {
+  name: "paper-plane",
+  content: '<path d="M469.783 271.879 54.329 446.734c-13.149 5.534-26.266-8.042-21.225-21.967l48.3-133.404c2.16-5.966 7.298-10.169 13.326-10.901C312.467 256 239.85 263.839 312.467 256c-72.618-7.839 0 0-217.739-24.462-6.027-.732-11.165-4.935-13.325-10.901l-48.3-133.404C28.063 73.308 41.18 59.732 54.33 65.266l415.454 174.855c13.623 5.734 13.623 26.024 0 31.758Z" />',
+  viewBox: "0 0 512 512"
+};
 var undoIcon = {
   name: "undo",
   content: '<path d="M479.9 416c-57.7-56.6-136.7-96-223.9-96v128L32 256 256 64v128c122.2 0 221.5 102.4 223.9 224z" />',
@@ -3169,8 +3175,8 @@ var globeUnlinkIcon = {
   content: '<path d="M161.7 412.6C69.1 391.2 0 308.1 0 209 0 93.6 93.6 0 209 0s209 93.6 209 209c0 58.2-23.8 110.8-62.2 148.7-20.5-23.1-50.4-37.7-83.8-37.7-3.9 0-7.8.2-11.6.6 12-15.9 26.4-28.8 41.3-33 22.6-18.6 21.6-35.2 18.6-50.2-7-12.6-38.7-23.6-68.8-49.7-18.1-4-40.2 7.5-48.7-3.5-8.5-11.1-48.7-27.1-31.1-44.7s44.2.5 54.8-35.7C236.9 67.6 259 82.6 270 82.6s13.1-26.1-7.5-35.7c-20.6-9.5-49.7-19.6-100.5-14.6-50.7 5-86.4 27.6-75.4 47.7 11.1 20.1 44.2 83.9 81.4 94.5 37.2 10.6 35.7 20.2 41.7 27.1 6 7-11.3 22.2 5.1 50.8 8.9 12 17 5 21 25.1 1.9 9.4-2.7 30.3-6.4 50.8-34.9 14.4-61 46-67.7 84.3M224 432c0-5.1.8-10.1 2.3-14.7C232.5 398 250.6 384 272 384h64c-1.5-1.9-3-3.8-4.6-5.6-14.6-16.2-35.8-26.4-59.4-26.4-12.2 0-23.8 2.7-34.1 7.6-4.4 2.1-8.6 4.6-12.5 7.4-16.4 11.8-28.2 29.7-32 50.4-.9 4.7-1.4 9.6-1.4 14.6 0 44.2 35.8 80 80 80 26.2 0 49.4-12.6 64-32h-64c-26.5 0-48-21.5-48-48m208-80c-26.2 0-49.4 12.6-64 32h64c26.5 0 48 21.5 48 48s-21.5 48-48 48h-64c14.6 19.4 37.8 32 64 32 44.2 0 80-35.8 80-80s-35.8-80-80-80" />',
   viewBox: "0 0 512 512"
 };
-var envelopLinkIcon = {
-  name: "envelop-link",
+var envelopeLinkIcon = {
+  name: "envelope-link",
   content: '<path d="M224 432c0-5.1.8-10.1 2.3-14.7C232.5 398 250.6 384 272 384h64c-1.5-1.9-3-3.8-4.6-5.6-14.6-16.2-35.8-26.4-59.4-26.4-12.2 0-23.8 2.7-34.1 7.6-4.4 2.1-8.6 4.6-12.5 7.4-16.4 11.8-28.2 29.7-32 50.4-.9 4.7-1.4 9.6-1.4 14.6 0 44.2 35.8 80 80 80 26.2 0 49.4-12.6 64-32h-64c-26.5 0-48-21.5-48-48zm208-80c-26.2 0-49.4 12.6-64 32h64c26.5 0 48 21.5 48 48s-21.5 48-48 48h-64c14.6 19.4 37.8 32 64 32 44.2 0 80-35.8 80-80s-35.8-80-80-80zm0 64H272c-8.8 0-16 7.2-16 16s7.2 16 16 16h160c8.8 0 16-7.2 16-16s-7.2-16-16-16zM32 0C14.3 0 0 14.3 0 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H32zm23.7 32L224 200.3 392.3 32c11 2.9 19.7 11.6 22.6 22.6L310.6 158.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L288 181.5l-64 64-64-64L55.7 285.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L33.1 54.6C36 43.6 44.7 34.9 55.7 32z" />',
   viewBox: "0 0 512 512"
 };
@@ -3474,13 +3480,13 @@ var diggBoxIcon = {
   content: '<path d="M448 32H64c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32zM160 203.5V352H64V192h64v-64h32v75.5zM212 352h-32V192h32v160zm0-192h-32v-32h32v32zm119 153.7V416h-96v-32h64v-32h-64V192h96v121.7zm117 0V416h-96v-32h64v-32h-64V192h96v121.7zM96 224h32v96H96v-96zm171 0h32v96h-32v-96zm117 0h32v96h-32v-96z" />',
   viewBox: "0 0 512 512"
 };
-var envelopIcon = {
-  name: "envelop",
+var envelopeIcon = {
+  name: "envelope",
   content: '<path d="M64 96c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H64zm23.7 32L256 296.3 424.3 128c11 2.9 19.7 11.6 22.6 22.6L342.6 254.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L320 277.5l-64 64-64-64L87.7 381.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L65.1 150.6c2.9-11 11.6-19.7 22.6-22.6z" />',
   viewBox: "0 0 512 512"
 };
-var envelopBoxIcon = {
-  name: "envelop-box",
+var envelopeBoxIcon = {
+  name: "envelope-box",
   content: '<path d="m377 182.4-88.8 88.8-31.2 29-33.2-29-88.8-88.8c-7.7 2-13.8 8.1-15.8 15.8l73 73-73 73c2 7.7 8.1 13.8 15.8 15.8l73-73 49 44.8 47-44.8 73 73c7.7-2 13.8-8.1 15.8-15.8l-73-73 73-73c-2-7.7-8.1-13.8-15.8-15.8zM448 32H64c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32zm-32 329.6c0 12.4-10 22.4-22.4 22.4H118.4C106 384 96 374 96 361.6V182.4c0-12.4 10-22.4 22.4-22.4h275.2c12.4 0 22.4 10 22.4 22.4v179.2z" />',
   viewBox: "0 0 512 512"
 };
@@ -4332,82 +4338,82 @@ var bottom_nav_colors_default = () => /* @__PURE__ */ (0, import_jsx_runtime6.js
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-col-start-1", children: "Primary ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "primary", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Secondary ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "secondary", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Tertiary ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "tertiary", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Info ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "info", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Success ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "success", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Warning ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "warning", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Error ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "error", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Dark ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "dark", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Light ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "light", flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] })
     ] }),
@@ -4416,82 +4422,82 @@ var bottom_nav_colors_default = () => /* @__PURE__ */ (0, import_jsx_runtime6.js
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Primary ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Secondary ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "secondary", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Tertiary ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "tertiary", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Info ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "info", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Success ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "success", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Warning ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "warning", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Error ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "error", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Dark ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "dark", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Light ThemeColor" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "light", border: true, flow: "vertical", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
         ] })
       ] })
     ] })

package/dist/cjs/bottom-nav/tests/bottom-nav-items.js

@@ -515,9 +515,9 @@ __export(index_es_exports, {
   dropletSlashIcon: () => dropletSlashIcon,
   dropletSliderIcon: () => dropletSliderIcon,
   editToolsIcon: () => editToolsIcon,
-  envelopBoxIcon: () => envelopBoxIcon,
-  envelopIcon: () => envelopIcon,
-  envelopLinkIcon: () => envelopLinkIcon,
+  envelopeBoxIcon: () => envelopeBoxIcon,
+  envelopeIcon: () => envelopeIcon,
+  envelopeLinkIcon: () => envelopeLinkIcon,
   equalIcon: () => equalIcon,
   exclamationCircleIcon: () => exclamationCircleIcon,
   exeIcon: () => exeIcon,
@@ -726,6 +726,7 @@ __export(index_es_exports, {
   pageHeaderSectionIcon: () => pageHeaderSectionIcon,
   paletteIcon: () => paletteIcon,
   paneFreezeIcon: () => paneFreezeIcon,
+  paperPlaneIcon: () => paperPlaneIcon,
   paperclipAltIcon: () => paperclipAltIcon,
   paperclipIcon: () => paperclipIcon,
   paragraphAddIcon: () => paragraphAddIcon,
@@ -1498,6 +1499,11 @@ var displayInlineBlockIcon = {
   content: '<path d="M448 32h32v448h-32zM32 32h32v448H32zm64 352h320V128H96v256zm64-192h192v128H160V192z" />',
   viewBox: "0 0 512 512"
 };
+var paperPlaneIcon = {
+  name: "paper-plane",
+  content: '<path d="M469.783 271.879 54.329 446.734c-13.149 5.534-26.266-8.042-21.225-21.967l48.3-133.404c2.16-5.966 7.298-10.169 13.326-10.901C312.467 256 239.85 263.839 312.467 256c-72.618-7.839 0 0-217.739-24.462-6.027-.732-11.165-4.935-13.325-10.901l-48.3-133.404C28.063 73.308 41.18 59.732 54.33 65.266l415.454 174.855c13.623 5.734 13.623 26.024 0 31.758Z" />',
+  viewBox: "0 0 512 512"
+};
 var undoIcon = {
   name: "undo",
   content: '<path d="M479.9 416c-57.7-56.6-136.7-96-223.9-96v128L32 256 256 64v128c122.2 0 221.5 102.4 223.9 224z" />',
@@ -3118,8 +3124,8 @@ var globeUnlinkIcon = {
   content: '<path d="M161.7 412.6C69.1 391.2 0 308.1 0 209 0 93.6 93.6 0 209 0s209 93.6 209 209c0 58.2-23.8 110.8-62.2 148.7-20.5-23.1-50.4-37.7-83.8-37.7-3.9 0-7.8.2-11.6.6 12-15.9 26.4-28.8 41.3-33 22.6-18.6 21.6-35.2 18.6-50.2-7-12.6-38.7-23.6-68.8-49.7-18.1-4-40.2 7.5-48.7-3.5-8.5-11.1-48.7-27.1-31.1-44.7s44.2.5 54.8-35.7C236.9 67.6 259 82.6 270 82.6s13.1-26.1-7.5-35.7c-20.6-9.5-49.7-19.6-100.5-14.6-50.7 5-86.4 27.6-75.4 47.7 11.1 20.1 44.2 83.9 81.4 94.5 37.2 10.6 35.7 20.2 41.7 27.1 6 7-11.3 22.2 5.1 50.8 8.9 12 17 5 21 25.1 1.9 9.4-2.7 30.3-6.4 50.8-34.9 14.4-61 46-67.7 84.3M224 432c0-5.1.8-10.1 2.3-14.7C232.5 398 250.6 384 272 384h64c-1.5-1.9-3-3.8-4.6-5.6-14.6-16.2-35.8-26.4-59.4-26.4-12.2 0-23.8 2.7-34.1 7.6-4.4 2.1-8.6 4.6-12.5 7.4-16.4 11.8-28.2 29.7-32 50.4-.9 4.7-1.4 9.6-1.4 14.6 0 44.2 35.8 80 80 80 26.2 0 49.4-12.6 64-32h-64c-26.5 0-48-21.5-48-48m208-80c-26.2 0-49.4 12.6-64 32h64c26.5 0 48 21.5 48 48s-21.5 48-48 48h-64c14.6 19.4 37.8 32 64 32 44.2 0 80-35.8 80-80s-35.8-80-80-80" />',
   viewBox: "0 0 512 512"
 };
-var envelopLinkIcon = {
-  name: "envelop-link",
+var envelopeLinkIcon = {
+  name: "envelope-link",
   content: '<path d="M224 432c0-5.1.8-10.1 2.3-14.7C232.5 398 250.6 384 272 384h64c-1.5-1.9-3-3.8-4.6-5.6-14.6-16.2-35.8-26.4-59.4-26.4-12.2 0-23.8 2.7-34.1 7.6-4.4 2.1-8.6 4.6-12.5 7.4-16.4 11.8-28.2 29.7-32 50.4-.9 4.7-1.4 9.6-1.4 14.6 0 44.2 35.8 80 80 80 26.2 0 49.4-12.6 64-32h-64c-26.5 0-48-21.5-48-48zm208-80c-26.2 0-49.4 12.6-64 32h64c26.5 0 48 21.5 48 48s-21.5 48-48 48h-64c14.6 19.4 37.8 32 64 32 44.2 0 80-35.8 80-80s-35.8-80-80-80zm0 64H272c-8.8 0-16 7.2-16 16s7.2 16 16 16h160c8.8 0 16-7.2 16-16s-7.2-16-16-16zM32 0C14.3 0 0 14.3 0 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H32zm23.7 32L224 200.3 392.3 32c11 2.9 19.7 11.6 22.6 22.6L310.6 158.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L288 181.5l-64 64-64-64L55.7 285.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L33.1 54.6C36 43.6 44.7 34.9 55.7 32z" />',
   viewBox: "0 0 512 512"
 };
@@ -3423,13 +3429,13 @@ var diggBoxIcon = {
   content: '<path d="M448 32H64c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32zM160 203.5V352H64V192h64v-64h32v75.5zM212 352h-32V192h32v160zm0-192h-32v-32h32v32zm119 153.7V416h-96v-32h64v-32h-64V192h96v121.7zm117 0V416h-96v-32h64v-32h-64V192h96v121.7zM96 224h32v96H96v-96zm171 0h32v96h-32v-96zm117 0h32v96h-32v-96z" />',
   viewBox: "0 0 512 512"
 };
-var envelopIcon = {
-  name: "envelop",
+var envelopeIcon = {
+  name: "envelope",
   content: '<path d="M64 96c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H64zm23.7 32L256 296.3 424.3 128c11 2.9 19.7 11.6 22.6 22.6L342.6 254.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L320 277.5l-64 64-64-64L87.7 381.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L65.1 150.6c2.9-11 11.6-19.7 22.6-22.6z" />',
   viewBox: "0 0 512 512"
 };
-var envelopBoxIcon = {
-  name: "envelop-box",
+var envelopeBoxIcon = {
+  name: "envelope-box",
   content: '<path d="m377 182.4-88.8 88.8-31.2 29-33.2-29-88.8-88.8c-7.7 2-13.8 8.1-15.8 15.8l73 73-73 73c2 7.7 8.1 13.8 15.8 15.8l73-73 49 44.8 47-44.8 73 73c7.7-2 13.8-8.1 15.8-15.8l-73-73 73-73c-2-7.7-8.1-13.8-15.8-15.8zM448 32H64c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32zm-32 329.6c0 12.4-10 22.4-22.4 22.4H118.4C106 384 96 374 96 361.6V182.4c0-12.4 10-22.4 22.4-22.4h275.2c12.4 0 22.4 10 22.4 22.4v179.2z" />',
   viewBox: "0 0 512 512"
 };
@@ -4326,29 +4332,29 @@ var bottom_nav_items_default = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Bottom Navigation with SPAN" }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Normal" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Focused", focus: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Selected", selected: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelop", text: "Disabled", disabled: true })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Bottom Navigation with BUTTON" }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "k-bottom-nav-item", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelop", size: "xlarge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Normal" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "k-bottom-nav-item k-focus", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelop", size: "xlarge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Focused" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "k-bottom-nav-item k-selected", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelop", size: "xlarge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Selected" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "k-bottom-nav-item k-disabled", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelop", size: "xlarge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
         ] })
       ] })
@@ -4357,19 +4363,19 @@ var bottom_nav_items_default = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Bottom Navigation with A" }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { className: "k-bottom-nav-item", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelop", size: "xlarge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Normal" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { className: "k-bottom-nav-item k-focus", href: "#", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelop", size: "xlarge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Focused" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { className: "k-bottom-nav-item k-selected", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelop", size: "xlarge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Selected" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { className: "k-bottom-nav-item k-disabled", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelop", size: "xlarge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
         ] })
       ] })