ar-design 0.2.80 → 0.2.82

package/dist/components/icons/Compiler.js

@@ -31,6 +31,10 @@ class Icon {
                         return (React.createElement(React.Fragment, null,
                             React.createElement("path", { d: "M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
                             React.createElement("path", { d: "M12 3V16M12 16L16 11.625M12 16L8 11.625", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
+                    case "Download":
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5" }),
+                            React.createElement("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z" })));
                     case "Document":
                         return (React.createElement(React.Fragment, null,
                             React.createElement("path", { d: "M22 10v5c0 5-2 7-7 7H9c-5 0-7-2-7-7V9c0-5 2-7 7-7h5", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -109,6 +113,37 @@ class Icon {
                         return (React.createElement(React.Fragment, null,
                             React.createElement("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
                             React.createElement("path", { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z" })));
+                    case "FileTypeXlsx":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM7.86 14.841a1.13 1.13 0 0 0 .401.823q.195.162.479.252.284.091.665.091.507 0 .858-.158.355-.158.54-.44a1.17 1.17 0 0 0 .187-.656q0-.336-.135-.56a1 1 0 0 0-.375-.357 2 2 0 0 0-.565-.21l-.621-.144a1 1 0 0 1-.405-.176.37.37 0 0 1-.143-.299q0-.234.184-.384.188-.152.513-.152.214 0 .37.068a.6.6 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.199-.566 1.2 1.2 0 0 0-.5-.41 1.8 1.8 0 0 0-.78-.152q-.44 0-.777.15-.336.149-.527.421-.19.273-.19.639 0 .302.123.524t.351.367q.229.143.54.213l.618.144q.31.073.462.193a.39.39 0 0 1 .153.326.5.5 0 0 1-.085.29.56.56 0 0 1-.255.193q-.168.07-.413.07-.176 0-.32-.04a.8.8 0 0 1-.249-.115.58.58 0 0 1-.255-.384zm-3.726-2.909h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415H1.5l1.24-2.016-1.228-1.983h.931l.832 1.438h.036zm1.923 3.325h1.697v.674H5.266v-3.999h.791zm7.636-3.325h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.438h.036z" }));
+                    case "FileTypeXls":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z" }));
+                    case "FileTypeCsv":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.517 14.841a1.13 1.13 0 0 0 .401.823q.195.162.478.252.284.091.665.091.507 0 .859-.158.354-.158.539-.44.187-.284.187-.656 0-.336-.134-.56a1 1 0 0 0-.375-.357 2 2 0 0 0-.566-.21l-.621-.144a1 1 0 0 1-.404-.176.37.37 0 0 1-.144-.299q0-.234.185-.384.188-.152.512-.152.214 0 .37.068a.6.6 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.2-.566 1.2 1.2 0 0 0-.5-.41 1.8 1.8 0 0 0-.78-.152q-.439 0-.776.15-.337.149-.527.421-.19.273-.19.639 0 .302.122.524.124.223.352.367.228.143.539.213l.618.144q.31.073.463.193a.39.39 0 0 1 .152.326.5.5 0 0 1-.085.29.56.56 0 0 1-.255.193q-.167.07-.413.07-.175 0-.32-.04a.8.8 0 0 1-.248-.115.58.58 0 0 1-.255-.384zM.806 13.693q0-.373.102-.633a.87.87 0 0 1 .302-.399.8.8 0 0 1 .475-.137q.225 0 .398.097a.7.7 0 0 1 .272.26.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964 1.4 1.4 0 0 0-.489-.272 1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223-.375.222-.572.632-.195.41-.196.979v.498q0 .568.193.976.197.407.572.626.375.217.914.217.439 0 .785-.164t.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.8.8 0 0 1-.118.363.7.7 0 0 1-.272.25.9.9 0 0 1-.401.087.85.85 0 0 1-.478-.132.83.83 0 0 1-.299-.392 1.7 1.7 0 0 1-.102-.627zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879z" }));
+                    case "FileTypeDoc":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-6.839 9.688v-.522a1.5 1.5 0 0 0-.117-.641.86.86 0 0 0-.322-.387.86.86 0 0 0-.469-.129.87.87 0 0 0-.471.13.87.87 0 0 0-.32.386 1.5 1.5 0 0 0-.117.641v.522q0 .384.117.641a.87.87 0 0 0 .32.387.9.9 0 0 0 .471.126.9.9 0 0 0 .469-.126.86.86 0 0 0 .322-.386 1.55 1.55 0 0 0 .117-.642m.803-.516v.513q0 .563-.205.973a1.47 1.47 0 0 1-.589.627q-.381.216-.917.216a1.86 1.86 0 0 1-.92-.216 1.46 1.46 0 0 1-.589-.627 2.15 2.15 0 0 1-.205-.973v-.513q0-.569.205-.975.205-.411.59-.627.386-.22.92-.22.535 0 .916.22.383.219.59.63.204.406.204.972M1 15.925v-3.999h1.459q.609 0 1.005.235.396.233.589.68.196.445.196 1.074 0 .634-.196 1.084-.197.451-.595.689-.396.237-.999.237zm1.354-3.354H1.79v2.707h.563q.277 0 .483-.082a.8.8 0 0 0 .334-.252q.132-.17.196-.422a2.3 2.3 0 0 0 .068-.592q0-.45-.118-.753a.9.9 0 0 0-.354-.454q-.237-.152-.61-.152Zm6.756 1.116q0-.373.103-.633a.87.87 0 0 1 .301-.398.8.8 0 0 1 .475-.138q.225 0 .398.097a.7.7 0 0 1 .273.26.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964 1.4 1.4 0 0 0-.49-.272 1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223-.375.222-.571.633-.197.41-.197.978v.498q0 .568.194.976.195.406.571.627.375.216.914.216.44 0 .785-.164t.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364.7.7 0 0 1-.273.248.9.9 0 0 1-.401.088.85.85 0 0 1-.478-.131.83.83 0 0 1-.298-.393 1.7 1.7 0 0 1-.103-.627zm5.092-1.76h.894l-1.275 2.006 1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015-1.228-1.984h.932l.832 1.439h.035z" }));
+                    case "FileTypeDocx":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-6.839 9.688v-.522a1.5 1.5 0 0 0-.117-.641.86.86 0 0 0-.322-.387.86.86 0 0 0-.469-.129.87.87 0 0 0-.471.13.87.87 0 0 0-.32.386 1.5 1.5 0 0 0-.117.641v.522q0 .384.117.641a.87.87 0 0 0 .32.387.9.9 0 0 0 .471.126.9.9 0 0 0 .469-.126.86.86 0 0 0 .322-.386 1.55 1.55 0 0 0 .117-.642m.803-.516v.513q0 .563-.205.973a1.47 1.47 0 0 1-.589.627q-.381.216-.917.216a1.86 1.86 0 0 1-.92-.216 1.46 1.46 0 0 1-.589-.627 2.15 2.15 0 0 1-.205-.973v-.513q0-.569.205-.975.205-.411.59-.627.386-.22.92-.22.535 0 .916.22.383.219.59.63.204.406.204.972M1 15.925v-3.999h1.459q.609 0 1.005.235.396.233.589.68.196.445.196 1.074 0 .634-.196 1.084-.197.451-.595.689-.396.237-.999.237zm1.354-3.354H1.79v2.707h.563q.277 0 .483-.082a.8.8 0 0 0 .334-.252q.132-.17.196-.422a2.3 2.3 0 0 0 .068-.592q0-.45-.118-.753a.9.9 0 0 0-.354-.454q-.237-.152-.61-.152Zm6.756 1.116q0-.373.103-.633a.87.87 0 0 1 .301-.398.8.8 0 0 1 .475-.138q.225 0 .398.097a.7.7 0 0 1 .273.26.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964 1.4 1.4 0 0 0-.49-.272 1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223-.375.222-.571.633-.197.41-.197.978v.498q0 .568.194.976.195.406.571.627.375.216.914.216.44 0 .785-.164t.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364.7.7 0 0 1-.273.248.9.9 0 0 1-.401.088.85.85 0 0 1-.478-.131.83.83 0 0 1-.298-.393 1.7 1.7 0 0 1-.103-.627zm5.092-1.76h.894l-1.275 2.006 1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015-1.228-1.984h.932l.832 1.439h.035z" }));
+                    case "FileTypePdf":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z" }));
+                    case "FileTypePptx":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.5 11.85h1.6q.434 0 .732.179.302.175.46.477t.158.677-.16.677q-.159.299-.464.474a1.45 1.45 0 0 1-.732.173H2.29v1.342H1.5zm2.06 1.714a.8.8 0 0 0 .085-.381q0-.34-.185-.521-.185-.182-.513-.182h-.659v1.406h.66a.8.8 0 0 0 .374-.082.57.57 0 0 0 .238-.24m1.302-1.714h1.6q.434 0 .732.179.302.175.46.477t.158.677-.16.677q-.158.299-.464.474a1.45 1.45 0 0 1-.732.173h-.803v1.342h-.79zm2.06 1.714a.8.8 0 0 0 .085-.381q0-.34-.185-.521-.184-.182-.513-.182H5.65v1.406h.66a.8.8 0 0 0 .374-.082.57.57 0 0 0 .238-.24m2.852 2.285v-3.337h1.137v-.662H7.846v.662H8.98v3.337zm3.796-3.999h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.439h.035z" }));
+                    case "FileTypeZip":
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("path", { d: "M5 7.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.11 0l-.929-.62a1 1 0 0 1-.415-1.074L5 8.438zm2 0H6v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.929-.62-.4-1.598A1 1 0 0 1 7 8.438z" }),
+                            React.createElement("path", { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1h-2v1h-1v1h1v1h-1v1h1v1H6V5H5V4h1V3H5V2h1V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" })));
+                    case "FileTypeTxt":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-2v-1h2a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.928 15.849v-3.337h1.136v-.662H0v.662h1.134v3.337zm4.689-3.999h-.894L4.9 13.289h-.035l-.832-1.439h-.932l1.228 1.983-1.24 2.016h.862l.853-1.415h.035l.85 1.415h.907l-1.253-1.992zm1.93.662v3.337h-.794v-3.337H6.619v-.662h3.064v.662H8.546Z" }));
+                    case "FileTypeHtml":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-9.736 7.35v3.999h-.791v-1.714H1.79v1.714H1V11.85h.791v1.626h1.682V11.85h.79Zm2.251.662v3.337h-.794v-3.337H4.588v-.662h3.064v.662zm2.176 3.337v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596H9.93L8.79 11.85h-.805v3.999zm4.71-.674h1.696v.674H12.61V11.85h.79v3.325Z" }));
+                    case "FileTypeJson":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM4.151 15.29a1.2 1.2 0 0 1-.111-.449h.764a.58.58 0 0 0 .255.384q.105.073.25.114.142.041.319.041.245 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .084-.29.39.39 0 0 0-.152-.326q-.152-.12-.463-.193l-.618-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.352-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.192-.272.528-.422.337-.15.777-.149.456 0 .779.152.326.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.246-.181.9.9 0 0 0-.37-.068q-.324 0-.512.152a.47.47 0 0 0-.185.384q0 .18.144.3a1 1 0 0 0 .404.175l.621.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-3.104-.033a1.3 1.3 0 0 1-.082-.466h.764a.6.6 0 0 0 .074.27.5.5 0 0 0 .454.246q.285 0 .422-.164.137-.165.137-.466v-2.745h.791v2.725q0 .66-.357 1.005-.355.345-.985.345a1.6 1.6 0 0 1-.568-.094 1.15 1.15 0 0 1-.407-.266 1.1 1.1 0 0 1-.243-.39m9.091-1.585v.522q0 .384-.117.641a.86.86 0 0 1-.322.387.9.9 0 0 1-.47.126.9.9 0 0 1-.47-.126.87.87 0 0 1-.32-.387 1.55 1.55 0 0 1-.117-.641v-.522q0-.386.117-.641a.87.87 0 0 1 .32-.387.87.87 0 0 1 .47-.129q.265 0 .47.129a.86.86 0 0 1 .322.387q.117.255.117.641m.803.519v-.513q0-.565-.205-.973a1.46 1.46 0 0 0-.59-.63q-.38-.22-.916-.22-.534 0-.92.22a1.44 1.44 0 0 0-.589.628q-.205.407-.205.975v.513q0 .562.205.973.205.407.589.626.386.217.92.217.536 0 .917-.217.384-.22.589-.626.204-.41.205-.973m1.29-.935v2.675h-.746v-3.999h.662l1.752 2.66h.032v-2.66h.75v4h-.656l-1.761-2.676z" }));
+                    case "FileTypeXml":
+                        return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.527 11.85h-.893l-.823 1.439h-.036L.943 11.85H.012l1.227 1.983L0 15.85h.861l.853-1.415h.035l.85 1.415h.908l-1.254-1.992zm.954 3.999v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596h-.025L4.58 11.85h-.806v3.999zm4.71-.674h1.696v.674H8.4V11.85h.791z" }));
+                    case "CameraReels":
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("path", { d: "M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0M1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
+                            React.createElement("path", { d: "M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm6 8.73V7.27l-3.5 1.555v4.35zM1 8v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1" }),
+                            React.createElement("path", { d: "M9 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0" })));
                     default:
                         return null;
                 }
@@ -124,6 +159,8 @@ class Icon {
                             React.createElement("path", { d: "M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7" })));
                     case "ExclamationDiamond":
                         return (React.createElement("path", { d: "M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }));
+                    case "FileEarmark":
+                        return (React.createElement("path", { d: "M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m5.5 1.5v2a1 1 0 0 0 1 1h2z" }));
                     default:
                         return null;
                 }

package/dist/components/navigation/steps/index.js

@@ -69,7 +69,7 @@ const Steps = function ({ children, steps = [], onChange, validation }) {
                 })));
             }),
             React.createElement("div", { className: "buttons" },
-                currentStep > 0 && (React.createElement(Button, { status: "light", onClick: () => {
+                currentStep > 0 && (React.createElement(Button, { onClick: () => {
                         setCurrentStep((prev) => prev - 1);
                         onChange(currentStep - 1);
                     } }, "Geri")),

package/dist/libs/infrastructure/shared/Utils.d.ts

@@ -1,9 +1,17 @@
-import { Border, Icon, Sizes, Status, Variants } from "../../types";
+import { Border, Color, FileCategory, Icon, Icons, IconVariants, MimeTypes, Sizes, Status, Variants } from "../../types";
 declare class Utils {
-    GetClassName: (variant?: Variants, status?: Status, border?: Border, size?: Sizes, icon?: Icon, className?: string) => string[];
+    GetClassName: (variant?: Variants, status?: Status, color?: Color, border?: Border, size?: Sizes, icon?: Icon, className?: string) => string[];
     GetCookie: (name: string) => string | null | undefined;
     GetOS: () => "Windows" | "MacOS" | "UNIX" | "Linux" | "Android" | "iOS" | "Bilinmeyen OS";
     GetOSShortCutIcons: () => "⌘" | "ctrl" | "";
+    GetFileTypeInformation: (mimeType: MimeTypes) => {
+        category: FileCategory;
+        readableType: string;
+        commonExtensions: string[];
+        variant?: IconVariants;
+        icon?: Icons;
+        color?: string;
+    };
     StringFormat: (value: string, ...args: any[]) => string;
     IsNullOrEmpty: (value: unknown) => boolean;
     DeepEqual: (obj1: any, obj2: any) => boolean;

package/dist/libs/infrastructure/shared/Utils.js

@@ -1,6 +1,14 @@
 class Utils {
-    GetClassName = (variant = "filled", status = "light", border = { radius: "sm" }, size = "normal", icon, className) => {
-        const classNames = [variant, status, `border-radius-${border.radius}`];
+    GetClassName = (variant, status, color, border, size, icon, className) => {
+        const classNames = [];
+        if (variant)
+            classNames.push(variant);
+        if (status)
+            classNames.push(status);
+        if (color)
+            classNames.push(color);
+        if (border)
+            classNames.push(`border-radius-${border.radius}`);
         if (size)
             classNames.push(size);
         if (icon && icon.element) {
@@ -47,6 +55,259 @@ class Utils {
                 return "";
         }
     };
+    GetFileTypeInformation = (mimeType) => {
+        const typeMap = {
+            // Images
+            "image/jpeg": {
+                category: "image",
+                readableType: "JPEG Image",
+                commonExtensions: [".jpg", ".jpeg"],
+                color: "#4CAF50",
+            },
+            "image/png": {
+                category: "image",
+                readableType: "PNG Image",
+                commonExtensions: [".png"],
+                color: "#4CAF50",
+            },
+            "image/gif": {
+                category: "image",
+                readableType: "GIF Image",
+                commonExtensions: [".gif"],
+                color: "#4CAF50",
+            },
+            "image/webp": {
+                category: "image",
+                readableType: "WebP Image",
+                commonExtensions: [".webp"],
+                color: "#4CAF50",
+            },
+            "image/svg+xml": {
+                category: "image",
+                readableType: "SVG Vector Image",
+                commonExtensions: [".svg"],
+                color: "#4CAF50",
+            },
+            "image/bmp": {
+                category: "image",
+                readableType: "Bitmap Image",
+                commonExtensions: [".bmp"],
+                color: "#4CAF50",
+            },
+            "image/tiff": {
+                category: "image",
+                readableType: "TIFF Image",
+                commonExtensions: [".tiff", ".tif"],
+                color: "#4CAF50",
+            },
+            // Documents
+            "application/pdf": {
+                category: "document",
+                readableType: "PDF Document",
+                commonExtensions: [".pdf"],
+                icon: "FileTypePdf",
+                color: "#F44336",
+            },
+            "application/msword": {
+                category: "document",
+                readableType: "Word Document (Legacy)",
+                commonExtensions: [".doc"],
+                icon: "FileTypeDoc",
+                color: "#2196F3",
+            },
+            "application/vnd.openxmlformats-officedocument.wordprocessingml.document": {
+                category: "document",
+                readableType: "Word Document",
+                commonExtensions: [".docx"],
+                icon: "FileTypeDocx",
+                color: "#2196F3",
+            },
+            // Spreadsheets
+            "application/vnd.ms-excel": {
+                category: "spreadsheet",
+                readableType: "Excel Spreadsheet (Legacy)",
+                commonExtensions: [".xls"],
+                icon: "FileTypeXls",
+                color: "#4CAF50",
+            },
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": {
+                category: "spreadsheet",
+                readableType: "Excel Spreadsheet",
+                commonExtensions: [".xlsx"],
+                icon: "FileTypeXlsx",
+                color: "#4CAF50",
+            },
+            "text/csv": {
+                category: "spreadsheet",
+                readableType: "CSV File",
+                commonExtensions: [".csv"],
+                icon: "FileTypeCsv",
+                color: "#FF9800",
+            },
+            // Presentations
+            "application/vnd.openxmlformats-officedocument.presentationml.presentation": {
+                category: "presentation",
+                readableType: "PowerPoint Presentation",
+                commonExtensions: [".pptx"],
+                icon: "FileTypePptx",
+                color: "#FF5722",
+            },
+            // Archives
+            "application/zip": {
+                category: "archive",
+                readableType: "ZIP Archive",
+                commonExtensions: [".zip"],
+                icon: "FileTypeZip",
+                color: "#795548",
+            },
+            "application/x-rar-compressed": {
+                category: "archive",
+                readableType: "RAR Archive",
+                commonExtensions: [".rar"],
+                icon: "FileTypeZip",
+                color: "#795548",
+            },
+            "application/x-7z-compressed": {
+                category: "archive",
+                readableType: "7-Zip Archive",
+                commonExtensions: [".7z"],
+                icon: "FileTypeZip",
+                color: "#795548",
+            },
+            "application/gzip": {
+                category: "archive",
+                readableType: "GZIP Archive",
+                commonExtensions: [".gz"],
+                icon: "FileTypeZip",
+                color: "#795548",
+            },
+            // Text & Code
+            "text/plain": {
+                category: "text",
+                readableType: "Text File",
+                commonExtensions: [".txt"],
+                icon: "FileTypeTxt",
+                color: "#9E9E9E",
+            },
+            "text/html": {
+                category: "text",
+                readableType: "HTML Document",
+                commonExtensions: [".html", ".htm"],
+                icon: "FileTypeHtml",
+                color: "#E91E63",
+            },
+            "application/json": {
+                category: "json",
+                readableType: "JSON File",
+                commonExtensions: [".json"],
+                icon: "FileTypeJson",
+                color: "#FFC107",
+            },
+            "application/xml": {
+                category: "xml",
+                readableType: "XML File",
+                commonExtensions: [".xml"],
+                icon: "FileTypeXml",
+                color: "#FFC107",
+            },
+            // Video
+            "video/mp4": {
+                category: "video",
+                readableType: "MP4 Video",
+                commonExtensions: [".mp4"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/quicktime": {
+                category: "video",
+                readableType: "QuickTime Video",
+                commonExtensions: [".mov"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/x-msvideo": {
+                category: "video",
+                readableType: "AVI Video",
+                commonExtensions: [".avi"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/x-matroska": {
+                category: "video",
+                readableType: "MKV Video",
+                commonExtensions: [".mkv"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/webm": {
+                category: "video",
+                readableType: "WebM Video",
+                commonExtensions: [".webm"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            "video/x-flv": {
+                category: "video",
+                readableType: "FLV Video",
+                commonExtensions: [".flv"],
+                icon: "CameraReels",
+                color: "#673AB7",
+            },
+            // Audio
+            "audio/mpeg": {
+                category: "audio",
+                readableType: "MP3 Audio",
+                commonExtensions: [".mp3"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            "audio/wav": {
+                category: "audio",
+                readableType: "WAV Audio",
+                commonExtensions: [".wav"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            "audio/ogg": {
+                category: "audio",
+                readableType: "OGG Audio",
+                commonExtensions: [".ogg"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            "audio/aac": {
+                category: "audio",
+                readableType: "AAC Audio",
+                commonExtensions: [".aac"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            "audio/flac": {
+                category: "audio",
+                readableType: "FLAC Audio",
+                commonExtensions: [".flac"],
+                icon: "CameraReels",
+                color: "#3F51B5",
+            },
+            // Binary/Other
+            "application/octet-stream": {
+                category: "binary",
+                readableType: "Binary File",
+                commonExtensions: [],
+                icon: "FileEarmark",
+                variant: "fill",
+                color: "#607D8B",
+            },
+        };
+        return (typeMap[mimeType] || {
+            category: "other",
+            readableType: "Unknown File Type",
+            commonExtensions: [],
+            variant: "fill",
+            icon: "FileEarmark",
+            color: "#9E9E9E",
+        });
+    };
     StringFormat = (value, ...args) => {
         if (args[0].length === 0)
             return value;

package/dist/libs/types/IGlobalProps.d.ts

@@ -1,4 +1,4 @@
-import { Border, Icon, Sizes, Status, Variants } from ".";
+import { Border, Color, Icon, Sizes, Status, Variants } from ".";
 export interface IChildren {
     /**
      * Bileşenin içinde render edilecek içeriği belirtir.
@@ -54,6 +54,18 @@ export interface IStatus {
      */
     status?: Status;
 }
+export interface IColors {
+    /**
+     * Bileşenin renk özelliğini belirtir.
+     *
+     * Örneğin;
+     *
+     * ```jsx
+     * <Component color="blue">Hello, World!</Component>
+     * ```
+     */
+    color?: Color;
+}
 export interface IBorder {
     /**
      * Bileşenin çervesinde düzenleme yapılmasına olanak tanır.

package/dist/libs/types/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-export type Variants = "filled" | "outlined" | "dashed" | "borderless";
+export type Variants = "filled" | "surface" | "outlined" | "dashed" | "borderless";
 export type Status = "primary" | "primary-light" | "secondary" | "success" | "danger" | "warning" | "information" | "dark" | "light";
+export type Color = "blue" | "purple" | "pink" | "red" | "orange" | "yellow" | "green" | "teal" | "cyan" | "gray" | "light";
 export type ParagraphColors = "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900";
 export type Border = {
     radius: BorderRadiuses;
@@ -67,9 +68,10 @@ export type ValidationProperties<T> = {
 export type Errors<TData> = Partial<{
     [key in keyof TData]: string;
 }>;
-export type AllowedTypes = "image/jpeg" | "image/png" | "image/gif" | "image/webp" | "image/svg+xml" | "image/bmp" | "image/tiff" | "application/pdf" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/zip" | "application/x-rar-compressed" | "application/x-7z-compressed" | "application/gzip" | "application/json" | "application/xml" | "text/plain" | "text/csv" | "text/html" | "video/mp4" | "video/quicktime" | "video/x-msvideo" | "video/x-matroska" | "video/webm" | "video/x-flv" | "audio/mpeg" | "audio/wav" | "audio/ogg" | "audio/aac" | "audio/flac" | "application/octet-stream";
+export type MimeTypes = "image/jpeg" | "image/png" | "image/gif" | "image/webp" | "image/svg+xml" | "image/bmp" | "image/tiff" | "application/pdf" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/zip" | "application/x-rar-compressed" | "application/x-7z-compressed" | "application/gzip" | "application/json" | "application/xml" | "text/plain" | "text/csv" | "text/html" | "video/mp4" | "video/quicktime" | "video/x-msvideo" | "video/x-matroska" | "video/webm" | "video/x-flv" | "audio/mpeg" | "audio/wav" | "audio/ogg" | "audio/aac" | "audio/flac" | "application/octet-stream";
+export type FileCategory = "image" | "document" | "spreadsheet" | "presentation" | "archive" | "text" | "video" | "audio" | "json" | "xml" | "binary" | "other";
 export type IconVariants = "linear" | "fill";
-export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "Bold" | "BulletList" | "CloseCircle" | "CloseSquare" | "CloudUpload" | "Document" | "Drive" | "ExclamationCircle" | "ExclamationDiamond" | "Eye" | "File" | "Filter" | "Folder" | "Image" | "Import" | "Italic" | "NumberList" | "Strikethrough" | "Success" | "TextAlingCenter" | "TextAlingLeft" | "TextAlingRight" | "TickCircle" | "Trash" | "Underline" | "Upload" | "Warning";
+export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "Bold" | "BulletList" | "CloseCircle" | "CloseSquare" | "CloudUpload" | "Document" | "Drive" | "ExclamationCircle" | "ExclamationDiamond" | "Eye" | "File" | "Filter" | "Folder" | "Image" | "Import" | "Italic" | "NumberList" | "Strikethrough" | "Success" | "TextAlingCenter" | "TextAlingLeft" | "TextAlingRight" | "TickCircle" | "Trash" | "Underline" | "Upload" | "Download" | "Warning" | "FileTypeXlsx" | "FileTypeXls" | "FileTypeCsv" | "FileTypeDoc" | "FileTypeDocx" | "FileTypePdf" | "FileTypePptx" | "FileTypeZip" | "FileTypeTxt" | "FileTypeHtml" | "FileTypeJson" | "FileTypeXml" | "CameraReels" | "FileEarmark";
 export type PieChartDataType = {
     value: number;
     text: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.2.80",
+  "version": "0.2.82",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",