@thairath/tr-design-system 0.2.4 → 0.2.5

package/dist/index.cjs

@@ -80,13 +80,13 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-var _excluded$1w = ["width", "height"];
+var _excluded$1v = ["width", "height"];
 var HamburgerIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1w);
+    props = _objectWithoutProperties(_ref, _excluded$1v);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -114,13 +114,13 @@ var HamburgerIcon = _ref => {
   })));
 };
 
-var _excluded$1v = ["width", "height"];
+var _excluded$1u = ["width", "height"];
 var SearchIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1v);
+    props = _objectWithoutProperties(_ref, _excluded$1u);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -148,13 +148,13 @@ var SearchIcon = _ref => {
   })));
 };
 
-var _excluded$1u = ["width", "height"];
+var _excluded$1t = ["width", "height"];
 var UserIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1u);
+    props = _objectWithoutProperties(_ref, _excluded$1t);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -182,13 +182,13 @@ var UserIcon = _ref => {
   })));
 };
 
-var _excluded$1t = ["width", "height"];
+var _excluded$1s = ["width", "height"];
 var FacebookIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1t);
+    props = _objectWithoutProperties(_ref, _excluded$1s);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -204,13 +204,13 @@ var FacebookIcon = _ref => {
   }));
 };
 
-var _excluded$1s = ["width", "height"];
+var _excluded$1r = ["width", "height"];
 var SocilaXIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1s);
+    props = _objectWithoutProperties(_ref, _excluded$1r);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -222,13 +222,13 @@ var SocilaXIcon = _ref => {
   }));
 };
 
-var _excluded$1r = ["width", "height"];
+var _excluded$1q = ["width", "height"];
 var InstagramIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1r);
+    props = _objectWithoutProperties(_ref, _excluded$1q);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -252,13 +252,13 @@ var InstagramIcon = _ref => {
   }));
 };
 
-var _excluded$1q = ["width", "height"];
+var _excluded$1p = ["width", "height"];
 var YoutubeIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1q);
+    props = _objectWithoutProperties(_ref, _excluded$1p);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -276,13 +276,13 @@ var YoutubeIcon = _ref => {
   }));
 };
 
-var _excluded$1p = ["width", "height"];
+var _excluded$1o = ["width", "height"];
 var TiktokIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1p);
+    props = _objectWithoutProperties(_ref, _excluded$1o);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -294,13 +294,13 @@ var TiktokIcon = _ref => {
   }));
 };
 
-var _excluded$1o = ["width", "height"];
+var _excluded$1n = ["width", "height"];
 var MessagerIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1o);
+    props = _objectWithoutProperties(_ref, _excluded$1n);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -318,13 +318,13 @@ var MessagerIcon = _ref => {
   }));
 };
 
-var _excluded$1n = ["width", "height"];
+var _excluded$1m = ["width", "height"];
 var LineAppIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1n);
+    props = _objectWithoutProperties(_ref, _excluded$1m);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -342,13 +342,13 @@ var LineAppIcon = _ref => {
   }));
 };
 
-var _excluded$1m = ["width", "height"];
+var _excluded$1l = ["width", "height"];
 var GoogleIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1m);
+    props = _objectWithoutProperties(_ref, _excluded$1l);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -364,13 +364,13 @@ var GoogleIcon = _ref => {
   }));
 };
 
-var _excluded$1l = ["width", "height"];
+var _excluded$1k = ["width", "height"];
 var PublicIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1l);
+    props = _objectWithoutProperties(_ref, _excluded$1k);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -398,13 +398,13 @@ var PublicIcon = _ref => {
   })));
 };
 
-var _excluded$1k = ["width", "height"];
+var _excluded$1j = ["width", "height"];
 var FeedIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1k);
+    props = _objectWithoutProperties(_ref, _excluded$1j);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -432,13 +432,13 @@ var FeedIcon = _ref => {
   })));
 };
 
-var _excluded$1j = ["width", "height"];
+var _excluded$1i = ["width", "height"];
 var DesktopIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1j);
+    props = _objectWithoutProperties(_ref, _excluded$1i);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -466,13 +466,13 @@ var DesktopIcon = _ref => {
   })));
 };
 
-var _excluded$1i = ["width", "height"];
+var _excluded$1h = ["width", "height"];
 var DesktopFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1i);
+    props = _objectWithoutProperties(_ref, _excluded$1h);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -500,13 +500,13 @@ var DesktopFilledIcon = _ref => {
   })));
 };
 
