@meduza/ui-kit-2 1.2.0 → 1.3.0

package/dist/MetaItem/MetaItem.types.d.ts

@@ -2,6 +2,6 @@ export interface MetaItemProps {
     bullets?: boolean;
     hasSource?: boolean;
     type?: string;
-    mobileOnly?: boolean;
+    variant?: 'tag';
     children: React.ReactNode | JSX.Element[] | JSX.Element;
 }

package/dist/MetaItemLive/MetaItemLive.types.d.ts

@@ -1,3 +1,4 @@
 export interface MetaItemLiveProps {
     theme?: 'gold' | 'light' | 'inherit';
+    children?: React.ReactNode;
 }

package/dist/ui-kit-2.cjs.development.js

@@ -1725,26 +1725,27 @@ const GroupedBlock = ({
   }))));
 };
 
-var styles$f = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","datetime":"MetaItem-module_datetime__--O8c","mobileOnly":"MetaItem-module_mobileOnly__VJCjl"};
+var styles$f = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","datetime":"MetaItem-module_datetime__--O8c","tag":"MetaItem-module_tag__3HzOp"};
 
 const MetaItem = ({
   hasSource,
   type,
   children,
   bullets,
-  mobileOnly
+  variant
 }) => {
-  const classNames = [[styles$f.root, true], [styles$f[type], !!type && !!styles$f[type]], [styles$f.hasSource, !!hasSource], [styles$f.hasBullets, !!bullets], [styles$f.mobileOnly, !!mobileOnly]];
+  const classNames = [[styles$f.root, true], [styles$f[type], !!type && !!styles$f[type]], [styles$f.hasSource, !!hasSource], [styles$f.hasBullets, !!bullets], [styles$f[variant], !!variant && !!styles$f[variant]]];
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta-item",
     className: makeClassName(classNames)
   }, children);
 };
 
-var styles$e = {"root":"MetaItemLive-module_root__XfQiW","gold":"MetaItemLive-module_gold__f1UOy","frame":"MetaItemLive-module_frame__FHByQ","liveMiddle":"MetaItemLive-module_liveMiddle__SX4Gs","liveFirstWave":"MetaItemLive-module_liveFirstWave__QqstP","liveSecondWave":"MetaItemLive-module_liveSecondWave__hlbpt"};
+var styles$e = {"root":"MetaItemLive-module_root__XfQiW","gold":"MetaItemLive-module_gold__f1UOy","icon":"MetaItemLive-module_icon__JIMLl","pulse":"MetaItemLive-module_pulse__zzrle","text":"MetaItemLive-module_text__wgLcT"};
 
 const MetaItemLive = ({
-  theme = 'gold'
+  theme = 'gold',
+  children
 }) => {
   const classNames = [[styles$e.root, true], [styles$e[theme], !!theme && styles$e[theme]]];
   return /*#__PURE__*/React.createElement("div", {
@@ -1752,8 +1753,10 @@ const MetaItemLive = ({
     "data-meta": "live",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$e.frame
-  }));
+    className: styles$e.icon
+  }), children && /*#__PURE__*/React.createElement("span", {
+    className: styles$e.text
+  }, children));
 };
 
 const pluralize = (number, one, two, five) => {
@@ -1894,7 +1897,7 @@ const MetaContainer = ({
             hasSource: hasSource,
             bullets: true,
             key: component.id
-          }, /*#__PURE__*/React.createElement(MetaItemLive, null), " \u041F\u0440\u044F\u043C\u043E\u0439 \u044D\u0444\u0438\u0440");
+          }, /*#__PURE__*/React.createElement(MetaItemLive, null, "\u041F\u0440\u044F\u043C\u043E\u0439 \u044D\u0444\u0438\u0440"));
         }
       case 'broadcast':
         {