@tant/icons 1.0.22 → 1.0.23

package/dist/tant-icons.esm.js

@@ -117,7 +117,7 @@ var SSpace = function SSpace(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -169,7 +169,7 @@ var Project = function Project(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -219,7 +219,7 @@ var Space = function Space(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -269,7 +269,7 @@ var SpaceOpen = function SpaceOpen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -321,7 +321,7 @@ var Folder = function Folder(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -371,7 +371,7 @@ var FolderOpen = function FolderOpen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -421,7 +421,7 @@ var Dashboard = function Dashboard(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -471,7 +471,7 @@ var Card = function Card(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -521,7 +521,7 @@ var DashboardMgr = function DashboardMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -581,7 +581,7 @@ var ProjectMgr = function ProjectMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -635,7 +635,7 @@ var Usertag = function Usertag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -689,7 +689,7 @@ var UPropMgr = function UPropMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -749,7 +749,7 @@ var EventMgr = function EventMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -801,7 +801,7 @@ var EventPropMgr = function EventPropMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -857,7 +857,7 @@ var VProperty = function VProperty(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -913,7 +913,7 @@ var Sql1 = function Sql1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -967,7 +967,7 @@ var Sql2 = function Sql2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1027,7 +1027,7 @@ var Sql3 = function Sql3(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1077,7 +1077,7 @@ var MEvent = function MEvent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1135,7 +1135,7 @@ var MRetention = function MRetention(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1195,7 +1195,7 @@ var MFunnel = function MFunnel(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1249,7 +1249,7 @@ var MDistribution = function MDistribution(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1309,7 +1309,7 @@ var MInterval = function MInterval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1365,7 +1365,7 @@ var MFlow = function MFlow(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1419,7 +1419,7 @@ var MSql = function MSql(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1479,7 +1479,7 @@ var UTag = function UTag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1535,7 +1535,7 @@ var MProperty = function MProperty(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1593,7 +1593,7 @@ var UGroup = function UGroup(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1651,7 +1651,7 @@ var User1 = function User1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1707,7 +1707,7 @@ var User1Fill = function User1Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1757,7 +1757,7 @@ var User2 = function User2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1807,7 +1807,7 @@ var UserSettings = function UserSettings(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1857,7 +1857,7 @@ var GroupA2b = function GroupA2b(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1907,7 +1907,7 @@ var Group = function Group(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1957,7 +1957,7 @@ var GroupFill = function GroupFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2007,7 +2007,7 @@ var GroupFill2 = function GroupFill2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2057,7 +2057,7 @@ var GroupAddFill = function GroupAddFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2107,7 +2107,7 @@ var UserAddFill = function UserAddFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2157,7 +2157,7 @@ var UploadId = function UploadId(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2209,7 +2209,7 @@ var IdFreeze = function IdFreeze(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2269,7 +2269,7 @@ var Education = function Education(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2323,7 +2323,7 @@ var EducationFill = function EducationFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2377,7 +2377,7 @@ var Game = function Game(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2431,7 +2431,7 @@ var GameFill = function GameFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2481,7 +2481,7 @@ var Shop = function Shop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2531,7 +2531,7 @@ var ShopFill = function ShopFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2581,7 +2581,7 @@ var Earth = function Earth(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2631,7 +2631,7 @@ var TdLogo = function TdLogo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2689,7 +2689,7 @@ var Language = function Language(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2739,7 +2739,7 @@ var Calendar = function Calendar(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2789,7 +2789,7 @@ var Server = function Server(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2839,7 +2839,7 @@ var Desktop = function Desktop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2889,7 +2889,7 @@ var Demo = function Demo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2941,7 +2941,7 @@ var Cellphone = function Cellphone(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2993,7 +2993,7 @@ var Landscape = function Landscape(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3047,7 +3047,7 @@ var Email = function Email(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3097,7 +3097,7 @@ var Clock = function Clock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3149,7 +3149,7 @@ var Password = function Password(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3199,7 +3199,7 @@ var ResetPassword = function ResetPassword(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3249,7 +3249,7 @@ var Private = function Private(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3299,7 +3299,7 @@ var Bell = function Bell(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3351,7 +3351,7 @@ var Logout = function Logout(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3403,7 +3403,7 @@ var Speed = function Speed(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3453,7 +3453,7 @@ var Mfa = function Mfa(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3503,7 +3503,7 @@ var Tracking = function Tracking(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3563,7 +3563,7 @@ var Forewarning = function Forewarning(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3617,7 +3617,7 @@ var SystemMgr = function SystemMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3671,7 +3671,7 @@ var Pattern = function Pattern(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3729,7 +3729,7 @@ var Debug = function Debug(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3779,7 +3779,7 @@ var Live = function Live(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3829,7 +3829,7 @@ var Plug = function Plug(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3879,7 +3879,7 @@ var Application = function Application(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3939,7 +3939,7 @@ var Gift = function Gift(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3989,7 +3989,7 @@ var Usb = function Usb(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4039,7 +4039,7 @@ var Location = function Location(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4093,7 +4093,7 @@ var ShieldCheck = function ShieldCheck(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4143,7 +4143,7 @@ var ShieldCross = function ShieldCross(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4193,7 +4193,7 @@ var ShieldKeyhole = function ShieldKeyhole(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4243,7 +4243,7 @@ var Analysis = function Analysis(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4293,7 +4293,7 @@ var Filter = function Filter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4343,7 +4343,7 @@ var Filter2 = function Filter2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4393,7 +4393,7 @@ var ParallelFilter = function ParallelFilter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4445,7 +4445,7 @@ var Expression = function Expression(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4495,7 +4495,7 @@ var Expression2 = function Expression2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4547,7 +4547,7 @@ var FirstLast = function FirstLast(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4597,7 +4597,7 @@ var RelatedProp = function RelatedProp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4647,7 +4647,7 @@ var SortRise = function SortRise(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4701,7 +4701,7 @@ var SortDrop = function SortDrop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4755,7 +4755,7 @@ var Ascent = function Ascent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4805,7 +4805,7 @@ var Descent = function Descent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4855,7 +4855,7 @@ var SortA2z = function SortA2z(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4909,7 +4909,7 @@ var SortZ2a = function SortZ2a(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4963,7 +4963,7 @@ var Sort = function Sort(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5013,7 +5013,7 @@ var Index = function Index(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5073,7 +5073,7 @@ var TA2b = function TA2b(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5123,7 +5123,7 @@ var TX2y = function TX2y(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5177,7 +5177,7 @@ var Parameter = function Parameter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5233,7 +5233,7 @@ var Groups = function Groups(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5283,7 +5283,7 @@ var EventTree = function EventTree(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5333,7 +5333,7 @@ var Split = function Split(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5383,7 +5383,7 @@ var CustomPartition = function CustomPartition(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5433,7 +5433,7 @@ var Result = function Result(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5487,7 +5487,7 @@ var Alert = function Alert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5539,7 +5539,7 @@ var ViewOriginal = function ViewOriginal(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5596,7 +5596,7 @@ var Attribution = function Attribution(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5648,7 +5648,7 @@ var Cost = function Cost(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5698,7 +5698,7 @@ var Exposure = function Exposure(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5748,7 +5748,7 @@ var Indicator = function Indicator(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5800,7 +5800,7 @@ var OperatorEqual = function OperatorEqual(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5852,7 +5852,7 @@ var OperatorUnequal = function OperatorUnequal(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5904,7 +5904,7 @@ var OperatorDivide = function OperatorDivide(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5954,7 +5954,7 @@ var OperatorNoValue = function OperatorNoValue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6006,7 +6006,7 @@ var OperatorHasValue = function OperatorHasValue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6058,7 +6058,7 @@ var OperatorInside = function OperatorInside(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6108,7 +6108,7 @@ var OperatorInclude = function OperatorInclude(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6160,7 +6160,7 @@ var OperatorNotInclude = function OperatorNotInclude(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6219,7 +6219,7 @@ var OperatorLess = function OperatorLess(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6271,7 +6271,7 @@ var OperatorNoBigger = function OperatorNoBigger(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6323,7 +6323,7 @@ var OperatorBigger = function OperatorBigger(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6375,7 +6375,7 @@ var OperatorNoLess = function OperatorNoLess(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6427,7 +6427,7 @@ var OperatorTrue = function OperatorTrue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6479,7 +6479,7 @@ var OperatorFalse = function OperatorFalse(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6531,7 +6531,7 @@ var OperatorRegex = function OperatorRegex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6583,7 +6583,7 @@ var OperatorNoRegex = function OperatorNoRegex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6635,7 +6635,7 @@ var LogoDingdingCl = function LogoDingdingCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6686,7 +6686,7 @@ var LogoDingdingGray = function LogoDingdingGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6736,7 +6736,7 @@ var LogoWecomCl = function LogoWecomCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6799,7 +6799,7 @@ var LogoWecomGray = function LogoWecomGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6849,7 +6849,7 @@ var LogoWechatCl = function LogoWechatCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6908,7 +6908,7 @@ var LogoWechatGray = function LogoWechatGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6965,7 +6965,7 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7033,7 +7033,7 @@ var LogoKingCl = function LogoKingCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7084,7 +7084,7 @@ var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7139,7 +7139,7 @@ var Info = function Info(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7193,7 +7193,7 @@ var Help = function Help(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7243,7 +7243,7 @@ var History = function History(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7293,7 +7293,7 @@ var Backup = function Backup(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7345,7 +7345,7 @@ var Error = function Error(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7399,7 +7399,7 @@ var ErrorFill = function ErrorFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7449,7 +7449,7 @@ var Error2 = function Error2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7501,7 +7501,7 @@ var Error2Fill = function Error2Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7553,7 +7553,7 @@ var Success = function Success(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7603,7 +7603,7 @@ var SuccessFill = function SuccessFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7655,7 +7655,7 @@ var Delete2 = function Delete2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7705,7 +7705,7 @@ var Delete2Fill = function Delete2Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7755,7 +7755,7 @@ var Exchange = function Exchange(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7805,7 +7805,7 @@ var SwapFill = function SwapFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7855,7 +7855,7 @@ var Processing = function Processing(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7905,7 +7905,7 @@ var Processing2 = function Processing2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7957,7 +7957,7 @@ var Done = function Done(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8007,7 +8007,7 @@ var Close = function Close(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8057,7 +8057,7 @@ var StarOutline = function StarOutline(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8107,7 +8107,7 @@ var StarFill = function StarFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8157,7 +8157,7 @@ var TimeLock = function TimeLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8207,7 +8207,7 @@ var Heart = function Heart(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8257,7 +8257,7 @@ var Bookmark = function Bookmark(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8307,7 +8307,7 @@ var Bookmark2 = function Bookmark2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8357,7 +8357,7 @@ var LockClose = function LockClose(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8411,7 +8411,7 @@ var LockCloseFill = function LockCloseFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8461,7 +8461,7 @@ var LockOpen = function LockOpen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8511,7 +8511,7 @@ var LockOpenFill = function LockOpenFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8561,7 +8561,7 @@ var EyeOn = function EyeOn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8611,7 +8611,7 @@ var EyeOnFill = function EyeOnFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8663,7 +8663,7 @@ var EyeOff = function EyeOff(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8713,7 +8713,7 @@ var EyeOffFill = function EyeOffFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8765,7 +8765,7 @@ var Dot = function Dot(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8817,7 +8817,7 @@ var Anchor = function Anchor(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8867,7 +8867,7 @@ var ChartLine = function ChartLine(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8923,7 +8923,7 @@ var ChartBar = function ChartBar(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8977,7 +8977,7 @@ var ChartCum = function ChartCum(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9037,7 +9037,7 @@ var ChartPie = function ChartPie(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9089,7 +9089,7 @@ var ChartDNRe = function ChartDNRe(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9151,7 +9151,7 @@ var ChartDRe = function ChartDRe(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9213,7 +9213,7 @@ var ChartFunnel = function ChartFunnel(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9267,7 +9267,7 @@ var ChartInterval = function ChartInterval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9319,7 +9319,7 @@ var ChartStack = function ChartStack(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9371,7 +9371,7 @@ var ChartStackn = function ChartStackn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9423,7 +9423,7 @@ var ChartStackPerc = function ChartStackPerc(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9475,7 +9475,7 @@ var ChartComplex = function ChartComplex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9533,7 +9533,7 @@ var ChartHistogram = function ChartHistogram(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9597,7 +9597,7 @@ var ChartTable = function ChartTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9647,7 +9647,7 @@ var ChartFieldlist = function ChartFieldlist(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9697,7 +9697,7 @@ var Table1dtable = function Table1dtable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9765,7 +9765,7 @@ var ChartSqltable = function ChartSqltable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9815,7 +9815,7 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9865,7 +9865,7 @@ var ChartDistTable = function ChartDistTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9915,7 +9915,7 @@ var ChartBarTable = function ChartBarTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9967,7 +9967,7 @@ var ChartLineTable = function ChartLineTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10025,7 +10025,7 @@ var Play = function Play(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10075,7 +10075,7 @@ var Config = function Config(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10125,7 +10125,7 @@ var Setting = function Setting(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10175,7 +10175,7 @@ var Search = function Search(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10225,7 +10225,7 @@ var Copy = function Copy(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10275,7 +10275,7 @@ var Copy2 = function Copy2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10325,7 +10325,7 @@ var Format = function Format(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10377,7 +10377,7 @@ var Code = function Code(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10427,7 +10427,7 @@ var Edit = function Edit(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10477,7 +10477,7 @@ var EditFill = function EditFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10529,7 +10529,7 @@ var Delete1 = function Delete1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10579,7 +10579,7 @@ var Save = function Save(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10629,7 +10629,7 @@ var Send = function Send(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10679,7 +10679,7 @@ var Fullscreen = function Fullscreen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10729,7 +10729,7 @@ var ArrowLeftDown = function ArrowLeftDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10779,7 +10779,7 @@ var Link = function Link(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10833,7 +10833,7 @@ var Unlink = function Unlink(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10889,7 +10889,7 @@ var MenuUnfold = function MenuUnfold(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10939,7 +10939,7 @@ var MenuFold = function MenuFold(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10989,7 +10989,7 @@ var List = function List(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11039,7 +11039,7 @@ var ListNested = function ListNested(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11091,7 +11091,7 @@ var DoubleList = function DoubleList(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11151,7 +11151,7 @@ var Download = function Download(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11201,7 +11201,7 @@ var FullDownload = function FullDownload(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11253,7 +11253,7 @@ var Export = function Export(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11305,7 +11305,7 @@ var Import = function Import(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11357,7 +11357,7 @@ var Add1 = function Add1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11407,7 +11407,7 @@ var Add2 = function Add2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11457,7 +11457,7 @@ var Add3 = function Add3(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11507,7 +11507,7 @@ var Add3Fill = function Add3Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11557,7 +11557,7 @@ var Subtract = function Subtract(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11610,7 +11610,7 @@ var Subtract2 = function Subtract2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11664,7 +11664,7 @@ var Report = function Report(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11714,7 +11714,7 @@ var ReportRemoval = function ReportRemoval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11772,7 +11772,7 @@ var FileAdd = function FileAdd(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11822,7 +11822,7 @@ var FileRemove = function FileRemove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11874,7 +11874,7 @@ var FileExport = function FileExport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11924,7 +11924,7 @@ var FileMove = function FileMove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11974,7 +11974,7 @@ var FileImport = function FileImport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12024,7 +12024,7 @@ var FileInfo = function FileInfo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12074,7 +12074,7 @@ var FileConvert = function FileConvert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12130,7 +12130,7 @@ var FileLock = function FileLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12180,7 +12180,7 @@ var Detail = function Detail(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12230,7 +12230,7 @@ var MessageCenter = function MessageCenter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12288,7 +12288,7 @@ var SystemMsg = function SystemMsg(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12344,7 +12344,7 @@ var Comment = function Comment(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12398,7 +12398,7 @@ var Book = function Book(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12448,7 +12448,7 @@ var Book2 = function Book2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12498,7 +12498,7 @@ var FilePdf = function FilePdf(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12548,7 +12548,7 @@ var Sticker = function Sticker(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12598,7 +12598,7 @@ var StickerFill = function StickerFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12648,7 +12648,7 @@ var EventSm = function EventSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12698,7 +12698,7 @@ var EPropertySm = function EPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12756,7 +12756,7 @@ var UPropertySm = function UPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12814,7 +12814,7 @@ var UGroupSm = function UGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12878,7 +12878,7 @@ var UTagSm = function UTagSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12932,7 +12932,7 @@ var AllGroupSm = function AllGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12988,7 +12988,7 @@ var CalendarSm = function CalendarSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13038,7 +13038,7 @@ var GroupAddSm = function GroupAddSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13094,7 +13094,7 @@ var BooleanSm = function BooleanSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13146,7 +13146,7 @@ var ListSm = function ListSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13206,7 +13206,7 @@ var ArrayRowsSm = function ArrayRowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13258,7 +13258,7 @@ var RowsSm = function RowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13318,7 +13318,7 @@ var VPropertySm = function VPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13374,7 +13374,7 @@ var StringSm = function StringSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13426,7 +13426,7 @@ var NumSm = function NumSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13478,7 +13478,7 @@ var TimeSm = function TimeSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13530,7 +13530,7 @@ var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13580,7 +13580,7 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13630,7 +13630,7 @@ var ArrowUp = function ArrowUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13680,7 +13680,7 @@ var ArrowDown = function ArrowDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13730,7 +13730,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13780,7 +13780,7 @@ var ArrowRight2 = function ArrowRight2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13830,7 +13830,7 @@ var ArrowUp2 = function ArrowUp2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13880,7 +13880,7 @@ var ArrowDown2 = function ArrowDown2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13930,7 +13930,7 @@ var TriLeft = function TriLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13980,7 +13980,7 @@ var TriRight = function TriRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14030,7 +14030,7 @@ var TriUp = function TriUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14080,7 +14080,7 @@ var TriDown = function TriDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14130,7 +14130,7 @@ var DArrowL = function DArrowL(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14182,7 +14182,7 @@ var DArrowR = function DArrowR(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14234,7 +14234,7 @@ var DArrowT = function DArrowT(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14286,7 +14286,7 @@ var DArrowB = function DArrowB(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14338,7 +14338,7 @@ var DropDown = function DropDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14388,7 +14388,7 @@ var DropUp = function DropUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14438,7 +14438,7 @@ var More1 = function More1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14488,7 +14488,7 @@ var More2 = function More2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14538,7 +14538,7 @@ var Drag = function Drag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14598,7 +14598,7 @@ var Drag2 = function Drag2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14652,7 +14652,7 @@ var External = function External(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14702,7 +14702,7 @@ var DisplayS = function DisplayS(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14754,7 +14754,7 @@ var Share = function Share(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14804,7 +14804,7 @@ var Placeholder = function Placeholder(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }