@jsfour/root-ui 0.0.4 → 0.0.5

package/dist/stencil-library/stencil-library.esm.js

@@ -1 +1 @@
-import{p as o,b as e}from"./p-C0aTTiQe.js";export{s as setNonce}from"./p-C0aTTiQe.js";import{g as c}from"./p-DQuL1Twl.js";(()=>{const e=import.meta.url,c={};return""!==e&&(c.resourcesUrl=new URL(".",e).href),o(c)})().then((async o=>(await c(),e([["p-10e38da8",[[257,"root-select",{value:[1],label:[1],fullwidth:[4],selectedOption:[32],isOpen:[32]},[[0,"rootOnItemChange","rootOnItemChange"]]]]],["p-9bcb5ccc",[[1,"root-alert",{type:[1]}]]],["p-25fe09bf",[[257,"root-badge",{badgeId:[1,"badge-id"],variation:[1],fullWidth:[4,"full-width"],disabled:[4]}]]],["p-dfd2a8e4",[[257,"root-banner",{bannerId:[1,"banner-id"],variation:[1],fullWidth:[4,"full-width"],disabled:[4]}]]],["p-a4a8edc9",[[257,"root-button",{buttonId:[1,"button-id"],size:[1],variation:[1],type:[1],icon:[1],fullWidth:[4,"full-width"],disabled:[4]}]]],["p-27a34a63",[[257,"root-card",{cardTitle:[1,"card-title"]}]]],["p-a008fe52",[[0,"root-icon",{icon:[1],currentIcon:[32]},null,{icon:[{setIcon:0}]}]]],["p-e8225aae",[[0,"root-icon-add"]]],["p-bb03b972",[[0,"root-icon-add-group"]]],["p-44dc228d",[[0,"root-icon-add-image"]]],["p-d397cb7c",[[0,"root-icon-add-reaction"]]],["p-a72bd408",[[0,"root-icon-add-user"]]],["p-06d58bf6",[[0,"root-icon-attach"]]],["p-34d5ad62",[[0,"root-icon-attachment"]]],["p-01854b5a",[[0,"root-icon-back-arrow"]]],["p-a373d6be",[[0,"root-icon-bag"]]],["p-70df1187",[[0,"root-icon-bold"]]],["p-afbdbb9a",[[0,"root-icon-bookmark"]]],["p-9c5a5595",[[0,"root-icon-camera"]]],["p-0272b0e8",[[0,"root-icon-camera-flip"]]],["p-9de34d8e",[[0,"root-icon-camera-off"]]],["p-8c81bf4b",[[0,"root-icon-camera-off-alert"]]],["p-7c080505",[[0,"root-icon-category"]]],["p-0c3564ca",[[0,"root-icon-category-art"]]],["p-9d6e1248",[[0,"root-icon-category-collaboration"]]],["p-30d2db3f",[[0,"root-icon-category-education"]]],["p-be9d1362",[[0,"root-icon-category-entertainment"]]],["p-1292fd7f",[[0,"root-icon-category-games"]]],["p-517d4bf2",[[0,"root-icon-category-music"]]],["p-de48e1b3",[[0,"root-icon-category-science"]]],["p-786c9591",[[0,"root-icon-chat"]]],["p-692313fe",[[0,"root-icon-check-circle"]]],["p-1d2006d8",[[0,"root-icon-checkbox-disabled"]]],["p-cd18ac06",[[0,"root-icon-checkbox-enabled"]]],["p-034036bb",[[0,"root-icon-checkbox-neutral"]]],["p-86978547",[[0,"root-icon-checkmark"]]],["p-6f7ff944",[[0,"root-icon-chevron-left"]]],["p-0763dee2",[[0,"root-icon-chevron-right"]]],["p-53796531",[[0,"root-icon-close"]]],["p-b9b270fc",[[0,"root-icon-cloud"]]],["p-e5f85974",[[0,"root-icon-cloud-off"]]],["p-e3e58eb6",[[0,"root-icon-code"]]],["p-2e786053",[[0,"root-icon-code-block"]]],["p-093d47fc",[[0,"root-icon-collapse"]]],["p-addaf214",[[0,"root-icon-color-swatch"]]],["p-353f079b",[[0,"root-icon-compass"]]],["p-7441637c",[[0,"root-icon-conversation"]]],["p-5fc595ec",[[0,"root-icon-delete"]]],["p-c729ddc0",[[0,"root-icon-direct-message"]]],["p-0eb04856",[[0,"root-icon-down-arrow"]]],["p-eaf405dd",[[0,"root-icon-download"]]],["p-0489489c",[[0,"root-icon-ellipsis-horizontal"]]],["p-8a2d79f5",[[0,"root-icon-ellipsis-vertical"]]],["p-b41d47e2",[[0,"root-icon-emoji"]]],["p-00976bd3",[[0,"root-icon-error"]]],["p-b77a4530",[[0,"root-icon-exit-full-screen"]]],["p-3d8eb756",[[0,"root-icon-eye-filled"]]],["p-2690e81d",[[0,"root-icon-eye-off-outlined"]]],["p-5754dcec",[[0,"root-icon-favorite"]]],["p-8c8c292c",[[0,"root-icon-favorite-filled"]]],["p-64d58b86",[[0,"root-icon-file-too-large"]]],["p-7035531b",[[0,"root-icon-flag"]]],["p-6d735eec",[[0,"root-icon-folder"]]],["p-24352cd7",[[0,"root-icon-folder-open"]]],["p-b66dfeb3",[[0,"root-icon-forward-arrow"]]],["p-a03857eb",[[0,"root-icon-full-screen"]]],["p-bbb5d3c8",[[0,"root-icon-gif"]]],["p-b4317617",[[0,"root-icon-globe"]]],["p-53a5a363",[[0,"root-icon-grid-view"]]],["p-b9dda84b",[[0,"root-icon-headphones"]]],["p-127aa679",[[0,"root-icon-headphones-off"]]],["p-fc119271",[[0,"root-icon-headphones-off-alert"]]],["p-7b61cc62",[[0,"root-icon-heart"]]],["p-c4a9a511",[[0,"root-icon-heart-filled"]]],["p-0fdcf2a5",[[0,"root-icon-help"]]],["p-972211b2",[[0,"root-icon-home"]]],["p-72a31d7c",[[0,"root-icon-home-filled"]]],["p-52dfb4e8",[[0,"root-icon-image"]]],["p-8f01e633",[[0,"root-icon-info"]]],["p-201ff361",[[0,"root-icon-integration"]]],["p-6caade6d",[[0,"root-icon-italic"]]],["p-d4e1a51e",[[0,"root-icon-jump"]]],["p-994b1ae6",[[0,"root-icon-lightbulb"]]],["p-43d09e8f",[[0,"root-icon-link"]]],["p-0f0ebb4b",[[0,"root-icon-list"]]],["p-d5390a40",[[0,"root-icon-list-view"]]],["p-7f38b085",[[0,"root-icon-lock"]]],["p-cf33fb95",[[0,"root-icon-logout"]]],["p-4c505746",[[0,"root-icon-mail"]]],["p-df773571",[[0,"root-icon-mark-as-read"]]],["p-69d96050",[[0,"root-icon-mention"]]],["p-4c015f08",[[0,"root-icon-menu"]]],["p-1b706f67",[[0,"root-icon-message"]]],["p-b9982df1",[[0,"root-icon-microphone"]]],["p-5e9967da",[[0,"root-icon-microphone-off"]]],["p-2a188ed8",[[0,"root-icon-microphone-off-alert"]]],["p-62d1db58",[[0,"root-icon-notification-active"]]],["p-af2dff79",[[0,"root-icon-notification-add"]]],["p-e00fa649",[[0,"root-icon-notification-bell"]]],["p-552e8af3",[[0,"root-icon-notification-filled"]]],["p-7e8b1a45",[[0,"root-icon-notification-off"]]],["p-0b23a12d",[[0,"root-icon-notification-off-outlined"]]],["p-d878bdb9",[[0,"root-icon-open"]]],["p-6207b40a",[[0,"root-icon-pause"]]],["p-1dd4d4cf",[[0,"root-icon-pencil"]]],["p-c28cdede",[[0,"root-icon-phone-disconnect"]]],["p-d3a20a30",[[0,"root-icon-pin"]]],["p-e0057e4d",[[0,"root-icon-pin-filled"]]],["p-39dc56f1",[[0,"root-icon-plane"]]],["p-fbd00bb4",[[0,"root-icon-play"]]],["p-3ffb1dcd",[[0,"root-icon-popout"]]],["p-beee2c65",[[0,"root-icon-prohibited"]]],["p-c6763874",[[0,"root-icon-recent-files"]]],["p-1f317b6f",[[0,"root-icon-refresh"]]],["p-2d9c8e5f",[[0,"root-icon-remove"]]],["p-b9d21c36",[[0,"root-icon-remove-user"]]],["p-ce965bf7",[[0,"root-icon-replay"]]],["p-d9193002",[[0,"root-icon-reply"]]],["p-b32e863e",[[0,"root-icon-rocket"]]],["p-f025da0f",[[0,"root-icon-screen-share"]]],["p-bef676e9",[[0,"root-icon-selected-item-checkbox"]]],["p-a3df360e",[[0,"root-icon-send"]]],["p-6db103dd",[[0,"root-icon-settings"]]],["p-43ce581b",[[0,"root-icon-share"]]],["p-88349f9e",[[0,"root-icon-signal"]]],["p-2914923f",[[0,"root-icon-sort"]]],["p-b183a1b3",[[0,"root-icon-speaker"]]],["p-4a9de273",[[0,"root-icon-stop"]]],["p-108c5c1d",[[0,"root-icon-strikethrough"]]],["p-aef946ab",[[0,"root-icon-trophy"]]],["p-9bf94175",[[0,"root-icon-undock"]]],["p-1196f8fa",[[0,"root-icon-up-arrow"]]],["p-5baf7ba6",[[0,"root-icon-upload"]]],["p-f06e5562",[[0,"root-icon-user"]]],["p-902e5ab5",[[0,"root-icon-user-filled"]]],["p-f872abe5",[[0,"root-icon-users"]]],["p-ee6832bf",[[0,"root-icon-users-filled"]]],["p-2df3ac4e",[[0,"root-icon-video-camera"]]],["p-04640a40",[[0,"root-icon-video-camera-off"]]],["p-026c2797",[[0,"root-icon-voice"]]],["p-6fe52789",[[0,"root-icon-volume-high"]]],["p-cfda7a6f",[[0,"root-icon-volume-low"]]],["p-44a9adcc",[[0,"root-icon-volume-off"]]],["p-3bae8f8f",[[257,"root-list",{multiselect:[4],selectedIndexes:[32]},[[0,"rootItemClicked","rootItemClicked"]]]]],["p-332d687b",[[257,"root-list-item",{listItemId:[1,"list-item-id"],selected:[1540]}]]],["p-7bd75970",[[260,"root-radio-button",{value:[1],isSelected:[32],setSelectionState:[64]}]]],["p-1304efb9",[[257,"root-radio-group",null,[[0,"rootRadioButtonClick","handleRadioClick"]]]]],["p-1754fafa",[[260,"root-select-item",{value:[1],selected:[4],isSelected:[32],setSelectionState:[64]}]]],["p-eb132bb1",[[1,"root-slider",{hideValue:[4,"hide-value"],value:[2],currentValue:[32]}]]],["p-abdf8335",[[1,"root-switch",{switchOn:[32]}]]],["p-f4b8e499",[[257,"root-input",{inputId:[1,"input-id"],type:[1],label:[1],inputName:[1,"input-name"],placeholder:[1],value:[1025],maxlength:[2],showIcon:[4,"show-icon"],fullWidth:[4,"full-width"],multiline:[4],icon:[4],showPassword:[32],inputValue:[32],error:[32],touched:[32],hasIcon:[32],fileLabel:[32]},null,{value:[{onValueChanged:0}]}],[1,"root-breadcrumbs",{breadcrumbsId:[1,"breadcrumbs-id"],linkItems:[32]}],[0,"root-icon-calendar"],[0,"root-icon-chevron-up"],[0,"root-icon-clock"],[0,"root-icon-eye"],[0,"root-icon-eye-off"],[0,"root-icon-files"],[0,"root-icon-phone"],[0,"root-icon-search"],[0,"root-icon-chevron-down"]]]],o))));
+import{p as o,b as e}from"./p-C0aTTiQe.js";export{s as setNonce}from"./p-C0aTTiQe.js";import{g as c}from"./p-DQuL1Twl.js";(()=>{const e=import.meta.url,c={};return""!==e&&(c.resourcesUrl=new URL(".",e).href),o(c)})().then((async o=>(await c(),e([["p-10e38da8",[[257,"root-select",{value:[1],label:[1],fullwidth:[4],selectedOption:[32],isOpen:[32]},[[0,"rootOnItemChange","rootOnItemChange"]]]]],["p-9bcb5ccc",[[1,"root-alert",{type:[1]}]]],["p-25fe09bf",[[257,"root-badge",{badgeId:[1,"badge-id"],variation:[1],fullWidth:[4,"full-width"],disabled:[4]}]]],["p-dfd2a8e4",[[257,"root-banner",{bannerId:[1,"banner-id"],variation:[1],fullWidth:[4,"full-width"],disabled:[4]}]]],["p-a4a8edc9",[[257,"root-button",{buttonId:[1,"button-id"],size:[1],variation:[1],type:[1],icon:[1],fullWidth:[4,"full-width"],disabled:[4]}]]],["p-27a34a63",[[257,"root-card",{cardTitle:[1,"card-title"]}]]],["p-bb03b972",[[0,"root-icon-add-group"]]],["p-44dc228d",[[0,"root-icon-add-image"]]],["p-d397cb7c",[[0,"root-icon-add-reaction"]]],["p-a72bd408",[[0,"root-icon-add-user"]]],["p-06d58bf6",[[0,"root-icon-attach"]]],["p-34d5ad62",[[0,"root-icon-attachment"]]],["p-01854b5a",[[0,"root-icon-back-arrow"]]],["p-a373d6be",[[0,"root-icon-bag"]]],["p-70df1187",[[0,"root-icon-bold"]]],["p-afbdbb9a",[[0,"root-icon-bookmark"]]],["p-9c5a5595",[[0,"root-icon-camera"]]],["p-0272b0e8",[[0,"root-icon-camera-flip"]]],["p-9de34d8e",[[0,"root-icon-camera-off"]]],["p-8c81bf4b",[[0,"root-icon-camera-off-alert"]]],["p-7c080505",[[0,"root-icon-category"]]],["p-0c3564ca",[[0,"root-icon-category-art"]]],["p-9d6e1248",[[0,"root-icon-category-collaboration"]]],["p-30d2db3f",[[0,"root-icon-category-education"]]],["p-be9d1362",[[0,"root-icon-category-entertainment"]]],["p-1292fd7f",[[0,"root-icon-category-games"]]],["p-517d4bf2",[[0,"root-icon-category-music"]]],["p-de48e1b3",[[0,"root-icon-category-science"]]],["p-786c9591",[[0,"root-icon-chat"]]],["p-692313fe",[[0,"root-icon-check-circle"]]],["p-1d2006d8",[[0,"root-icon-checkbox-disabled"]]],["p-cd18ac06",[[0,"root-icon-checkbox-enabled"]]],["p-034036bb",[[0,"root-icon-checkbox-neutral"]]],["p-86978547",[[0,"root-icon-checkmark"]]],["p-6f7ff944",[[0,"root-icon-chevron-left"]]],["p-0763dee2",[[0,"root-icon-chevron-right"]]],["p-53796531",[[0,"root-icon-close"]]],["p-b9b270fc",[[0,"root-icon-cloud"]]],["p-e5f85974",[[0,"root-icon-cloud-off"]]],["p-e3e58eb6",[[0,"root-icon-code"]]],["p-2e786053",[[0,"root-icon-code-block"]]],["p-093d47fc",[[0,"root-icon-collapse"]]],["p-addaf214",[[0,"root-icon-color-swatch"]]],["p-353f079b",[[0,"root-icon-compass"]]],["p-7441637c",[[0,"root-icon-conversation"]]],["p-5fc595ec",[[0,"root-icon-delete"]]],["p-c729ddc0",[[0,"root-icon-direct-message"]]],["p-0eb04856",[[0,"root-icon-down-arrow"]]],["p-eaf405dd",[[0,"root-icon-download"]]],["p-0489489c",[[0,"root-icon-ellipsis-horizontal"]]],["p-8a2d79f5",[[0,"root-icon-ellipsis-vertical"]]],["p-b41d47e2",[[0,"root-icon-emoji"]]],["p-00976bd3",[[0,"root-icon-error"]]],["p-b77a4530",[[0,"root-icon-exit-full-screen"]]],["p-3d8eb756",[[0,"root-icon-eye-filled"]]],["p-2690e81d",[[0,"root-icon-eye-off-outlined"]]],["p-5754dcec",[[0,"root-icon-favorite"]]],["p-8c8c292c",[[0,"root-icon-favorite-filled"]]],["p-64d58b86",[[0,"root-icon-file-too-large"]]],["p-7035531b",[[0,"root-icon-flag"]]],["p-6d735eec",[[0,"root-icon-folder"]]],["p-24352cd7",[[0,"root-icon-folder-open"]]],["p-b66dfeb3",[[0,"root-icon-forward-arrow"]]],["p-a03857eb",[[0,"root-icon-full-screen"]]],["p-bbb5d3c8",[[0,"root-icon-gif"]]],["p-b4317617",[[0,"root-icon-globe"]]],["p-53a5a363",[[0,"root-icon-grid-view"]]],["p-b9dda84b",[[0,"root-icon-headphones"]]],["p-127aa679",[[0,"root-icon-headphones-off"]]],["p-fc119271",[[0,"root-icon-headphones-off-alert"]]],["p-7b61cc62",[[0,"root-icon-heart"]]],["p-c4a9a511",[[0,"root-icon-heart-filled"]]],["p-0fdcf2a5",[[0,"root-icon-help"]]],["p-972211b2",[[0,"root-icon-home"]]],["p-72a31d7c",[[0,"root-icon-home-filled"]]],["p-52dfb4e8",[[0,"root-icon-image"]]],["p-8f01e633",[[0,"root-icon-info"]]],["p-201ff361",[[0,"root-icon-integration"]]],["p-6caade6d",[[0,"root-icon-italic"]]],["p-d4e1a51e",[[0,"root-icon-jump"]]],["p-994b1ae6",[[0,"root-icon-lightbulb"]]],["p-43d09e8f",[[0,"root-icon-link"]]],["p-0f0ebb4b",[[0,"root-icon-list"]]],["p-d5390a40",[[0,"root-icon-list-view"]]],["p-7f38b085",[[0,"root-icon-lock"]]],["p-cf33fb95",[[0,"root-icon-logout"]]],["p-4c505746",[[0,"root-icon-mail"]]],["p-df773571",[[0,"root-icon-mark-as-read"]]],["p-69d96050",[[0,"root-icon-mention"]]],["p-4c015f08",[[0,"root-icon-menu"]]],["p-1b706f67",[[0,"root-icon-message"]]],["p-b9982df1",[[0,"root-icon-microphone"]]],["p-5e9967da",[[0,"root-icon-microphone-off"]]],["p-2a188ed8",[[0,"root-icon-microphone-off-alert"]]],["p-62d1db58",[[0,"root-icon-notification-active"]]],["p-af2dff79",[[0,"root-icon-notification-add"]]],["p-e00fa649",[[0,"root-icon-notification-bell"]]],["p-552e8af3",[[0,"root-icon-notification-filled"]]],["p-7e8b1a45",[[0,"root-icon-notification-off"]]],["p-0b23a12d",[[0,"root-icon-notification-off-outlined"]]],["p-d878bdb9",[[0,"root-icon-open"]]],["p-6207b40a",[[0,"root-icon-pause"]]],["p-1dd4d4cf",[[0,"root-icon-pencil"]]],["p-c28cdede",[[0,"root-icon-phone-disconnect"]]],["p-39dc56f1",[[0,"root-icon-plane"]]],["p-fbd00bb4",[[0,"root-icon-play"]]],["p-3ffb1dcd",[[0,"root-icon-popout"]]],["p-beee2c65",[[0,"root-icon-prohibited"]]],["p-c6763874",[[0,"root-icon-recent-files"]]],["p-1f317b6f",[[0,"root-icon-refresh"]]],["p-b9d21c36",[[0,"root-icon-remove-user"]]],["p-ce965bf7",[[0,"root-icon-replay"]]],["p-d9193002",[[0,"root-icon-reply"]]],["p-b32e863e",[[0,"root-icon-rocket"]]],["p-f025da0f",[[0,"root-icon-screen-share"]]],["p-bef676e9",[[0,"root-icon-selected-item-checkbox"]]],["p-a3df360e",[[0,"root-icon-send"]]],["p-6db103dd",[[0,"root-icon-settings"]]],["p-43ce581b",[[0,"root-icon-share"]]],["p-88349f9e",[[0,"root-icon-signal"]]],["p-2914923f",[[0,"root-icon-sort"]]],["p-b183a1b3",[[0,"root-icon-speaker"]]],["p-4a9de273",[[0,"root-icon-stop"]]],["p-108c5c1d",[[0,"root-icon-strikethrough"]]],["p-aef946ab",[[0,"root-icon-trophy"]]],["p-9bf94175",[[0,"root-icon-undock"]]],["p-1196f8fa",[[0,"root-icon-up-arrow"]]],["p-5baf7ba6",[[0,"root-icon-upload"]]],["p-f06e5562",[[0,"root-icon-user"]]],["p-902e5ab5",[[0,"root-icon-user-filled"]]],["p-f872abe5",[[0,"root-icon-users"]]],["p-ee6832bf",[[0,"root-icon-users-filled"]]],["p-2df3ac4e",[[0,"root-icon-video-camera"]]],["p-04640a40",[[0,"root-icon-video-camera-off"]]],["p-026c2797",[[0,"root-icon-voice"]]],["p-6fe52789",[[0,"root-icon-volume-high"]]],["p-cfda7a6f",[[0,"root-icon-volume-low"]]],["p-44a9adcc",[[0,"root-icon-volume-off"]]],["p-3bae8f8f",[[257,"root-list",{multiselect:[4],selectedIndexes:[32]},[[0,"rootItemClicked","rootItemClicked"]]]]],["p-332d687b",[[257,"root-list-item",{listItemId:[1,"list-item-id"],selected:[1540]}]]],["p-7bd75970",[[260,"root-radio-button",{value:[1],isSelected:[32],setSelectionState:[64]}]]],["p-1304efb9",[[257,"root-radio-group",null,[[0,"rootRadioButtonClick","handleRadioClick"]]]]],["p-1754fafa",[[260,"root-select-item",{value:[1],selected:[4],isSelected:[32],setSelectionState:[64]}]]],["p-eb132bb1",[[1,"root-slider",{hideValue:[4,"hide-value"],value:[2],currentValue:[32]}]]],["p-abdf8335",[[1,"root-switch",{switchOn:[32]}]]],["p-f829e0be",[[257,"root-input",{inputId:[1,"input-id"],type:[1],label:[1],inputName:[1,"input-name"],placeholder:[1],value:[1025],maxlength:[2],showIcon:[4,"show-icon"],fullWidth:[4,"full-width"],multiline:[4],icon:[4],showPassword:[32],inputValue:[32],error:[32],touched:[32],hasIcon:[32],fileLabel:[32]},null,{value:[{onValueChanged:0}]}],[1,"root-breadcrumbs",{breadcrumbsId:[1,"breadcrumbs-id"],linkItems:[32]}],[0,"root-icon",{icon:[1],currentIcon:[32]},null,{icon:[{setIcon:0}]}],[0,"root-icon-add"],[0,"root-icon-pin"],[0,"root-icon-pin-filled"],[0,"root-icon-remove"],[0,"root-icon-calendar"],[0,"root-icon-chevron-up"],[0,"root-icon-clock"],[0,"root-icon-eye"],[0,"root-icon-eye-off"],[0,"root-icon-files"],[0,"root-icon-phone"],[0,"root-icon-search"],[0,"root-icon-chevron-down"]]]],o))));