-var _excluded$1h = ["width", "height"];
+var _excluded$1g = ["width", "height"];
 var TROAppIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1h);
+    props = _objectWithoutProperties(_ref, _excluded$1g);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -538,13 +538,13 @@ var TROAppIcon = _ref => {
   })));
 };
 
-var _excluded$1g = ["width", "height"];
+var _excluded$1f = ["width", "height"];
 var UserFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1g);
+    props = _objectWithoutProperties(_ref, _excluded$1f);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -572,13 +572,13 @@ var UserFilledIcon = _ref => {
   })));
 };
 
-var _excluded$1f = ["width", "height"];
+var _excluded$1e = ["width", "height"];
 var HomeIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1f);
+    props = _objectWithoutProperties(_ref, _excluded$1e);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -606,13 +606,13 @@ var HomeIcon = _ref => {
   })));
 };
 
-var _excluded$1e = ["width", "height"];
+var _excluded$1d = ["width", "height"];
 var HomeFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1e);
+    props = _objectWithoutProperties(_ref, _excluded$1d);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -640,13 +640,13 @@ var HomeFilledIcon = _ref => {
   })));
 };
 
-var _excluded$1d = ["width", "height"];
+var _excluded$1c = ["width", "height"];
 var LinkIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1d);
+    props = _objectWithoutProperties(_ref, _excluded$1c);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -674,13 +674,13 @@ var LinkIcon = _ref => {
   })));
 };
 
-var _excluded$1c = ["width", "height"];
+var _excluded$1b = ["width", "height"];
 var LogoutIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1c);
+    props = _objectWithoutProperties(_ref, _excluded$1b);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -708,13 +708,13 @@ var LogoutIcon = _ref => {
   })));
 };
 
-var _excluded$1b = ["width", "height"];
+var _excluded$1a = ["width", "height"];
 var BookmarkIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1b);
+    props = _objectWithoutProperties(_ref, _excluded$1a);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -742,13 +742,13 @@ var BookmarkIcon = _ref => {
   })));
 };
 
-var _excluded$1a = ["width", "height"];
+var _excluded$19 = ["width", "height"];
 var BookmarkFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$1a);
+    props = _objectWithoutProperties(_ref, _excluded$19);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -776,13 +776,13 @@ var BookmarkFilledIcon = _ref => {
   })));
 };
 
-var _excluded$19 = ["width", "height"];
+var _excluded$18 = ["width", "height"];
 var MailIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$19);
+    props = _objectWithoutProperties(_ref, _excluded$18);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -810,13 +810,13 @@ var MailIcon = _ref => {
   })));
 };
 
-var _excluded$18 = ["width", "height"];
+var _excluded$17 = ["width", "height"];
 var MailFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$18);
+    props = _objectWithoutProperties(_ref, _excluded$17);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -844,13 +844,13 @@ var MailFilledIcon = _ref => {
   })));
 };
 
-var _excluded$17 = ["width", "height"];
+var _excluded$16 = ["width", "height"];
 var CalendarIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$17);
+    props = _objectWithoutProperties(_ref, _excluded$16);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -878,13 +878,13 @@ var CalendarIcon = _ref => {
   })));
 };
 
-var _excluded$16 = ["width", "height"];
+var _excluded$15 = ["width", "height"];
 var CalendarFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$16);
+    props = _objectWithoutProperties(_ref, _excluded$15);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -912,13 +912,13 @@ var CalendarFilledIcon = _ref => {
   })));
 };
 
-var _excluded$15 = ["width", "height"];
+var _excluded$14 = ["width", "height"];
 var ShareIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$15);
+    props = _objectWithoutProperties(_ref, _excluded$14);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -946,13 +946,13 @@ var ShareIcon = _ref => {
   })));
 };
 
-var _excluded$14 = ["width", "height"];
+var _excluded$13 = ["width", "height"];
 var ShareFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$14);
+    props = _objectWithoutProperties(_ref, _excluded$13);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -980,13 +980,13 @@ var ShareFilledIcon = _ref => {
   })));
 };
 
-var _excluded$13 = ["width", "height"];
+var _excluded$12 = ["width", "height"];
 var BedtimeIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$13);
+    props = _objectWithoutProperties(_ref, _excluded$12);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1014,13 +1014,13 @@ var BedtimeIcon = _ref => {
   })));
 };
 
