@itcase/ui-web 1.10.8 → 1.10.10

package/dist/default_es_OK2akzEP.js

@@ -0,0 +1 @@
+import*as n from"react";var e;function t(){return t=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},t.apply(null,arguments)}var r;function l(){return l=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},l.apply(null,arguments)}var a;function o(){return o=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},o.apply(null,arguments)}var i;function c(){return c=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},c.apply(null,arguments)}var s;function u(){return u=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},u.apply(null,arguments)}var h;function v(){return v=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},v.apply(null,arguments)}var g;function f(){return f=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},f.apply(null,arguments)}var w;function p(){return p=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},p.apply(null,arguments)}var d;function m(){return m=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},m.apply(null,arguments)}var b;function O(){return O=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},O.apply(null,arguments)}var y;function E(){return E=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},E.apply(null,arguments)}var j;function L(){return L=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},L.apply(null,arguments)}var R;function M(){return M=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},M.apply(null,arguments)}var k;function x(){return x=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},x.apply(null,arguments)}var P;function C(){return C=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},C.apply(null,arguments)}var z;function A(){return A=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},A.apply(null,arguments)}var S,V;function H(){return H=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},H.apply(null,arguments)}var D;function q(){return q=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},q.apply(null,arguments)}var F;function G(){return G=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},G.apply(null,arguments)}var W;function B(){return B=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},B.apply(null,arguments)}var N;function T(){return T=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},T.apply(null,arguments)}var I;function J(){return J=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},J.apply(null,arguments)}var K;function Q(){return Q=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},Q.apply(null,arguments)}var U;function X(){return X=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},X.apply(null,arguments)}var Y;function Z(){return Z=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},Z.apply(null,arguments)}var $;function _(){return _=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_.apply(null,arguments)}var nn,en;function tn(){return tn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},tn.apply(null,arguments)}var rn;function ln(){return ln=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},ln.apply(null,arguments)}var an;function on(){return on=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},on.apply(null,arguments)}var cn;function sn(){return sn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},sn.apply(null,arguments)}var un;function hn(){return hn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},hn.apply(null,arguments)}var vn;function gn(){return gn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},gn.apply(null,arguments)}var fn;function wn(){return wn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},wn.apply(null,arguments)}var pn,dn;function mn(){return mn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},mn.apply(null,arguments)}var bn;function On(){return On=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},On.apply(null,arguments)}var yn;function En(){return En=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},En.apply(null,arguments)}var jn;function Ln(){return Ln=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},Ln.apply(null,arguments)}var Rn;function Mn(){return Mn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},Mn.apply(null,arguments)}var kn;function xn(){return xn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},xn.apply(null,arguments)}var Pn;function Cn(){return Cn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},Cn.apply(null,arguments)}var zn;function An(){return An=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},An.apply(null,arguments)}var Sn;function Vn(){return Vn=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},Vn.apply(null,arguments)}const Hn={Action:{Close:function(r){return n.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,fill:"none",stroke:"none"},r),e||(e=n.createElement("path",{d:"M10.754 1.246a.84.84 0 0 0-1.189 0L6 4.812 2.435 1.246a.84.84 0 1 0-1.189 1.189L4.812 6 1.246 9.565a.84.84 0 0 0 1.189 1.189L6 7.188l3.565 3.566a.84.84 0 0 0 1.189-1.189L7.188 6l3.566-3.565a.84.84 0 0 0 0-1.189"})))}},Arrow:{ChevronRightSmall:function(e){return n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,fill:"none",stroke:"none"},e),r||(r=n.createElement("path",{fillRule:"evenodd",d:"M7.9 5.7a.5.5 0 0 1 0 .6l-3 4a.5.5 0 0 1-.8-.6L6.875 6 4.1 2.3a.5.5 0 1 1 .8-.6z",clipRule:"evenodd"})))}}},Dn={Action:{Close:function(e){return n.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),a||(a=n.createElement("path",{d:"M11.826 2.174a.594.594 0 0 0-.84 0L7 6.16 3.013 2.174a.594.594 0 0 0-.84.84L6.162 7l-3.987 3.987a.594.594 0 0 0 .84.84L7 7.838l3.987 3.987a.594.594 0 0 0 .84-.84L7.838 7l3.987-3.987a.594.594 0 0 0 0-.84"})))}},Arrow:{ChevronDownSmall:function(e){return n.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),i||(i=n.createElement("path",{fillRule:"evenodd",d:"M7.3 8.9a.5.5 0 0 1-.6 0l-4-3a.5.5 0 0 1 .6-.8L7 7.875 10.7 5.1a.5.5 0 0 1 .6.8z",clipRule:"evenodd"})))},ChevronLeft:function(e){return n.createElement("svg",v({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),h||(h=n.createElement("path",{fillRule:"evenodd",d:"M4.453 6.563a.7.7 0 0 0 0 .874l4 5a.7.7 0 1 0 1.094-.874L5.897 7l3.65-4.563a.7.7 0 0 0-1.094-.874z",clipRule:"evenodd"})))},ChevronLeftSmall:function(e){return n.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),s||(s=n.createElement("path",{fillRule:"evenodd",d:"M5.1 7.3a.5.5 0 0 1 0-.6l3-4a.5.5 0 0 1 .8.6L6.125 7 8.9 10.7a.5.5 0 0 1-.8.6z",clipRule:"evenodd"})))},ChevronRight:function(e){return n.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),w||(w=n.createElement("path",{fillRule:"evenodd",d:"M9.547 6.563a.7.7 0 0 1 0 .874l-4 5a.7.7 0 1 1-1.094-.874L8.103 7l-3.65-4.563a.7.7 0 0 1 1.094-.874z",clipRule:"evenodd"})))},ChevronRightSmall:function(e){return n.createElement("svg",f({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),g||(g=n.createElement("path",{fillRule:"evenodd",d:"M8.9 6.7a.5.5 0 0 1 0 .6l-3 4a.5.5 0 0 1-.8-.6L7.875 7 5.1 3.3a.5.5 0 1 1 .8-.6z",clipRule:"evenodd"})))}},Form:{Check:function(e){return n.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),d||(d=n.createElement("path",{fillRule:"evenodd",d:"M11.776 4.711c.287-.266.3-.71.029-.991a.724.724 0 0 0-1.01-.029l-5.56 5.156-2.03-1.883a.724.724 0 0 0-1.01.029.69.69 0 0 0 .029.991l2.496 2.315a.76.76 0 0 0 1.03 0z",clipRule:"evenodd"})))}},General:{DotMedium:function(e){return n.createElement("svg",O({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),b||(b=n.createElement("circle",{cx:7,cy:7,r:3})))}}},qn={Action:{Block:function(e){return n.createElement("svg",E({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),y||(y=n.createElement("path",{fillRule:"evenodd",d:"M2.416 8a5.584 5.584 0 0 1 9-4.418l-7.834 7.834A5.56 5.56 0 0 1 2.416 8m2.168 4.418a5.584 5.584 0 0 0 7.834-7.834zM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1",clipRule:"evenodd"})))},Clear:function(e){return n.createElement("svg",L({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),j||(j=n.createElement("path",{d:"M10.896 5.104a.356.356 0 0 0-.504 0L8 7.496 5.608 5.104a.356.356 0 1 0-.504.504L7.496 8l-2.392 2.392a.356.356 0 1 0 .504.504L8 8.504l2.392 2.392a.356.356 0 1 0 .504-.504L8.504 8l2.392-2.392a.356.356 0 0 0 0-.504"})))},Close:function(e){return n.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),R||(R=n.createElement("path",{d:"M13.791 2.209a.71.71 0 0 0-1.007 0L8 6.993 3.216 2.209a.712.712 0 0 0-1.007 1.007L6.993 8l-4.784 4.784a.712.712 0 0 0 1.007 1.007L8 9.007l4.784 4.784a.712.712 0 0 0 1.007-1.007L9.007 8l4.784-4.784a.71.71 0 0 0 0-1.007"})))},NewWindow:function(e){return n.createElement("svg",x({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,fill:"none",stroke:"none"},e),k||(k=n.createElement("path",{fillRule:"evenodd",d:"M2.1 0h1.4a.7.7 0 0 1 .082 1.395L3.5 1.4H2.1a.7.7 0 0 0-.695.618L1.4 2.1v9.8a.7.7 0 0 0 .618.695l.082.005h9.8a.7.7 0 0 0 .695-.618l.005-.082v-1.4a.7.7 0 0 1 1.395-.082L14 10.5v1.4a2.1 2.1 0 0 1-1.977 2.096L11.9 14H2.1a2.1 2.1 0 0 1-2.096-1.977L0 11.9V2.1A2.1 2.1 0 0 1 1.977.004zm11.2 0 .057.002.084.012.077.02.078.032.069.036.067.047.063.056.068.078.05.078.021.043.024.057.017.053.02.103L14 .7v4.2a.7.7 0 1 1-1.4 0V2.39L8.195 6.795a.7.7 0 0 1-.924.058l-.066-.058a.7.7 0 0 1-.058-.924l.058-.066L11.609 1.4H9.1a.7.7 0 1 1 0-1.4z",clipRule:"evenodd"})))},Remove:function(e){return n.createElement("svg",C({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),P||(P=n.createElement("path",{d:"M13.657 2.343a1 1 0 0 0-1.414 0L8 6.586 3.757 2.343a1 1 0 1 0-1.414 1.414L6.586 8l-4.243 4.243a1 1 0 1 0 1.414 1.414L8 9.414l4.243 4.243a1 1 0 0 0 1.414-1.414L9.414 8l4.243-4.243a1 1 0 0 0 0-1.414"})))}},Alert:{Warning:function(e){return n.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),S||(S=n.createElement("path",{fillRule:"evenodd",d:"M8 1a7 7 0 0 0-7 7c0 3.867 3.133 7 7 7s7-3.133 7-7-3.133-7-7-7m.001 12.708a5.707 5.707 0 1 1 0-11.414 5.707 5.707 0 0 1 0 11.414",clipRule:"evenodd"})),V||(V=n.createElement("path",{d:"M8 4c-.414 0-.75.224-.75.5V9c0 .276.336.5.75.5s.75-.224.75-.5V4.5c0-.276-.336-.5-.75-.5M8 10.5A.75.75 0 1 0 8 12a.75.75 0 0 0 0-1.5"})))},WarningTriangle:function(e){return n.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),z||(z=n.createElement("path",{fillRule:"evenodd",d:"M7.393 2.707 2.326 12.863a.47.47 0 0 0 .032.486c.102.155.301.29.575.29h10.134a.67.67 0 0 0 .575-.29.47.47 0 0 0 .032-.486L8.607 2.707C8.503 2.5 8.28 2.36 8 2.36s-.503.139-.607.346M8 1c.654 0 1.363.332 1.73 1.066l5.067 10.156A1.922 1.922 0 0 1 13.067 15H2.933a1.922 1.922 0 0 1-1.73-2.778L6.27 2.066A1.92 1.92 0 0 1 8 1m0 4.27c.377 0 .682.326.682.729v2.668c0 .403-.305.73-.682.73s-.682-.327-.682-.73V5.999c0-.403.305-.73.682-.73m.682 6.065c0-.403-.305-.729-.682-.729s-.682.326-.682.73v.013c0 .403.305.73.682.73s.682-.327.682-.73z",clipRule:"evenodd"})))}},Arrow:{ChevronDown:function(e){return n.createElement("svg",G({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),F||(F=n.createElement("path",{fillRule:"evenodd",d:"M7.496 11.055a.75.75 0 0 0 1.009 0l5.5-5a.75.75 0 1 0-1.01-1.11L8 9.486 3.005 4.945a.75.75 0 1 0-1.01 1.11z",clipRule:"evenodd"})))},ChevronDownSmall:function(e){return n.createElement("svg",q({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),D||(D=n.createElement("path",{fillRule:"evenodd",d:"M8.375 10.469a.6.6 0 0 1-.75 0l-5-4a.6.6 0 0 1 .75-.937L8 9.232l4.625-3.7a.6.6 0 0 1 .75.937z",clipRule:"evenodd"})))},ChevronLeftSmall:function(e){return n.createElement("svg",B({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),W||(W=n.createElement("path",{fillRule:"evenodd",d:"M5.532 7.625a.6.6 0 0 0 0 .75l4 5a.6.6 0 1 0 .937-.75L6.769 8l3.7-4.625a.6.6 0 1 0-.937-.75z",clipRule:"evenodd"})))},ChevronRightSmall:function(e){return n.createElement("svg",T({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),N||(N=n.createElement("path",{fillRule:"evenodd",d:"M10.469 7.625a.6.6 0 0 1 0 .75l-4 5a.6.6 0 1 1-.938-.75L9.231 8l-3.7-4.625a.6.6 0 1 1 .938-.75z",clipRule:"evenodd"})))}},Form:{Check:function(e){return n.createElement("svg",J({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),I||(I=n.createElement("path",{d:"M2.218 7.242a.695.695 0 0 0 0 1.01l3.68 3.539c.29.279.76.279 1.05 0l6.834-6.57a.695.695 0 0 0 0-1.012.765.765 0 0 0-1.051 0l-6.308 6.065-3.154-3.032a.765.765 0 0 0-1.051 0"})))}},Security:{Search:function(e){return n.createElement("svg",Q({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",stroke:"none"},e),K||(K=n.createElement("path",{d:"M6.534 12.945a6.56 6.56 0 0 0 3.798-1.212l4.028 3.99a.97.97 0 0 0 .697.277c.552 0 .943-.42.943-.96a.9.9 0 0 0-.272-.673l-4.002-3.972a6.4 6.4 0 0 0 1.342-3.923c0-3.56-2.94-6.472-6.534-6.472C2.948 0 0 2.904 0 6.472c0 3.56 2.94 6.473 6.534 6.473m0-1.397c-2.804 0-5.123-2.298-5.123-5.076s2.32-5.075 5.123-5.075 5.124 2.298 5.124 5.075-2.32 5.076-5.124 5.076"})))}}},Fn={Action:{Close:function(e){return n.createElement("svg",X({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",stroke:"none"},e),U||(U=n.createElement("path",{d:"M17.722 2.278a.95.95 0 0 0-1.343 0L10 8.658l-6.379-6.38a.95.95 0 1 0-1.343 1.343L8.658 10l-6.38 6.379a.95.95 0 0 0 1.343 1.343L10 11.342l6.379 6.38a.95.95 0 0 0 1.343-1.343L11.342 10l6.38-6.379a.95.95 0 0 0 0-1.343"})))}},Arrow:{ChevronRightSmall:function(e){return n.createElement("svg",Z({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",stroke:"none"},e),Y||(Y=n.createElement("path",{fillRule:"evenodd",d:"M13.038 9.552a.7.7 0 0 1 0 .896l-5 6a.7.7 0 1 1-1.076-.896L11.59 10 6.962 4.448a.7.7 0 1 1 1.076-.896z",clipRule:"evenodd"})))}},Form:{Check:function(e){return n.createElement("svg",_({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",stroke:"none"},e),$||($=n.createElement("path",{fillRule:"evenodd",d:"M17.731 5.526a.889.889 0 1 0-1.24-1.274l-9.42 9.174-3.562-3.47a.889.889 0 1 0-1.24 1.273l4.152 4.044a.933.933 0 0 0 1.302 0z",clipRule:"evenodd"})))}}},Gn={Action:{Clear:function(e){return n.createElement("svg",tn({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),nn||(nn=n.createElement("path",{d:"M8.924 16.166a.71.71 0 0 1-.556.234.74.74 0 0 1-.545-.223.77.77 0 0 1-.223-.547q0-.323.234-.535l3.07-3.1-3.07-3.09A.7.7 0 0 1 7.6 8.37q0-.323.223-.536a.74.74 0 0 1 .545-.223q.323 0 .534.234l3.081 3.079 3.104-3.09a.77.77 0 0 1 .545-.234q.312 0 .534.223a.7.7 0 0 1 .234.547q0 .3-.234.535l-3.081 3.09 3.07 3.089a.75.75 0 0 1 .234.546.75.75 0 0 1-.234.547.73.73 0 0 1-.534.223.76.76 0 0 1-.556-.234l-3.082-3.078z"})),en||(en=n.createElement("path",{fillRule:"evenodd",d:"M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11m-1.65 0a9.35 9.35 0 1 1-18.7 0 9.35 9.35 0 1 1 18.7 0",clipRule:"evenodd"})))},Close:function(e){return n.createElement("svg",ln({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),rn||(rn=n.createElement("path",{d:"M19.722 4.703a.95.95 0 0 0-1.343 0L12 11.082l-6.379-6.38a.95.95 0 1 0-1.343 1.344l6.38 6.379-6.38 6.378a.95.95 0 1 0 1.343 1.343L12 13.767l6.379 6.38a.95.95 0 1 0 1.343-1.343l-6.38-6.38 6.38-6.378a.95.95 0 0 0 0-1.343"})))}},Arrow:{ChevronDownSmall:function(e){return n.createElement("svg",on({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),an||(an=n.createElement("path",{fillRule:"evenodd",d:"M12.48 15.576a.75.75 0 0 1-.96 0l-6-5a.75.75 0 0 1 .96-1.152l5.52 4.6 5.52-4.6a.75.75 0 1 1 .96 1.152z",clipRule:"evenodd"})))},ChevronLeftSmall:function(e){return n.createElement("svg",sn({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),cn||(cn=n.createElement("path",{fillRule:"evenodd",d:"M8.92 11.525a.75.75 0 0 0 0 .95l4.5 5.5a.75.75 0 0 0 1.16-.95L10.47 12l4.112-5.025a.75.75 0 0 0-1.162-.95z",clipRule:"evenodd"})))},ChevronRightSmall:function(e){return n.createElement("svg",hn({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),un||(un=n.createElement("path",{fillRule:"evenodd",d:"M14.555 11.496a.75.75 0 0 1 0 1.008l-5 5.5a.75.75 0 1 1-1.11-1.009L12.986 12 8.445 7.005a.75.75 0 1 1 1.11-1.01z",clipRule:"evenodd"})))}},Form:{Check:function(e){return n.createElement("svg",gn({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),vn||(vn=n.createElement("path",{fillRule:"evenodd",d:"M20.698 7.716a1 1 0 1 0-1.396-1.432L8.706 16.604 4.698 12.7a1 1 0 0 0-1.396 1.433l4.671 4.55a1.05 1.05 0 0 0 1.465 0z",clipRule:"evenodd"})))},Minus:function(e){return n.createElement("svg",wn({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),fn||(fn=n.createElement("path",{d:"M20.156 11.156a.844.844 0 0 1 0 1.688H3.844a.844.844 0 0 1 0-1.688z"})))},Plus:function(e){return n.createElement("svg",mn({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),pn||(pn=n.createElement("path",{d:"M11 4a1 1 0 1 1 2 0v16a1 1 0 1 1-2 0z"})),dn||(dn=n.createElement("path",{d:"M20 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2z"})))}},General:{DotMedium:function(e){return n.createElement("svg",On({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),bn||(bn=n.createElement("circle",{cx:12,cy:12,r:8})))}},Security:{Search:function(e){return n.createElement("svg",En({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),yn||(yn=n.createElement("path",{d:"M10.168 18.181c1.774 0 3.41-.568 4.748-1.515l5.034 4.987c.234.231.542.347.871.347.69 0 1.179-.526 1.179-1.2 0-.315-.106-.62-.34-.841l-5.003-4.966a8 8 0 0 0 1.679-4.902C18.336 5.64 14.66 2 10.168 2 5.686 2 2 5.63 2 10.09c0 4.45 3.675 8.091 8.168 8.091m0-1.747c-3.505 0-6.405-2.872-6.405-6.344 0-3.471 2.9-6.344 6.405-6.344s6.405 2.873 6.405 6.345-2.9 6.344-6.405 6.344"})))}},View:{HideValue:function(e){return n.createElement("svg",Ln({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),jn||(jn=n.createElement("path",{d:"M12 6.795c2.492 0 4.547 2.126 4.547 4.743 0 .624-.125 1.21-.313 1.736l2.649 2.782A11.26 11.26 0 0 0 22 11.538c-1.59-4.185-5.453-7.13-10-7.13-1.277 0-2.492.23-3.613.656l1.96 2.06A4.5 4.5 0 0 1 12 6.795M2.902 4.21 4.988 6.37l.407.426A10.77 10.77 0 0 0 2 11.505c1.59 4.19 5.453 7.136 10 7.136 1.402 0 2.742-.296 3.988-.784l.375.361L19.043 21l1.152-1.21L4.055 3zM7.95 9.446l1.403 1.473c-.032.197-.063.394-.063.624 0 1.571 1.215 2.847 2.742 2.847.188 0 .406-.033.594-.066l1.402 1.473a4.1 4.1 0 0 1-1.992.493c-2.492 0-4.547-2.126-4.547-4.743a4.24 4.24 0 0 1 .461-2.101m3.895-.751 2.867 2.979.031-.164c0-1.572-1.215-2.848-2.742-2.848z"})))},ShowValue:function(e){return n.createElement("svg",Mn({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",stroke:"none"},e),Rn||(Rn=n.createElement("path",{fillRule:"evenodd",d:"M10.628 5.056c-1.806.285-3.317.952-4.832 2.131-1.274.992-2.657 2.658-3.452 4.156L2 11.99l.344.648c1.261 2.377 3.528 4.572 5.72 5.539 2.733 1.206 5.965 1.078 8.58-.338.982-.532 1.665-1.06 2.64-2.042.969-.975 1.803-2.086 2.372-3.16l.344-.647-.344-.648c-.569-1.073-1.403-2.184-2.372-3.16-1.627-1.638-3.147-2.521-5.12-2.974-.822-.19-2.773-.273-3.536-.153m2.49 2.586c.356.092.859.287 1.117.435.601.343 1.32 1.065 1.662 1.669.324.572.598 1.6.598 2.245s-.274 1.672-.598 2.245c-.342.603-1.06 1.325-1.662 1.668-.569.326-1.594.601-2.227.6a4.63 4.63 0 0 1-3.132-1.295c-.628-.62-.99-1.25-1.206-2.094-.208-.821-.208-1.427 0-2.248.407-1.597 1.6-2.805 3.178-3.22a4.23 4.23 0 0 1 2.27-.005m-1.923 1.99c-2.088.75-2.27 3.616-.292 4.592a2.54 2.54 0 0 0 2.194 0c.893-.44 1.355-1.202 1.355-2.233 0-.712-.173-1.189-.614-1.694-.597-.683-1.77-.978-2.643-.665",clipRule:"evenodd"})))}}},Wn={Action:{Close:function(e){return n.createElement("svg",xn({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none",stroke:"none"},e),kn||(kn=n.createElement("path",{d:"M26.618 5.382a1.306 1.306 0 0 0-1.847 0L16 14.154 7.229 5.381A1.306 1.306 0 1 0 5.382 7.23L14.154 16l-8.772 8.771a1.306 1.306 0 0 0 1.847 1.847L16 17.847l8.771 8.77a1.306 1.306 0 0 0 1.847-1.846L17.847 16l8.77-8.771c.51-.51.51-1.337 0-1.847"})))}},General:{Check:function(e){return n.createElement("svg",Cn({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none",stroke:"none"},e),Pn||(Pn=n.createElement("path",{fillRule:"evenodd",d:"M27.597 9.38a1.426 1.426 0 0 0 .025-1.96 1.297 1.297 0 0 0-1.886-.027L11.608 21.705l-5.344-5.413a1.297 1.297 0 0 0-1.886.025 1.426 1.426 0 0 0 .025 1.961l6.228 6.309c.544.55 1.41.55 1.954 0z",clipRule:"evenodd"})))}}},Bn={Action:{Close:function(e){return n.createElement("svg",An({xmlns:"http://www.w3.org/2000/svg",width:40,height:40,fill:"none",stroke:"none"},e),zn||(zn=n.createElement("path",{d:"M34.479 5.522a1.78 1.78 0 0 0-2.518 0L20 17.482 8.04 5.522A1.78 1.78 0 1 0 5.52 8.04L17.482 20 5.522 31.96a1.78 1.78 0 1 0 2.518 2.518L20 22.518l11.96 11.96a1.78 1.78 0 0 0 2.518-2.518L22.518 20l11.96-11.96a1.78 1.78 0 0 0 0-2.518"})))}},General:{Check:function(e){return n.createElement("svg",Vn({xmlns:"http://www.w3.org/2000/svg",width:40,height:40,fill:"none",stroke:"none"},e),Sn||(Sn=n.createElement("path",{fillRule:"evenodd",d:"M36.082 11.174a1.849 1.849 0 1 0-2.58-2.65L13.909 27.607 6.5 20.389a1.849 1.849 0 0 0-2.58 2.649l8.636 8.411a1.94 1.94 0 0 0 2.709 0z",clipRule:"evenodd"})))}}};export{Dn as a,qn as b,Fn as c,Gn as d,Wn as e,Bn as f,Hn as i};

package/dist/types/components/Choice/Choice.appearance.d.ts

@@ -46,8 +46,8 @@ declare const choiceAppearance: {
     requirePrimary: {
         fill: "warningTertiary";
         fillItem: "warningTertiary";
-        fillItemActive: "warningSecondary";
-        fillItemHover: "warningHoverPrimary";
+        fillItemActive: "warningPrimary";
+        fillItemHover: "warningHoverSecondary";
         labelTextColor: "warningTextSecondary";
         labelTextColorActive: "warningTextPrimary";
         borderColor: "warningBorderSecondary";
@@ -64,7 +64,7 @@ declare const choiceAppearance: {
         fillItemActive: "successSecondary";
         fillItemHover: "successHoverPrimary";
         labelTextColor: "successTextSecondary";
-        labelTextColorActive: "successTextActivePrimary";
+        labelTextColorActive: "successTextPrimary";
         borderColor: "successBorderSecondary";
         iconAfterFill: "successItemSecondary";
         iconAfterFillActive: "successItemTertiary";
@@ -125,7 +125,7 @@ declare const choiceAppearance: {
     errorPrimary: {
         fill: "errorTertiary";
         fillItem: "errorTertiary";
-        fillItemActive: "errorSecondary";
+        fillItemActive: "errorPrimary";
         fillItemHover: "errorHoverPrimary";
         labelTextColor: "errorTextSecondary";
         borderColor: "errorBorderQuaternary";

package/dist/types/components/Choice/appearance/choiceError.d.ts

@@ -2,7 +2,7 @@ declare const choiceAppearanceError: {
     errorPrimary: {
         fill: "errorTertiary";
         fillItem: "errorTertiary";
-        fillItemActive: "errorSecondary";
+        fillItemActive: "errorPrimary";
         fillItemHover: "errorHoverPrimary";
         labelTextColor: "errorTextSecondary";
         borderColor: "errorBorderQuaternary";

package/dist/types/components/Choice/appearance/choiceError.js

@@ -2,7 +2,7 @@ const choiceAppearanceError = {
     errorPrimary: {
         fill: 'errorTertiary',
         fillItem: 'errorTertiary',
-        fillItemActive: 'errorSecondary',
+        fillItemActive: 'errorPrimary',
         fillItemHover: 'errorHoverPrimary',
         labelTextColor: 'errorTextSecondary',
         borderColor: 'errorBorderQuaternary',

package/dist/types/components/Choice/appearance/choiceRequire.d.ts

@@ -2,8 +2,8 @@ declare const choiceAppearanceRequire: {
     requirePrimary: {
         fill: "warningTertiary";
         fillItem: "warningTertiary";
-        fillItemActive: "warningSecondary";
-        fillItemHover: "warningHoverPrimary";
+        fillItemActive: "warningPrimary";
+        fillItemHover: "warningHoverSecondary";
         labelTextColor: "warningTextSecondary";
         labelTextColorActive: "warningTextPrimary";
         borderColor: "warningBorderSecondary";

package/dist/types/components/Choice/appearance/choiceRequire.js

@@ -2,8 +2,8 @@ const choiceAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
         fillItem: 'warningTertiary',
-        fillItemActive: 'warningSecondary',
-        fillItemHover: 'warningHoverPrimary',
+        fillItemActive: 'warningPrimary',
+        fillItemHover: 'warningHoverSecondary',
         labelTextColor: 'warningTextSecondary',
         labelTextColorActive: 'warningTextPrimary',
         borderColor: 'warningBorderSecondary',

package/dist/types/components/Choice/appearance/choiceSuccess.d.ts

@@ -5,7 +5,7 @@ declare const choiceAppearanceSuccess: {
         fillItemActive: "successSecondary";
         fillItemHover: "successHoverPrimary";
         labelTextColor: "successTextSecondary";
-        labelTextColorActive: "successTextActivePrimary";
+        labelTextColorActive: "successTextPrimary";
         borderColor: "successBorderSecondary";
         iconAfterFill: "successItemSecondary";
         iconAfterFillActive: "successItemTertiary";

package/dist/types/components/Choice/appearance/choiceSuccess.js

@@ -5,7 +5,7 @@ const choiceAppearanceSuccess = {
         fillItemActive: 'successSecondary',
         fillItemHover: 'successHoverPrimary',
         labelTextColor: 'successTextSecondary',
-        labelTextColorActive: 'successTextActivePrimary',
+        labelTextColorActive: 'successTextPrimary',
         borderColor: 'successBorderSecondary',
         iconAfterFill: 'successItemSecondary',
         iconAfterFillActive: 'successItemTertiary',

package/dist/types/components/Dropzone/Dropzone.appearance.d.ts

@@ -5,13 +5,17 @@ declare const dropzoneAppearance: {
         hintTitle: string;
         hintTitleTextColor: "disabledTextSecondary";
         hintTitleTextSize: "m";
-        removeThumbText: string;
+        removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
     successTertiary: {
         fill: "successTertiary";
@@ -19,13 +23,17 @@ declare const dropzoneAppearance: {
         hintTitle: string;
         hintTitleTextColor: "successTextQuaternary";
         hintTitleTextSize: "m";
-        removeThumbText: string;
+        removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
     circular: {
         shape: "circular";
@@ -51,13 +59,17 @@ declare const dropzoneAppearance: {
         hintTitle: string;
         hintTitleTextColor: "errorTextQuaternary";
         hintTitleTextSize: "m";
-        removeThumbText: string;
+        removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
     requireTertiary: {
         fill: "warningTertiary";
@@ -65,13 +77,17 @@ declare const dropzoneAppearance: {
         hintTitle: string;
         hintTitleTextColor: "specialTextSecondary";
         hintTitleTextSize: "m";
-        removeThumbText: string;
+        removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
     defaultSecondary: {
         fill: "surfaceSecondary";
@@ -80,13 +96,18 @@ declare const dropzoneAppearance: {
         hintTitleTextColor: "surfaceTextPrimary";
         hintTitleTextSize: "m";
         removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbText: string;
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
+        thumbImageWidth: "fill";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
 };
 export { dropzoneAppearance };

package/dist/types/components/Dropzone/Dropzone.interface.d.ts

@@ -2,6 +2,7 @@ import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSi
 import type { AppearancePartialRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { ButtonProps } from '../Button/Button.interface';
+import { ImageProps } from '../Image/Image.interface';
 import { TextProps } from '../Text/Text.interface';
 type DropzoneAppearanceProps = {
     borderColor?: BorderColorProps;
@@ -23,6 +24,10 @@ type DropzoneAppearanceProps = {
     hintTitleTextWeight?: TextProps['textWeight'];
     hintTitleTextWrap?: TextProps['textWrap'];
     removeThumbAppearance?: ButtonProps['appearance'];
+    removeThumbIcon?: ButtonProps['icon'];
+    removeThumbIconAppearance?: ButtonProps['appearance'];
+    removeThumbIconFill?: ButtonProps['iconFill'];
+    removeThumbIconSize?: ButtonProps['iconSize'];
     removeThumbShape?: ButtonProps['shape'];
     removeThumbText?: ButtonProps['label'];
     removeThumbTextColor?: TextProps['textColor'];
@@ -35,10 +40,15 @@ type DropzoneAppearanceProps = {
     thumbBorderType?: BorderTypeProps;
     thumbBorderWidth?: BorderWidthProps;
     thumbDirection?: DirectionProps;
+    thumbImageHeight?: ImageProps['height'];
+    thumbImageWidth?: ImageProps['width'];
     thumbNameTextColor?: TextProps['textColor'];
     thumbNameTextSize?: TextProps['size'];
     thumbNameTextWeight?: TextProps['textWeight'];
     thumbNameTextWrap?: TextProps['textWrap'];
+    thumbSizeTextColor?: TextProps['textColor'];
+    thumbSizeTextSize?: TextProps['size'];
+    thumbSizeTextWeight?: TextProps['textWeight'];
 };
 type DropzoneFileItem = {
     id: string;
@@ -51,6 +61,7 @@ type DropzoneFileItem = {
     isNew: boolean;
     name: string;
     preview: string;
+    size?: number;
 };
 type DropzoneProps = DropzoneAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceStateDefault;
@@ -69,6 +80,7 @@ type DropzoneProps = DropzoneAppearanceProps & StyleAttributes & {
     onClickPreview?: (fileItem: DropzoneFileItem, event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void;
     onDeleteFile?: (deletedFile: DropzoneFileItem, inputName: string) => void;
     showFilename?: boolean;
+    showFileSize?: boolean;
     thumbColumn?: number;
 };
 type DropzoneConfig = AppearanceConfig<AppearanceKeysState, DropzoneAppearanceProps>;

package/dist/types/components/Dropzone/Dropzone.js

@@ -5,9 +5,10 @@ import { fromEvent } from 'file-selector'; // install with "react-dropzone"
 import { ErrorCode, useDropzone } from 'react-dropzone';
 import { useAppearanceConfig, useDevicePropsGenerator, } from '@itcase/ui-core/hooks';
 import { Button } from 'src/components/Button';
+import { Image } from 'src/components/Image';
 import { Loader } from 'src/components/Loader';
 import { Text } from 'src/components/Text';
-import { useDropzoneFieldFiles } from 'src/hooks';
+import { filterUniqueAcceptedFiles, formatDropzoneFileSize, getDropzoneFileSize, useDropzoneFieldFiles, } from 'src/hooks';
 import { dropzoneAppearance } from './Dropzone.appearance';
 const dropzoneConfig = {
     appearance: dropzoneAppearance,
@@ -17,13 +18,13 @@ const dropzoneConfig = {
 };
 const Dropzone = React.memo(function Dropzone(props) {
     const { appearance, maxFiles = 5, maxSize = 10485760, // 10mb
-    dropzoneProps = {}, fieldValuesList: maybeFieldValuesList, fileErrorText, hintDescription, inputName, showFilename = true, thumbColumn = 2, isSkeleton, isPreviews = true, onClickPreview, onAddFiles, onChangeFiles, onDeleteFile,
+    dropzoneProps = {}, fieldValuesList: maybeFieldValuesList, fileErrorText, hintDescription, inputName, showFilename = true, showFileSize = true, thumbColumn = 2, isSkeleton, isPreviews = true, onClickPreview, onAddFiles, onChangeFiles, onDeleteFile,
     // className, unused
     // size, unused
      } = props;
     const appearanceConfig = useAppearanceConfig(appearance, dropzoneConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, errorMessageTextColor, errorMessageTextSize, errorMessageTextWeight, hintDescriptionTextColor, hintDescriptionTextSize, hintDescriptionTextWeight, hintDescriptionTextWrap, hintTitle, hintTitleTextColor, hintTitleTextSize, hintTitleTextWeight, hintTitleTextWrap, removeThumbAppearance, removeThumbShape, removeThumbText, removeThumbTextWeight, shapeClass, sizeClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass, thumbBorderWidthClass, thumbDirectionClass, thumbNameTextColor, thumbNameTextSize, thumbNameTextWeight, thumbNameTextWrap, } = propsGenerator;
+    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, errorMessageTextColor, errorMessageTextSize, errorMessageTextWeight, hintDescriptionTextColor, hintDescriptionTextSize, hintDescriptionTextWeight, hintDescriptionTextWrap, hintTitle, hintTitleTextColor, hintTitleTextSize, hintTitleTextWeight, hintTitleTextWrap, removeThumbAppearance, removeThumbIcon, removeThumbIconAppearance, removeThumbIconFill, removeThumbIconSize, removeThumbShape, removeThumbText, removeThumbTextWeight, shapeClass, sizeClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass, thumbBorderWidthClass, thumbDirectionClass, thumbImageHeight, thumbImageWidth, thumbNameTextColor, thumbNameTextSize, thumbNameTextWeight, thumbNameTextWrap, thumbSizeTextColor, thumbSizeTextSize, thumbSizeTextWeight, } = propsGenerator;
     const fieldValuesList = useMemo(() => {
         return Array.isArray(maybeFieldValuesList) ? maybeFieldValuesList : [];
     }, [maybeFieldValuesList]);
@@ -58,12 +59,17 @@ const Dropzone = React.memo(function Dropzone(props) {
             return [...fieldValuesList, ...newFiles];
         },
         onDropAccepted: async (acceptedFiles) => {
-            const newDzFileItemsList = await convertValueFilesToDropzoneItems(acceptedFiles, true);
+            const uniqueAcceptedFiles = filterUniqueAcceptedFiles(acceptedFiles, fieldValuesList);
+            if (uniqueAcceptedFiles.length === 0) {
+                return;
+            }
+            const newDzFileItemsList = await convertValueFilesToDropzoneItems(uniqueAcceptedFiles, true);
             setFileRejectedMessage('');
             // Callback just for add new files
             onAddFiles && onAddFiles(newDzFileItemsList, inputName);
             // Callback for save to form data (including empty when files are not valid)
-            onChangeFiles && onChangeFiles(newDzFileItemsList);
+            onChangeFiles &&
+                onChangeFiles([...fieldValuesList, ...newDzFileItemsList]);
         },
         onDropRejected: (rejectedFiles) => {
             // Clean error by default
@@ -115,16 +121,22 @@ const Dropzone = React.memo(function Dropzone(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [fieldValuesList]);
-    return (_jsxs(React.Fragment, { children: [_jsxs("div", { ...getRootProps({ className: `dropzone__dropzone dropzone` }), children: [_jsx("input", { ...getInputProps(), name: inputName }), _jsxs("div", { className: clsx('dropzone dropzone__dropzone-wrapper', thumbColumn && `dropzone__dropzone-wrapper_column_${thumbColumn}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
-                            `border-color_hover_${borderColorHoverClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `shape_${shapeClass}`, isSkeleton && 'skeleton', sizeClass && `dropzone_size_${sizeClass}`), children: [fieldValuesList.map((fileItem, index) => {
+    return (_jsxs(React.Fragment, { children: [_jsxs("div", { ...getRootProps({ className: `dropzone__dropzone dropzone` }), children: [_jsx("input", { ...getInputProps(), name: inputName }), _jsxs("div", { className: clsx('dropzone dropzone__dropzone-wrapper', thumbColumn && `dropzone__dropzone-wrapper_column_${thumbColumn}`, isSkeleton && 'skeleton', sizeClass && `dropzone_size_${sizeClass}`), children: [fieldValuesList.map((fileItem, index) => {
                                 const { id, name, error, file, preview } = fileItem;
                                 const fileErrorMessage = error || file?.error;
                                 const fileName = name || file?.name;
-                                return (_jsxs("aside", { className: clsx('dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass), children: [isPreviews && !error && preview && (_jsx("div", { className: "dropzone__thumb-image", children: _jsx("img", { className: "dropzone__thumb-image-inner", src: preview, onClick: (event) => {
-                                                    onClickPreview && onClickPreview(fileItem, event);
-                                                } }) })), (fileErrorText || fileErrorMessage) && (_jsx("div", { children: _jsx(Text, { size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileErrorText || fileErrorMessage }) })), showFilename && fileName && (_jsx("div", { className: "dropzone__thumb-name", children: _jsx(Text, { className: "dropzone__thumb-name-inner", size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileName }) })), fileIsLoading && (_jsx("div", { className: "dropzone__thumb-loader", children: _jsx(Loader, { width: "fill", height: "fill" }) })), _jsx("div", { className: clsx('dropzone__thumb-remove'), children: _jsx(Button, { appearance: removeThumbAppearance, className: "dropzone__thumb-remove-text", label: removeThumbText || 'Удалить', labelTextWeight: removeThumbTextWeight, shape: removeThumbShape, 
+                                const fileSize = getDropzoneFileSize(fileItem);
+                                return (_jsxs("aside", { className: clsx('dropzone__thumb', thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
+                                        `border-color_hover_${borderColorHoverClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `shape_${shapeClass}`), children: [fileIsLoading && (_jsx("div", { className: "dropzone__thumb-loader", children: _jsx(Loader, { width: "fill", height: "fill" }) })), isPreviews && !error && preview && (_jsx("div", { className: "dropzone__thumb-image", onClick: (event) => {
+                                                onClickPreview &&
+                                                    onClickPreview(fileItem, event);
+                                            }, children: _jsx(Image, { className: "dropzone__thumb-image-inner", width: thumbImageWidth ?? 'fill', height: thumbImageHeight, src: preview, resizeMode: "cover", alt: fileName || '' }) })), (fileErrorText || fileErrorMessage) && (_jsx("div", { children: _jsx(Text, { size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileErrorText || fileErrorMessage }) })), showFilename && fileName && (_jsxs("div", { className: "dropzone__thumb-data", children: [_jsx(Text, { size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileName }), showFileSize && fileSize && (_jsx(Text, { size: thumbSizeTextSize, text: formatDropzoneFileSize(fileSize), textColor: thumbSizeTextColor, textWeight: thumbSizeTextWeight }))] })), _jsx("div", { className: clsx('dropzone__thumb-remove'), children: _jsx(Button, { appearance: removeThumbIcon
+                                                    ? (removeThumbIconAppearance ?? removeThumbAppearance)
+                                                    : removeThumbAppearance, label: removeThumbIcon ? undefined : removeThumbText, labelTextWeight: removeThumbIcon ? undefined : removeThumbTextWeight, icon: removeThumbIcon, iconFill: removeThumbIconFill, iconSize: removeThumbIconSize, shape: removeThumbShape, 
                                                 // TODO: Use id of dropzone special object
                                                 onClick: (element) => onClickRemoveFile(element, index) }) })] }, id || index));
-                            }), fieldValuesList.length === 0 ? (_jsxs("div", { className: "dropzone__hint", children: [_jsx(Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (_jsx(Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] })) : (_jsxs("div", { className: "dropzone__hint dropzone__hint_type_add-more", children: [_jsx(Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (_jsx(Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] }))] })] }), fileRejectedMessage && (_jsx("div", { className: "form-field__message", children: _jsx(Text, { className: "form-field__message-item form-field__message-item_type_message", size: errorMessageTextSize, textColor: errorMessageTextColor, textWeight: errorMessageTextWeight, children: fileRejectedMessage }) }))] }));
+                            }), fieldValuesList.length === 0 ? (_jsxs("div", { className: clsx('dropzone__hint', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
+                                    `border-color_hover_${borderColorHoverClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `shape_${shapeClass}`), children: [_jsx(Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (_jsx(Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] })) : (_jsxs("div", { className: clsx('dropzone__hint', 'dropzone__hint_type_add-more', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
+                                    `border-color_hover_${borderColorHoverClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `shape_${shapeClass}`), children: [_jsx(Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (_jsx(Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] }))] })] }), fileRejectedMessage && (_jsx("div", { className: "dropzone__message", children: _jsx(Text, { size: errorMessageTextSize, textColor: errorMessageTextColor, textWeight: errorMessageTextWeight, children: fileRejectedMessage }) }))] }));
 });
 export { Dropzone };

package/dist/types/components/Dropzone/appearance/dropzoneDefault.d.ts

@@ -6,13 +6,18 @@ declare const dropzoneAppearanceDefault: {
         hintTitleTextColor: "surfaceTextPrimary";
         hintTitleTextSize: "m";
         removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbText: string;
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
+        thumbImageWidth: "fill";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
 };
 export { dropzoneAppearanceDefault };

package/dist/types/components/Dropzone/appearance/dropzoneDefault.js

@@ -1,3 +1,4 @@
+import { icons16 } from '@itcase/icons-default';
 const dropzoneAppearanceDefault = {
     defaultSecondary: {
         fill: 'surfaceSecondary',
@@ -6,13 +7,18 @@ const dropzoneAppearanceDefault = {
         hintTitleTextColor: 'surfaceTextPrimary',
         hintTitleTextSize: 'm',
         removeThumbAppearance: 'dangerPrimary sizeM solid rounded',
+        removeThumbIcon: icons16.Action.Remove,
+        removeThumbIconAppearance: 'surfaceSecondary sizeM solid rounded',
         removeThumbText: 'удалить',
         removeThumbTextColor: 'errorTextPrimary',
         thumbBorderColor: 'surfaceBorderTertiary',
         thumbBorderColorHover: 'surfaceBorderQuaternary',
         thumbBorderWidth: '1',
+        thumbImageWidth: 'fill',
         thumbNameTextColor: 'surfaceTextPrimary',
         thumbNameTextSize: 's',
+        thumbSizeTextColor: 'surfaceTextPrimary',
+        thumbSizeTextSize: 's',
     },
 };
 export { dropzoneAppearanceDefault };

package/dist/types/components/Dropzone/appearance/dropzoneDisabled.d.ts

@@ -5,13 +5,17 @@ declare const dropzoneAppearanceDisabled: {
         hintTitle: string;
         hintTitleTextColor: "disabledTextSecondary";
         hintTitleTextSize: "m";
-        removeThumbText: string;
+        removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
 };
 export { dropzoneAppearanceDisabled };

package/dist/types/components/Dropzone/appearance/dropzoneDisabled.js

@@ -1,3 +1,4 @@
+import { icons16 } from '@itcase/icons-default';
 const dropzoneAppearanceDisabled = {
     disabledTertiary: {
         fill: 'disabledTertiary',
@@ -5,13 +6,17 @@ const dropzoneAppearanceDisabled = {
         hintTitle: 'Перетащите изображение или выберите файл с компьютера',
         hintTitleTextColor: 'disabledTextSecondary',
         hintTitleTextSize: 'm',
-        removeThumbText: 'удалить',
+        removeThumbAppearance: 'dangerPrimary sizeM solid rounded',
+        removeThumbIcon: icons16.Action.Remove,
+        removeThumbIconAppearance: 'surfaceSecondary sizeM solid rounded',
         removeThumbTextColor: 'errorTextPrimary',
         thumbBorderColor: 'surfaceBorderTertiary',
         thumbBorderColorHover: 'surfaceBorderQuaternary',
         thumbBorderWidth: '1',
         thumbNameTextColor: 'surfaceTextPrimary',
         thumbNameTextSize: 's',
+        thumbSizeTextColor: 'surfaceTextPrimary',
+        thumbSizeTextSize: 's',
     },
 };
 export { dropzoneAppearanceDisabled };

package/dist/types/components/Dropzone/appearance/dropzoneError.d.ts

@@ -5,13 +5,17 @@ declare const dropzoneAppearanceError: {
         hintTitle: string;
         hintTitleTextColor: "errorTextQuaternary";
         hintTitleTextSize: "m";
-        removeThumbText: string;
+        removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
 };
 export { dropzoneAppearanceError };

package/dist/types/components/Dropzone/appearance/dropzoneError.js

@@ -1,3 +1,4 @@
+import { icons16 } from '@itcase/icons-default';
 const dropzoneAppearanceError = {
     errorTertiary: {
         fill: 'errorTertiary',
@@ -5,13 +6,17 @@ const dropzoneAppearanceError = {
         hintTitle: 'Перетащите изображение или выберите файл с компьютера',
         hintTitleTextColor: 'errorTextQuaternary',
         hintTitleTextSize: 'm',
-        removeThumbText: 'удалить',
+        removeThumbAppearance: 'dangerPrimary sizeM solid rounded',
+        removeThumbIcon: icons16.Action.Remove,
+        removeThumbIconAppearance: 'surfaceSecondary sizeM solid rounded',
         removeThumbTextColor: 'errorTextPrimary',
         thumbBorderColor: 'surfaceBorderTertiary',
         thumbBorderColorHover: 'surfaceBorderQuaternary',
         thumbBorderWidth: '1',
         thumbNameTextColor: 'surfaceTextPrimary',
         thumbNameTextSize: 's',
+        thumbSizeTextColor: 'surfaceTextPrimary',
+        thumbSizeTextSize: 's',
     },
 };
 export { dropzoneAppearanceError };

package/dist/types/components/Dropzone/appearance/dropzoneRequire.d.ts

@@ -5,13 +5,17 @@ declare const dropzoneAppearanceRequire: {
         hintTitle: string;
         hintTitleTextColor: "specialTextSecondary";
         hintTitleTextSize: "m";
-        removeThumbText: string;
+        removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
 };
 export { dropzoneAppearanceRequire };

package/dist/types/components/Dropzone/appearance/dropzoneRequire.js

@@ -1,3 +1,4 @@
+import { icons16 } from '@itcase/icons-default';
 const dropzoneAppearanceRequire = {
     requireTertiary: {
         fill: 'warningTertiary',
@@ -5,13 +6,17 @@ const dropzoneAppearanceRequire = {
         hintTitle: 'Перетащите изображение или выберите файл с компьютера',
         hintTitleTextColor: 'specialTextSecondary',
         hintTitleTextSize: 'm',
-        removeThumbText: 'удалить',
+        removeThumbAppearance: 'dangerPrimary sizeM solid rounded',
+        removeThumbIcon: icons16.Action.Remove,
+        removeThumbIconAppearance: 'surfaceSecondary sizeM solid rounded',
         removeThumbTextColor: 'errorTextPrimary',
         thumbBorderColor: 'surfaceBorderTertiary',
         thumbBorderColorHover: 'surfaceBorderQuaternary',
         thumbBorderWidth: '1',
         thumbNameTextColor: 'surfaceTextPrimary',
         thumbNameTextSize: 's',
+        thumbSizeTextColor: 'surfaceTextPrimary',
+        thumbSizeTextSize: 's',
     },
 };
 export { dropzoneAppearanceRequire };

package/dist/types/components/Dropzone/appearance/dropzoneSuccess.d.ts

@@ -5,13 +5,17 @@ declare const dropzoneAppearanceSuccess: {
         hintTitle: string;
         hintTitleTextColor: "successTextQuaternary";
         hintTitleTextSize: "m";
-        removeThumbText: string;
+        removeThumbAppearance: "dangerPrimary sizeM solid rounded";
+        removeThumbIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        removeThumbIconAppearance: "surfaceSecondary sizeM solid rounded";
         removeThumbTextColor: "errorTextPrimary";
         thumbBorderColor: "surfaceBorderTertiary";
         thumbBorderColorHover: "surfaceBorderQuaternary";
         thumbBorderWidth: "1";
         thumbNameTextColor: "surfaceTextPrimary";
         thumbNameTextSize: "s";
+        thumbSizeTextColor: "surfaceTextPrimary";
+        thumbSizeTextSize: "s";
     };
 };
 export { dropzoneAppearanceSuccess };