package/dist/types/global/icons/icons.d.ts

@@ -1,437 +1,437 @@
 export declare const rootIcon: {
-    "root-icon-add": {
+    add: {
         IconComponent(): any;
     };
-    "root-icon-close": {
+    close: {
         IconComponent(): any;
     };
-    "root-icon-remove": {
+    remove: {
         IconComponent(): any;
     };
-    "root-icon-search": {
+    search: {
         IconComponent(): any;
     };
-    "root-icon-pencil": {
+    pencil: {
         IconComponent(): any;
     };
-    "root-icon-settings": {
+    settings: {
         IconComponent(): any;
     };
-    "root-icon-info": {
+    info: {
         IconComponent(): any;
     };
-    "root-icon-lock": {
+    lock: {
         IconComponent(): any;
     };
-    "root-icon-globe": {
+    globe: {
         IconComponent(): any;
     };
-    "root-icon-list": {
+    list: {
         IconComponent(): any;
     };
-    "root-icon-open": {
+    open: {
         IconComponent(): any;
     };
-    "root-icon-share": {
+    share: {
         IconComponent(): any;
     };
-    "root-icon-popout": {
+    popout: {
         IconComponent(): any;
     };
-    "root-icon-refresh": {
+    refresh: {
         IconComponent(): any;
     };
-    "root-icon-down-arrow": {
+    "down-arrow": {
         IconComponent(): any;
     };
-    "root-icon-up-arrow": {
+    "up-arrow": {
         IconComponent(): any;
     };
-    "root-icon-ellipsis-horizontal": {
+    "ellipsis-horizontal": {
         IconComponent(): any;
     };
-    "root-icon-ellipsis-vertical": {
+    "ellipsis-vertical": {
         IconComponent(): any;
     };
-    "root-icon-user": {
+    user: {
         IconComponent(): any;
     };
-    "root-icon-add-user": {
+    "add-user": {
         IconComponent(): any;
     };
-    "root-icon-remove-user": {
+    "remove-user": {
         IconComponent(): any;
     };
-    "root-icon-favorite": {
+    favorite: {
         IconComponent(): any;
     };
-    "root-icon-favorite-filled": {
+    "favorite-filled": {
         IconComponent(): any;
     };
-    "root-icon-pin": {
+    pin: {
         IconComponent(): any;
     };
-    "root-icon-pin-filled": {
+    "pin-filled": {
         IconComponent(): any;
     };
-    "root-icon-image": {
+    image: {
         IconComponent(): any;
     };
-    "root-icon-notification-bell": {
+    "notification-bell": {
         IconComponent(): any;
     };
-    "root-icon-checkbox-enabled": {
+    "checkbox-enabled": {
         IconComponent(): any;
     };
-    "root-icon-checkbox-disabled": {
+    "checkbox-disabled": {
         IconComponent(): any;
     };
-    "root-icon-checkbox-neutral": {
+    "checkbox-neutral": {
         IconComponent(): any;
     };
-    "root-icon-selected-item-checkbox": {
+    "selected-item-checkbox": {
         IconComponent(): any;
     };
-    "root-icon-folder": {
+    folder: {
         IconComponent(): any;
     };
-    "root-icon-download": {
+    download: {
         IconComponent(): any;
     };
-    "root-icon-file-too-large": {
+    "file-too-large": {
         IconComponent(): any;
     };
-    "root-icon-files": {
+    files: {
         IconComponent(): any;
     };
-    "root-icon-upload": {
+    upload: {
         IconComponent(): any;
     };
-    "root-icon-bold": {
+    bold: {
         IconComponent(): any;
     };
-    "root-icon-italic": {
+    italic: {
         IconComponent(): any;
     };
-    "root-icon-strikethrough": {
+    strikethrough: {
         IconComponent(): any;
     };
-    "root-icon-code": {
+    code: {
         IconComponent(): any;
     };
-    "root-icon-code-block": {
+    "code-block": {
         IconComponent(): any;
     };
-    "root-icon-link": {
+    link: {
         IconComponent(): any;
     };
-    "root-icon-send": {
+    send: {
         IconComponent(): any;
     };
-    "root-icon-reply": {
+    reply: {
         IconComponent(): any;
     };
-    "root-icon-attachment": {
+    attachment: {
         IconComponent(): any;
     };
-    "root-icon-emoji": {
+    emoji: {
         IconComponent(): any;
     };
-    "root-icon-gif": {
+    gif: {
         IconComponent(): any;
     };
-    "root-icon-mention": {
+    mention: {
         IconComponent(): any;
     };
-    "root-icon-jump": {
+    jump: {
         IconComponent(): any;
     };
-    "root-icon-mark-as-read": {
+    "mark-as-read": {
         IconComponent(): any;
     };
-    "root-icon-play": {
+    play: {
         IconComponent(): any;
     };
-    "root-icon-pause": {
+    pause: {
         IconComponent(): any;
     };
-    "root-icon-stop": {
+    stop: {
         IconComponent(): any;
     };
-    "root-icon-replay": {
+    replay: {
         IconComponent(): any;
     };
-    "root-icon-full-screen": {
+    "full-screen": {
         IconComponent(): any;
     };
-    "root-icon-exit-full-screen": {
+    "exit-full-screen": {
         IconComponent(): any;
     };
-    "root-icon-volume-high": {
+    "volume-high": {
         IconComponent(): any;
     };
-    "root-icon-volume-low": {
+    "volume-low": {
         IconComponent(): any;
     };
-    "root-icon-volume-off": {
+    "volume-off": {
         IconComponent(): any;
     };
-    "root-icon-category-art": {
+    "category-art": {
         IconComponent(): any;
     };
-    "root-icon-category-collaboration": {
+    "category-collaboration": {
         IconComponent(): any;
     };
-    "root-icon-category-education": {
+    "category-education": {
         IconComponent(): any;
     };
-    "root-icon-category-entertainment": {
+    "category-entertainment": {
         IconComponent(): any;
     };
-    "root-icon-category-games": {
+    "category-games": {
         IconComponent(): any;
     };
-    "root-icon-category": {
+    category: {
         IconComponent(): any;
     };
-    "root-icon-category-music": {
+    "category-music": {
         IconComponent(): any;
     };
-    "root-icon-category-science": {
+    "category-science": {
         IconComponent(): any;
     };
-    "root-icon-back-arrow": {
+    "back-arrow": {
         IconComponent(): any;
     };
-    "root-icon-forward-arrow": {
+    "forward-arrow": {
         IconComponent(): any;
     };
-    "root-icon-chevron-left": {
+    "chevron-left": {
         IconComponent(): any;
     };
-    "root-icon-chevron-right": {
+    "chevron-right": {
         IconComponent(): any;
     };
-    "root-icon-chevron-up": {
+    "chevron-up": {
         IconComponent(): any;
     };
-    "root-icon-chevron-down": {
+    "chevron-down": {
         IconComponent(): any;
     };
-    "root-icon-collapse": {
+    collapse: {
         IconComponent(): any;
     };
-    "root-icon-menu": {
+    menu: {
         IconComponent(): any;
     };
-    "root-icon-home": {
+    home: {
         IconComponent(): any;
     };
-    "root-icon-home-filled": {
+    "home-filled": {
         IconComponent(): any;
     };
-    "root-icon-check-circle": {
+    "check-circle": {
         IconComponent(): any;
     };
-    "root-icon-logout": {
+    logout: {
         IconComponent(): any;
     };
-    "root-icon-help": {
+    help: {
         IconComponent(): any;
     };
-    "root-icon-sort": {
+    sort: {
         IconComponent(): any;
     };
-    "root-icon-mail": {
+    mail: {
         IconComponent(): any;
     };
-    "root-icon-compass": {
+    compass: {
         IconComponent(): any;
     };
-    "root-icon-lightbulb": {
+    lightbulb: {
         IconComponent(): any;
     };
-    "root-icon-phone": {
+    phone: {
         IconComponent(): any;
     };
-    "root-icon-phone-disconnect": {
+    "phone-disconnect": {
         IconComponent(): any;
     };
-    "root-icon-camera": {
+    camera: {
         IconComponent(): any;
     };
-    "root-icon-camera-off": {
+    "camera-off": {
         IconComponent(): any;
     };
-    "root-icon-camera-off-alert": {
+    "camera-off-alert": {
         IconComponent(): any;
     };
-    "root-icon-camera-flip": {
+    "camera-flip": {
         IconComponent(): any;
     };
-    "root-icon-video-camera": {
+    "video-camera": {
         IconComponent(): any;
     };
-    "root-icon-video-camera-off": {
+    "video-camera-off": {
         IconComponent(): any;
     };
-    "root-icon-microphone": {
+    microphone: {
         IconComponent(): any;
     };
-    "root-icon-microphone-off": {
+    "microphone-off": {
         IconComponent(): any;
     };
-    "root-icon-microphone-off-alert": {
+    "microphone-off-alert": {
         IconComponent(): any;
     };
-    "root-icon-headphones": {
+    headphones: {
         IconComponent(): any;
     };
-    "root-icon-headphones-off": {
+    "headphones-off": {
         IconComponent(): any;
     };
-    "root-icon-headphones-off-alert": {
+    "headphones-off-alert": {
         IconComponent(): any;
     };
-    "root-icon-screen-share": {
+    "screen-share": {
         IconComponent(): any;
     };
-    "root-icon-voice": {
+    voice: {
         IconComponent(): any;
     };
-    "root-icon-add-group": {
+    "add-group": {
         IconComponent(): any;
     };
-    "root-icon-add-image": {
+    "add-image": {
         IconComponent(): any;
     };
-    "root-icon-folder-open": {
+    "folder-open": {
         IconComponent(): any;
     };
-    "root-icon-recent-files": {
+    "recent-files": {
         IconComponent(): any;
     };
-    "root-icon-prohibited": {
+    prohibited: {
         IconComponent(): any;
     };
-    "root-icon-color-swatch": {
+    "color-swatch": {
         IconComponent(): any;
     };
-    "root-icon-cloud": {
+    cloud: {
         IconComponent(): any;
     };
-    "root-icon-cloud-off": {
+    "cloud-off": {
         IconComponent(): any;
     };
-    "root-icon-integration": {
+    integration: {
         IconComponent(): any;
     };
-    "root-icon-rocket": {
+    rocket: {
         IconComponent(): any;
     };
-    "root-icon-signal": {
+    signal: {
         IconComponent(): any;
     };
-    "root-icon-speaker": {
+    speaker: {
         IconComponent(): any;
     };
-    "root-icon-trophy": {
+    trophy: {
         IconComponent(): any;
     };
-    "root-icon-eye": {
+    eye: {
         IconComponent(): any;
     };
-    "root-icon-eye-off": {
+    "eye-off": {
         IconComponent(): any;
     };
-    "root-icon-delete": {
+    delete: {
         IconComponent(): any;
     };
-    "root-icon-bookmark": {
+    bookmark: {
         IconComponent(): any;
     };
-    "root-icon-checkmark": {
+    checkmark: {
         IconComponent(): any;
     };
-    "root-icon-heart": {
+    heart: {
         IconComponent(): any;
     };
-    "root-icon-heart-filled": {
+    "heart-filled": {
         IconComponent(): any;
     };
-    "root-icon-clock": {
+    clock: {
         IconComponent(): any;
     };
-    "root-icon-undock": {
+    undock: {
         IconComponent(): any;
     };
-    "root-icon-eye-filled": {
+    "eye-filled": {
         IconComponent(): any;
     };
-    "root-icon-eye-off-outlined": {
+    "eye-off-outlined": {
         IconComponent(): any;
     };
-    "root-icon-notification-active": {
+    "notification-active": {
         IconComponent(): any;
     };
-    "root-icon-notification-off": {
+    "notification-off": {
         IconComponent(): any;
     };
-    "root-icon-notification-off-outlined": {
+    "notification-off-outlined": {
         IconComponent(): any;
     };
-    "root-icon-notification-add": {
+    "notification-add": {
         IconComponent(): any;
     };
-    "root-icon-notification-filled": {
+    "notification-filled": {
         IconComponent(): any;
     };
-    "root-icon-user-filled": {
+    "user-filled": {
         IconComponent(): any;
     };
-    "root-icon-users": {
+    users: {
         IconComponent(): any;
     };
-    "root-icon-users-filled": {
+    "users-filled": {
         IconComponent(): any;
     };
-    "root-icon-chat": {
+    chat: {
         IconComponent(): any;
     };
-    "root-icon-message": {
+    message: {
         IconComponent(): any;
     };
-    "root-icon-direct-message": {
+    "direct-message": {
         IconComponent(): any;
     };
-    "root-icon-conversation": {
+    conversation: {
         IconComponent(): any;
     };
-    "root-icon-attach": {
+    attach: {
         IconComponent(): any;
     };
-    "root-icon-add-reaction": {
+    "add-reaction": {
         IconComponent(): any;
     };
-    "root-icon-error": {
+    error: {
         IconComponent(): any;
     };
-    "root-icon-grid-view": {
+    "grid-view": {
         IconComponent(): any;
     };
-    "root-icon-list-view": {
+    "list-view": {
         IconComponent(): any;
     };
-    "root-icon-plane": {
+    plane: {
         IconComponent(): any;
     };
-    "root-icon-bag": {
+    bag: {
         IconComponent(): any;
     };
-    "root-icon-flag": {
+    flag: {
         IconComponent(): any;
     };
-    "root-icon-calendar": {
+    calendar: {
         IconComponent(): any;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsfour/root-ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Unofficial stencil UI components for Root",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/src/components/icon/RootIcon/RootIcon.tsx

@@ -12,7 +12,7 @@ export class RootIcon {
     @Prop() icon: IconName;
     @Watch('icon')
     setIcon() {
-        const { IconComponent } = rootIcon[`root-icon-${this.icon}`];
+        const { IconComponent } = rootIcon[this.icon];
         this.currentIcon = IconComponent;
     }