-var _excluded$12 = ["width", "height"];
+var _excluded$11 = ["width", "height"];
 var BedtimeFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$12);
+    props = _objectWithoutProperties(_ref, _excluded$11);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1048,13 +1048,13 @@ var BedtimeFilledIcon = _ref => {
   })));
 };
 
-var _excluded$11 = ["width", "height"];
+var _excluded$10 = ["width", "height"];
 var ClearDayIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$11);
+    props = _objectWithoutProperties(_ref, _excluded$10);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1082,13 +1082,13 @@ var ClearDayIcon = _ref => {
   })));
 };
 
-var _excluded$10 = ["width", "height"];
+var _excluded$$ = ["width", "height"];
 var ClearDayFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$10);
+    props = _objectWithoutProperties(_ref, _excluded$$);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1116,13 +1116,13 @@ var ClearDayFilledIcon = _ref => {
   })));
 };
 
-var _excluded$$ = ["width", "height"];
+var _excluded$_ = ["width", "height"];
 var AddCircleIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$$);
+    props = _objectWithoutProperties(_ref, _excluded$_);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1150,13 +1150,13 @@ var AddCircleIcon = _ref => {
   })));
 };
 
-var _excluded$_ = ["width", "height"];
+var _excluded$Z = ["width", "height"];
 var AddCircleFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$_);
+    props = _objectWithoutProperties(_ref, _excluded$Z);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1184,13 +1184,13 @@ var AddCircleFilledIcon = _ref => {
   })));
 };
 
-var _excluded$Z = ["width", "height"];
+var _excluded$Y = ["width", "height"];
 var NotifationFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$Z);
+    props = _objectWithoutProperties(_ref, _excluded$Y);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1218,13 +1218,13 @@ var NotifationFilledIcon = _ref => {
   })));
 };
 
-var _excluded$Y = ["width", "height"];
+var _excluded$X = ["width", "height"];
 var NotifationIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$Y);
+    props = _objectWithoutProperties(_ref, _excluded$X);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1252,13 +1252,13 @@ var NotifationIcon = _ref => {
   })));
 };
 
-var _excluded$X = ["width", "height"];
+var _excluded$W = ["width", "height"];
 var VisibilityIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$X);
+    props = _objectWithoutProperties(_ref, _excluded$W);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1286,13 +1286,13 @@ var VisibilityIcon = _ref => {
   })));
 };
 
-var _excluded$W = ["width", "height"];
+var _excluded$V = ["width", "height"];
 var VisibilityFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$W);
+    props = _objectWithoutProperties(_ref, _excluded$V);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1320,13 +1320,13 @@ var VisibilityFilledIcon = _ref => {
   })));
 };
 
-var _excluded$V = ["width", "height"];
+var _excluded$U = ["width", "height"];
 var VisibilityOffIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$V);
+    props = _objectWithoutProperties(_ref, _excluded$U);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1354,13 +1354,13 @@ var VisibilityOffIcon = _ref => {
   })));
 };
 
-var _excluded$U = ["width", "height"];
+var _excluded$T = ["width", "height"];
 var VisibilityOffFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$U);
+    props = _objectWithoutProperties(_ref, _excluded$T);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1388,13 +1388,13 @@ var VisibilityOffFilledIcon = _ref => {
   })));
 };
 
-var _excluded$T = ["width", "height"];
+var _excluded$S = ["width", "height"];
 var LockIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$T);
+    props = _objectWithoutProperties(_ref, _excluded$S);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1422,13 +1422,13 @@ var LockIcon = _ref => {
   })));
 };
 
-var _excluded$S = ["width", "height"];
+var _excluded$R = ["width", "height"];
 var LockFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$S);
+    props = _objectWithoutProperties(_ref, _excluded$R);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1456,13 +1456,13 @@ var LockFilledIcon = _ref => {
   })));
 };
 
-var _excluded$R = ["width", "height"];
+var _excluded$Q = ["width", "height"];
 var MobileIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$R);
+    props = _objectWithoutProperties(_ref, _excluded$Q);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1490,13 +1490,13 @@ var MobileIcon = _ref => {
   })));
 };
 
-var _excluded$Q = ["width", "height"];
+var _excluded$P = ["width", "height"];
 var MobileFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$Q);
+    props = _objectWithoutProperties(_ref, _excluded$P);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1524,13 +1524,13 @@ var MobileFilledIcon = _ref => {
   })));
 };
 
-var _excluded$P = ["width", "height"];
+var _excluded$O = ["width", "height"];
 var CloudDownloadIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$P);
+    props = _objectWithoutProperties(_ref, _excluded$O);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1558,13 +1558,13 @@ var CloudDownloadIcon = _ref => {
   })));
 };
 
-var _excluded$O = ["width", "height"];
+var _excluded$N = ["width", "height"];
 var CloudDownloadFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$O);
+    props = _objectWithoutProperties(_ref, _excluded$N);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1592,13 +1592,13 @@ var CloudDownloadFilledIcon = _ref => {
   })));
 };
 
-var _excluded$N = ["width", "height"];
+var _excluded$M = ["width", "height"];
 var CloudUpLoadIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$N);
+    props = _objectWithoutProperties(_ref, _excluded$M);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1626,13 +1626,13 @@ var CloudUpLoadIcon = _ref => {
   })));
 };
 
-var _excluded$M = ["width", "height"];
+var _excluded$L = ["width", "height"];
 var CloudUpLoadFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$M);
+    props = _objectWithoutProperties(_ref, _excluded$L);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1660,13 +1660,13 @@ var CloudUpLoadFilledIcon = _ref => {
   })));
 };
 
-var _excluded$L = ["width", "height"];
+var _excluded$K = ["width", "height"];
 var CloudDoneIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$L);
+    props = _objectWithoutProperties(_ref, _excluded$K);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1694,13 +1694,13 @@ var CloudDoneIcon = _ref => {
   })));
 };
 
-var _excluded$K = ["width", "height"];
+var _excluded$J = ["width", "height"];
 var CloudDoneFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$K);
+    props = _objectWithoutProperties(_ref, _excluded$J);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1728,13 +1728,13 @@ var CloudDoneFilledIcon = _ref => {
   })));
 };
 
-var _excluded$J = ["width", "height"];
+var _excluded$I = ["width", "height"];
 var NotificationsActiveIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$J);
+    props = _objectWithoutProperties(_ref, _excluded$I);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1762,13 +1762,13 @@ var NotificationsActiveIcon = _ref => {
   })));
 };
 
-var _excluded$I = ["width", "height"];
+var _excluded$H = ["width", "height"];
 var NotificationsActiveFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$I);
+    props = _objectWithoutProperties(_ref, _excluded$H);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1796,13 +1796,13 @@ var NotificationsActiveFilledIcon = _ref => {
   })));
 };
 
-var _excluded$H = ["width", "height"];
+var _excluded$G = ["width", "height"];
 var NotificationsOffIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$H);
+    props = _objectWithoutProperties(_ref, _excluded$G);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1830,13 +1830,13 @@ var NotificationsOffIcon = _ref => {
   })));
 };
 
-var _excluded$G = ["width", "height"];
+var _excluded$F = ["width", "height"];
 var NotificationsOffFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$G);
+    props = _objectWithoutProperties(_ref, _excluded$F);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1864,13 +1864,13 @@ var NotificationsOffFilledIcon = _ref => {
   })));
 };
 
-var _excluded$F = ["width", "height"];
+var _excluded$E = ["width", "height"];
 var NotificationsUnreadIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$F);
+    props = _objectWithoutProperties(_ref, _excluded$E);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1898,13 +1898,13 @@ var NotificationsUnreadIcon = _ref => {
   })));
 };
 
-var _excluded$E = ["width", "height"];
+var _excluded$D = ["width", "height"];
 var NotificationsUnreadFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$E);
+    props = _objectWithoutProperties(_ref, _excluded$D);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1932,13 +1932,13 @@ var NotificationsUnreadFilledIcon = _ref => {
   })));
 };
 
-var _excluded$D = ["width", "height"];
+var _excluded$C = ["width", "height"];
 var GoogleColorIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$D);
+    props = _objectWithoutProperties(_ref, _excluded$C);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1964,13 +1964,13 @@ var GoogleColorIcon = _ref => {
   }));
 };
 
-var _excluded$C = ["width", "height"];
+var _excluded$B = ["width", "height"];
 var FacebookColorIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$C);
+    props = _objectWithoutProperties(_ref, _excluded$B);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1987,13 +1987,13 @@ var FacebookColorIcon = _ref => {
   }));
 };
 
