@tant/icons 1.0.22 → 1.0.23

package/dist/tant-icons.cjs.js

@@ -123,7 +123,7 @@ var SSpace = function SSpace(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -175,7 +175,7 @@ var Project = function Project(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -225,7 +225,7 @@ var Space = function Space(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -275,7 +275,7 @@ var SpaceOpen = function SpaceOpen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -327,7 +327,7 @@ var Folder = function Folder(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -377,7 +377,7 @@ var FolderOpen = function FolderOpen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -427,7 +427,7 @@ var Dashboard = function Dashboard(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -477,7 +477,7 @@ var Card = function Card(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -527,7 +527,7 @@ var DashboardMgr = function DashboardMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -587,7 +587,7 @@ var ProjectMgr = function ProjectMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -641,7 +641,7 @@ var Usertag = function Usertag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -695,7 +695,7 @@ var UPropMgr = function UPropMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -755,7 +755,7 @@ var EventMgr = function EventMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -807,7 +807,7 @@ var EventPropMgr = function EventPropMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -863,7 +863,7 @@ var VProperty = function VProperty(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -919,7 +919,7 @@ var Sql1 = function Sql1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -973,7 +973,7 @@ var Sql2 = function Sql2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1033,7 +1033,7 @@ var Sql3 = function Sql3(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1083,7 +1083,7 @@ var MEvent = function MEvent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1141,7 +1141,7 @@ var MRetention = function MRetention(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1201,7 +1201,7 @@ var MFunnel = function MFunnel(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1255,7 +1255,7 @@ var MDistribution = function MDistribution(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1315,7 +1315,7 @@ var MInterval = function MInterval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1371,7 +1371,7 @@ var MFlow = function MFlow(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1425,7 +1425,7 @@ var MSql = function MSql(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1485,7 +1485,7 @@ var UTag = function UTag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1541,7 +1541,7 @@ var MProperty = function MProperty(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1599,7 +1599,7 @@ var UGroup = function UGroup(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1657,7 +1657,7 @@ var User1 = function User1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1713,7 +1713,7 @@ var User1Fill = function User1Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1763,7 +1763,7 @@ var User2 = function User2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1813,7 +1813,7 @@ var UserSettings = function UserSettings(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1863,7 +1863,7 @@ var GroupA2b = function GroupA2b(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1913,7 +1913,7 @@ var Group = function Group(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -1963,7 +1963,7 @@ var GroupFill = function GroupFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2013,7 +2013,7 @@ var GroupFill2 = function GroupFill2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2063,7 +2063,7 @@ var GroupAddFill = function GroupAddFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2113,7 +2113,7 @@ var UserAddFill = function UserAddFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2163,7 +2163,7 @@ var UploadId = function UploadId(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2215,7 +2215,7 @@ var IdFreeze = function IdFreeze(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2275,7 +2275,7 @@ var Education = function Education(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2329,7 +2329,7 @@ var EducationFill = function EducationFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2383,7 +2383,7 @@ var Game = function Game(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2437,7 +2437,7 @@ var GameFill = function GameFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2487,7 +2487,7 @@ var Shop = function Shop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2537,7 +2537,7 @@ var ShopFill = function ShopFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2587,7 +2587,7 @@ var Earth = function Earth(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2637,7 +2637,7 @@ var TdLogo = function TdLogo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2695,7 +2695,7 @@ var Language = function Language(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2745,7 +2745,7 @@ var Calendar = function Calendar(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2795,7 +2795,7 @@ var Server = function Server(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2845,7 +2845,7 @@ var Desktop = function Desktop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2895,7 +2895,7 @@ var Demo = function Demo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2947,7 +2947,7 @@ var Cellphone = function Cellphone(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -2999,7 +2999,7 @@ var Landscape = function Landscape(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3053,7 +3053,7 @@ var Email = function Email(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3103,7 +3103,7 @@ var Clock = function Clock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3155,7 +3155,7 @@ var Password = function Password(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3205,7 +3205,7 @@ var ResetPassword = function ResetPassword(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3255,7 +3255,7 @@ var Private = function Private(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3305,7 +3305,7 @@ var Bell = function Bell(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3357,7 +3357,7 @@ var Logout = function Logout(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3409,7 +3409,7 @@ var Speed = function Speed(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3459,7 +3459,7 @@ var Mfa = function Mfa(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3509,7 +3509,7 @@ var Tracking = function Tracking(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3569,7 +3569,7 @@ var Forewarning = function Forewarning(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3623,7 +3623,7 @@ var SystemMgr = function SystemMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3677,7 +3677,7 @@ var Pattern = function Pattern(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3735,7 +3735,7 @@ var Debug = function Debug(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3785,7 +3785,7 @@ var Live = function Live(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3835,7 +3835,7 @@ var Plug = function Plug(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3885,7 +3885,7 @@ var Application = function Application(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3945,7 +3945,7 @@ var Gift = function Gift(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -3995,7 +3995,7 @@ var Usb = function Usb(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4045,7 +4045,7 @@ var Location = function Location(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4099,7 +4099,7 @@ var ShieldCheck = function ShieldCheck(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4149,7 +4149,7 @@ var ShieldCross = function ShieldCross(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4199,7 +4199,7 @@ var ShieldKeyhole = function ShieldKeyhole(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4249,7 +4249,7 @@ var Analysis = function Analysis(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4299,7 +4299,7 @@ var Filter = function Filter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4349,7 +4349,7 @@ var Filter2 = function Filter2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4399,7 +4399,7 @@ var ParallelFilter = function ParallelFilter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4451,7 +4451,7 @@ var Expression = function Expression(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4501,7 +4501,7 @@ var Expression2 = function Expression2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4553,7 +4553,7 @@ var FirstLast = function FirstLast(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4603,7 +4603,7 @@ var RelatedProp = function RelatedProp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4653,7 +4653,7 @@ var SortRise = function SortRise(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4707,7 +4707,7 @@ var SortDrop = function SortDrop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4761,7 +4761,7 @@ var Ascent = function Ascent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4811,7 +4811,7 @@ var Descent = function Descent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4861,7 +4861,7 @@ var SortA2z = function SortA2z(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4915,7 +4915,7 @@ var SortZ2a = function SortZ2a(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -4969,7 +4969,7 @@ var Sort = function Sort(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5019,7 +5019,7 @@ var Index = function Index(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5079,7 +5079,7 @@ var TA2b = function TA2b(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5129,7 +5129,7 @@ var TX2y = function TX2y(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5183,7 +5183,7 @@ var Parameter = function Parameter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5239,7 +5239,7 @@ var Groups = function Groups(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5289,7 +5289,7 @@ var EventTree = function EventTree(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5339,7 +5339,7 @@ var Split = function Split(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5389,7 +5389,7 @@ var CustomPartition = function CustomPartition(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5439,7 +5439,7 @@ var Result = function Result(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5493,7 +5493,7 @@ var Alert = function Alert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5545,7 +5545,7 @@ var ViewOriginal = function ViewOriginal(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5602,7 +5602,7 @@ var Attribution = function Attribution(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5654,7 +5654,7 @@ var Cost = function Cost(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5704,7 +5704,7 @@ var Exposure = function Exposure(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5754,7 +5754,7 @@ var Indicator = function Indicator(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5806,7 +5806,7 @@ var OperatorEqual = function OperatorEqual(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5858,7 +5858,7 @@ var OperatorUnequal = function OperatorUnequal(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5910,7 +5910,7 @@ var OperatorDivide = function OperatorDivide(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -5960,7 +5960,7 @@ var OperatorNoValue = function OperatorNoValue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6012,7 +6012,7 @@ var OperatorHasValue = function OperatorHasValue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6064,7 +6064,7 @@ var OperatorInside = function OperatorInside(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6114,7 +6114,7 @@ var OperatorInclude = function OperatorInclude(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6166,7 +6166,7 @@ var OperatorNotInclude = function OperatorNotInclude(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6225,7 +6225,7 @@ var OperatorLess = function OperatorLess(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6277,7 +6277,7 @@ var OperatorNoBigger = function OperatorNoBigger(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6329,7 +6329,7 @@ var OperatorBigger = function OperatorBigger(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6381,7 +6381,7 @@ var OperatorNoLess = function OperatorNoLess(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6433,7 +6433,7 @@ var OperatorTrue = function OperatorTrue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6485,7 +6485,7 @@ var OperatorFalse = function OperatorFalse(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6537,7 +6537,7 @@ var OperatorRegex = function OperatorRegex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6589,7 +6589,7 @@ var OperatorNoRegex = function OperatorNoRegex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6641,7 +6641,7 @@ var LogoDingdingCl = function LogoDingdingCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6692,7 +6692,7 @@ var LogoDingdingGray = function LogoDingdingGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6742,7 +6742,7 @@ var LogoWecomCl = function LogoWecomCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6805,7 +6805,7 @@ var LogoWecomGray = function LogoWecomGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6855,7 +6855,7 @@ var LogoWechatCl = function LogoWechatCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6914,7 +6914,7 @@ var LogoWechatGray = function LogoWechatGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -6971,7 +6971,7 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7039,7 +7039,7 @@ var LogoKingCl = function LogoKingCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7090,7 +7090,7 @@ var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7145,7 +7145,7 @@ var Info = function Info(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7199,7 +7199,7 @@ var Help = function Help(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7249,7 +7249,7 @@ var History = function History(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7299,7 +7299,7 @@ var Backup = function Backup(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7351,7 +7351,7 @@ var Error = function Error(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7405,7 +7405,7 @@ var ErrorFill = function ErrorFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7455,7 +7455,7 @@ var Error2 = function Error2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7507,7 +7507,7 @@ var Error2Fill = function Error2Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7559,7 +7559,7 @@ var Success = function Success(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7609,7 +7609,7 @@ var SuccessFill = function SuccessFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7661,7 +7661,7 @@ var Delete2 = function Delete2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7711,7 +7711,7 @@ var Delete2Fill = function Delete2Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7761,7 +7761,7 @@ var Exchange = function Exchange(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7811,7 +7811,7 @@ var SwapFill = function SwapFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7861,7 +7861,7 @@ var Processing = function Processing(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7911,7 +7911,7 @@ var Processing2 = function Processing2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -7963,7 +7963,7 @@ var Done = function Done(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8013,7 +8013,7 @@ var Close = function Close(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8063,7 +8063,7 @@ var StarOutline = function StarOutline(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8113,7 +8113,7 @@ var StarFill = function StarFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8163,7 +8163,7 @@ var TimeLock = function TimeLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8213,7 +8213,7 @@ var Heart = function Heart(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8263,7 +8263,7 @@ var Bookmark = function Bookmark(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8313,7 +8313,7 @@ var Bookmark2 = function Bookmark2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8363,7 +8363,7 @@ var LockClose = function LockClose(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8417,7 +8417,7 @@ var LockCloseFill = function LockCloseFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8467,7 +8467,7 @@ var LockOpen = function LockOpen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8517,7 +8517,7 @@ var LockOpenFill = function LockOpenFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8567,7 +8567,7 @@ var EyeOn = function EyeOn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8617,7 +8617,7 @@ var EyeOnFill = function EyeOnFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8669,7 +8669,7 @@ var EyeOff = function EyeOff(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8719,7 +8719,7 @@ var EyeOffFill = function EyeOffFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8771,7 +8771,7 @@ var Dot = function Dot(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8823,7 +8823,7 @@ var Anchor = function Anchor(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8873,7 +8873,7 @@ var ChartLine = function ChartLine(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8929,7 +8929,7 @@ var ChartBar = function ChartBar(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -8983,7 +8983,7 @@ var ChartCum = function ChartCum(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9043,7 +9043,7 @@ var ChartPie = function ChartPie(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9095,7 +9095,7 @@ var ChartDNRe = function ChartDNRe(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9157,7 +9157,7 @@ var ChartDRe = function ChartDRe(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9219,7 +9219,7 @@ var ChartFunnel = function ChartFunnel(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9273,7 +9273,7 @@ var ChartInterval = function ChartInterval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9325,7 +9325,7 @@ var ChartStack = function ChartStack(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9377,7 +9377,7 @@ var ChartStackn = function ChartStackn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9429,7 +9429,7 @@ var ChartStackPerc = function ChartStackPerc(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9481,7 +9481,7 @@ var ChartComplex = function ChartComplex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9539,7 +9539,7 @@ var ChartHistogram = function ChartHistogram(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9603,7 +9603,7 @@ var ChartTable = function ChartTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9653,7 +9653,7 @@ var ChartFieldlist = function ChartFieldlist(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9703,7 +9703,7 @@ var Table1dtable = function Table1dtable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9771,7 +9771,7 @@ var ChartSqltable = function ChartSqltable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9821,7 +9821,7 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9871,7 +9871,7 @@ var ChartDistTable = function ChartDistTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9921,7 +9921,7 @@ var ChartBarTable = function ChartBarTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -9973,7 +9973,7 @@ var ChartLineTable = function ChartLineTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10031,7 +10031,7 @@ var Play = function Play(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10081,7 +10081,7 @@ var Config = function Config(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10131,7 +10131,7 @@ var Setting = function Setting(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10181,7 +10181,7 @@ var Search = function Search(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10231,7 +10231,7 @@ var Copy = function Copy(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10281,7 +10281,7 @@ var Copy2 = function Copy2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10331,7 +10331,7 @@ var Format = function Format(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10383,7 +10383,7 @@ var Code = function Code(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10433,7 +10433,7 @@ var Edit = function Edit(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10483,7 +10483,7 @@ var EditFill = function EditFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10535,7 +10535,7 @@ var Delete1 = function Delete1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10585,7 +10585,7 @@ var Save = function Save(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10635,7 +10635,7 @@ var Send = function Send(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10685,7 +10685,7 @@ var Fullscreen = function Fullscreen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10735,7 +10735,7 @@ var ArrowLeftDown = function ArrowLeftDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10785,7 +10785,7 @@ var Link = function Link(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10839,7 +10839,7 @@ var Unlink = function Unlink(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10895,7 +10895,7 @@ var MenuUnfold = function MenuUnfold(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10945,7 +10945,7 @@ var MenuFold = function MenuFold(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -10995,7 +10995,7 @@ var List = function List(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11045,7 +11045,7 @@ var ListNested = function ListNested(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11097,7 +11097,7 @@ var DoubleList = function DoubleList(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11157,7 +11157,7 @@ var Download = function Download(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11207,7 +11207,7 @@ var FullDownload = function FullDownload(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11259,7 +11259,7 @@ var Export = function Export(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11311,7 +11311,7 @@ var Import = function Import(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11363,7 +11363,7 @@ var Add1 = function Add1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11413,7 +11413,7 @@ var Add2 = function Add2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11463,7 +11463,7 @@ var Add3 = function Add3(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11513,7 +11513,7 @@ var Add3Fill = function Add3Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11563,7 +11563,7 @@ var Subtract = function Subtract(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11616,7 +11616,7 @@ var Subtract2 = function Subtract2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11670,7 +11670,7 @@ var Report = function Report(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11720,7 +11720,7 @@ var ReportRemoval = function ReportRemoval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11778,7 +11778,7 @@ var FileAdd = function FileAdd(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11828,7 +11828,7 @@ var FileRemove = function FileRemove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11880,7 +11880,7 @@ var FileExport = function FileExport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11930,7 +11930,7 @@ var FileMove = function FileMove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -11980,7 +11980,7 @@ var FileImport = function FileImport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12030,7 +12030,7 @@ var FileInfo = function FileInfo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12080,7 +12080,7 @@ var FileConvert = function FileConvert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12136,7 +12136,7 @@ var FileLock = function FileLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12186,7 +12186,7 @@ var Detail = function Detail(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12236,7 +12236,7 @@ var MessageCenter = function MessageCenter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12294,7 +12294,7 @@ var SystemMsg = function SystemMsg(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12350,7 +12350,7 @@ var Comment = function Comment(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12404,7 +12404,7 @@ var Book = function Book(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12454,7 +12454,7 @@ var Book2 = function Book2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12504,7 +12504,7 @@ var FilePdf = function FilePdf(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12554,7 +12554,7 @@ var Sticker = function Sticker(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12604,7 +12604,7 @@ var StickerFill = function StickerFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12654,7 +12654,7 @@ var EventSm = function EventSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12704,7 +12704,7 @@ var EPropertySm = function EPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12762,7 +12762,7 @@ var UPropertySm = function UPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12820,7 +12820,7 @@ var UGroupSm = function UGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12884,7 +12884,7 @@ var UTagSm = function UTagSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12938,7 +12938,7 @@ var AllGroupSm = function AllGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -12994,7 +12994,7 @@ var CalendarSm = function CalendarSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13044,7 +13044,7 @@ var GroupAddSm = function GroupAddSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13100,7 +13100,7 @@ var BooleanSm = function BooleanSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13152,7 +13152,7 @@ var ListSm = function ListSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13212,7 +13212,7 @@ var ArrayRowsSm = function ArrayRowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13264,7 +13264,7 @@ var RowsSm = function RowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13324,7 +13324,7 @@ var VPropertySm = function VPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13380,7 +13380,7 @@ var StringSm = function StringSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13432,7 +13432,7 @@ var NumSm = function NumSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13484,7 +13484,7 @@ var TimeSm = function TimeSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13536,7 +13536,7 @@ var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13586,7 +13586,7 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13636,7 +13636,7 @@ var ArrowUp = function ArrowUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13686,7 +13686,7 @@ var ArrowDown = function ArrowDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13736,7 +13736,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13786,7 +13786,7 @@ var ArrowRight2 = function ArrowRight2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13836,7 +13836,7 @@ var ArrowUp2 = function ArrowUp2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13886,7 +13886,7 @@ var ArrowDown2 = function ArrowDown2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13936,7 +13936,7 @@ var TriLeft = function TriLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -13986,7 +13986,7 @@ var TriRight = function TriRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14036,7 +14036,7 @@ var TriUp = function TriUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14086,7 +14086,7 @@ var TriDown = function TriDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14136,7 +14136,7 @@ var DArrowL = function DArrowL(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14188,7 +14188,7 @@ var DArrowR = function DArrowR(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14240,7 +14240,7 @@ var DArrowT = function DArrowT(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14292,7 +14292,7 @@ var DArrowB = function DArrowB(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14344,7 +14344,7 @@ var DropDown = function DropDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14394,7 +14394,7 @@ var DropUp = function DropUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14444,7 +14444,7 @@ var More1 = function More1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14494,7 +14494,7 @@ var More2 = function More2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14544,7 +14544,7 @@ var Drag = function Drag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14604,7 +14604,7 @@ var Drag2 = function Drag2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14658,7 +14658,7 @@ var External = function External(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14708,7 +14708,7 @@ var DisplayS = function DisplayS(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14760,7 +14760,7 @@ var Share = function Share(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
@@ -14810,7 +14810,7 @@ var Placeholder = function Placeholder(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className,
     style: {
-      display: 'flex',
+      display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center'
     }