-var _excluded$B = ["width", "height"];
+var _excluded$A = ["width", "height"];
 var InstagramColorIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$B);
+    props = _objectWithoutProperties(_ref, _excluded$A);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2060,13 +2060,13 @@ var InstagramColorIcon = _ref => {
   }))));
 };
 
-var _excluded$A = ["width", "height"];
+var _excluded$z = ["width", "height"];
 var TiktokColorIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$A);
+    props = _objectWithoutProperties(_ref, _excluded$z);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2089,13 +2089,13 @@ var TiktokColorIcon = _ref => {
   }));
 };
 
-var _excluded$z = ["width", "height"];
+var _excluded$y = ["width", "height"];
 var MessagerColorIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$z);
+    props = _objectWithoutProperties(_ref, _excluded$y);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2132,13 +2132,13 @@ var MessagerColorIcon = _ref => {
   }))));
 };
 
-var _excluded$y = ["width", "height"];
+var _excluded$x = ["width", "height"];
 var LineAppColorIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$y);
+    props = _objectWithoutProperties(_ref, _excluded$x);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2157,13 +2157,13 @@ var LineAppColorIcon = _ref => {
   }));
 };
 
-var _excluded$x = ["width", "height"];
+var _excluded$w = ["width", "height"];
 var ArrowCircleLeftIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$x);
+    props = _objectWithoutProperties(_ref, _excluded$w);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2191,13 +2191,13 @@ var ArrowCircleLeftIcon = _ref => {
   })));
 };
 
-var _excluded$w = ["width", "height"];
+var _excluded$v = ["width", "height"];
 var ArrowCircleRightIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$w);
+    props = _objectWithoutProperties(_ref, _excluded$v);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2225,13 +2225,13 @@ var ArrowCircleRightIcon = _ref => {
   })));
 };
 
-var _excluded$v = ["width", "height"];
+var _excluded$u = ["width", "height"];
 var ArrowCircleUpIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$v);
+    props = _objectWithoutProperties(_ref, _excluded$u);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2259,13 +2259,13 @@ var ArrowCircleUpIcon = _ref => {
   })));
 };
 
-var _excluded$u = ["width", "height"];
+var _excluded$t = ["width", "height"];
 var ArrowCircleDownIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$u);
+    props = _objectWithoutProperties(_ref, _excluded$t);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2293,13 +2293,13 @@ var ArrowCircleDownIcon = _ref => {
   })));
 };
 
-var _excluded$t = ["width", "height"];
+var _excluded$s = ["width", "height"];
 var ArrowCircleLeftFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$t);
+    props = _objectWithoutProperties(_ref, _excluded$s);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2327,13 +2327,13 @@ var ArrowCircleLeftFilledIcon = _ref => {
   })));
 };
 
-var _excluded$s = ["width", "height"];
+var _excluded$r = ["width", "height"];
 var ArrowCircleRightFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$s);
+    props = _objectWithoutProperties(_ref, _excluded$r);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2361,13 +2361,13 @@ var ArrowCircleRightFilledIcon = _ref => {
   })));
 };
 
-var _excluded$r = ["width", "height"];
+var _excluded$q = ["width", "height"];
 var ArrowCircleUpFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$r);
+    props = _objectWithoutProperties(_ref, _excluded$q);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2395,13 +2395,13 @@ var ArrowCircleUpFilledIcon = _ref => {
   })));
 };
 
-var _excluded$q = ["width", "height"];
+var _excluded$p = ["width", "height"];
 var ArrowCircleDownFilledIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$q);
+    props = _objectWithoutProperties(_ref, _excluded$p);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2429,13 +2429,13 @@ var ArrowCircleDownFilledIcon = _ref => {
   })));
 };
 
-var _excluded$p = ["width", "height"];
+var _excluded$o = ["width", "height"];
 var ArrowLeftAltIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$p);
+    props = _objectWithoutProperties(_ref, _excluded$o);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2463,13 +2463,13 @@ var ArrowLeftAltIcon = _ref => {
   })));
 };
 
-var _excluded$o = ["width", "height"];
+var _excluded$n = ["width", "height"];
 var ArrowRightAltIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$o);
+    props = _objectWithoutProperties(_ref, _excluded$n);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2497,13 +2497,13 @@ var ArrowRightAltIcon = _ref => {
   })));
 };
 
-var _excluded$n = ["width", "height"];
+var _excluded$m = ["width", "height"];
 var ArrowDownwardAltIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$n);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2531,13 +2531,13 @@ var ArrowDownwardAltIcon = _ref => {
   })));
 };
 
-var _excluded$m = ["width", "height"];
+var _excluded$l = ["width", "height"];
 var ArrowUpwardAltIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$m);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2565,13 +2565,13 @@ var ArrowUpwardAltIcon = _ref => {
   })));
 };
 
-var _excluded$l = ["width", "height"];
+var _excluded$k = ["width", "height"];
 var KeyboardArrowLeftIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$l);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2599,13 +2599,13 @@ var KeyboardArrowLeftIcon = _ref => {
   })));
 };
 
-var _excluded$k = ["width", "height"];
+var _excluded$j = ["width", "height"];
 var KeyboardArrowRightIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$k);
+    props = _objectWithoutProperties(_ref, _excluded$j);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2633,13 +2633,13 @@ var KeyboardArrowRightIcon = _ref => {
   })));
 };
 
-var _excluded$j = ["width", "height"];
+var _excluded$i = ["width", "height"];
 var KeyboardArrowUpIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$i);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2667,13 +2667,13 @@ var KeyboardArrowUpIcon = _ref => {
   })));
 };
 
-var _excluded$i = ["width", "height"];
+var _excluded$h = ["width", "height"];
 var KeyboardArrowDownIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$i);
+    props = _objectWithoutProperties(_ref, _excluded$h);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2701,13 +2701,13 @@ var KeyboardArrowDownIcon = _ref => {
   })));
 };
 
-var _excluded$h = ["width", "height"];
+var _excluded$g = ["width", "height"];
 var LastPageIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$h);
+    props = _objectWithoutProperties(_ref, _excluded$g);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2735,13 +2735,13 @@ var LastPageIcon = _ref => {
   })));
 };
 
-var _excluded$g = ["width", "height"];
+var _excluded$f = ["width", "height"];
 var FirstPageIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$g);
+    props = _objectWithoutProperties(_ref, _excluded$f);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2769,13 +2769,13 @@ var FirstPageIcon = _ref => {
   })));
 };
 
-var _excluded$f = ["width", "height"];
+var _excluded$e = ["width", "height"];
 var InfoIcon = _ref => {
   var {
       width,
       height
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$f);
+    props = _objectWithoutProperties(_ref, _excluded$e);
   var size = width || height || 24;
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2933,12 +2933,12 @@ var getColorOpposite = (defaultColor, fill) => {
   }
 };
 
-var _excluded$e = ["fill"];
+var _excluded$d = ["fill"];
 var TROlineLogo = _ref => {
   var {
       fill
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$e);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 114 40"
@@ -3086,12 +3086,12 @@ var TROlineENLogo = _a => {
   }), /*#__PURE__*/React.createElement("title", null, "Logo Thairath"));
 };
 
-var _excluded$d = ["fill"];
+var _excluded$c = ["fill"];
 var TRMoneyLogo = _ref => {
   var {
       fill
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$d);
+    props = _objectWithoutProperties(_ref, _excluded$c);
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 126 40"
@@ -3148,12 +3148,12 @@ var TRMoneyLogo = _ref => {
   }), /*#__PURE__*/React.createElement("title", null, "Logo TR Money"));
 };
 
-var _excluded$c = ["fill"];
+var _excluded$b = ["fill"];
 var TRTVLogo = _ref => {
   var {
       fill
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$c);
+    props = _objectWithoutProperties(_ref, _excluded$b);
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 164 40"
@@ -3206,12 +3206,11 @@ var TRTVLogo = _ref => {
   }), /*#__PURE__*/React.createElement("title", null, "Logo TR TV"));
 };
 
-var _excluded$b = ["fill"];
-var TRPlusLogo = _ref => {
+var TRPlusLogo = _a => {
   var {
       fill
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$b);
+    } = _a,
+    props = __rest(_a, ["fill"]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 160 40"
@@ -3246,7 +3245,7 @@ var TRPlusLogo = _ref => {
     fill: getColor('#000000', fill)
   }), /*#__PURE__*/React.createElement("path", {
     d: "M40.1115 13.3406V0H26.7403L13.3712 13.3307L40.1115 13.3406Z",
-    fill: getColor('#00B400', fill)
+    fill: "#00B400"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M26.7383 13.3406H13.3692V40H26.7383V13.3406Z",
     fill: getColor('#000000', fill)