@meduza/ui-kit-2 1.1.3 → 1.3.0

package/dist/ui-kit.css

@@ -410,9 +410,7 @@
 }
 
 .SvgSymbol-module_card__2nVFu,
-.SvgSymbol-module_podcast__Yp05r,
-.SvgSymbol-module_read__Bu653,
-.SvgSymbol-module_listened__AOn7j {
+.SvgSymbol-module_podcast__Yp05r {
   width: 15px;
   height: 15px;
 }
@@ -553,32 +551,6 @@
 }
   }
 
-.SvgSymbol-module_bookmark__JPKyG {
-  cursor: pointer;
-
-  stroke-width: 2px;
-}
-
-@media only screen and (min-width: 64em) {
-
-.SvgSymbol-module_bookmark__JPKyG {
-    stroke-width: 1.5px;
-}
-  }
-
-.SvgSymbol-module_shareBookmark__7w9X9 {
-  width: 11px;
-  height: auto;
-
-  cursor: pointer;
-
-  stroke-width: 1.2px;
-}
-
-.SvgSymbol-module_isInToolbar__RzbaX.SvgSymbol-module_bookmark__JPKyG {
-  width: 14px;
-}
-
 .SvgSymbol-module_receipt__o3V8u {
   width: 10px;
   height: 13px;
@@ -1286,7 +1258,6 @@
 @media only screen and (min-width: 64em) {
 
 .Tag-module_large__EKMu6 {
-
     font-size: 14px;
     line-height: 16px;
     letter-spacing: 1px;
@@ -1318,7 +1289,6 @@
 .Tag-module_is1to1__V-fH5,
 .Tag-module_is1to2__b9Obh,
 .Tag-module_isInSuperBlock__wrFUY {
-
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 1px;
@@ -1329,7 +1299,6 @@
 
 .Tag-module_is1to3__vZT-R,
 .Tag-module_is1to4__MBh5V {
-
     font-size: 10px;
     line-height: 15px;
     letter-spacing: 0.5px;
@@ -1376,6 +1345,12 @@
 }
   }
 
+.Tag-module_isInBlockMetaContainer__bAmLh {
+  margin-top: -1px;
+
+  line-height: 15px;
+}
+
 .Tag-module_slide__gzptP,
 .Tag-module_game__NmKec,
 .Tag-module_card__TX87-,
@@ -1408,10 +1383,12 @@
 }
 
 .Tag-module_isInPodcastPlayer__H4sK9 {
+  margin-bottom: 6px;
+
   font-size: 12px;
   line-height: 12px;
+
   opacity: 1;
-  margin-bottom: 6px;
 }
 
 @media only screen and (min-width: 32em) {
@@ -2043,57 +2020,6 @@
 }
   }
 
-.BookmarkButton-module_root__A-75w {
-  color: #e0e0e0;
-}
-
-.BookmarkButton-module_control__-xy5O {
-  margin: 0;
-  padding: 5px 3px;
-
-  color: inherit;
-
-  background-color: transparent;
-  border-width: 0;
-  outline: none;
-
-  cursor: pointer;
-
-  -webkit-appearance: none;
-
-     -moz-appearance: none;
-
-          appearance: none;
-  fill: transparent;
-}
-
-.BookmarkButton-module_dark__GkMEC {
-  color: #fff;
-}
-
-.BookmarkButton-module_light__1W6tx {
-  color: #000;
-}
-
-.BookmarkButton-module_isInBookmarks__YSjjj .BookmarkButton-module_control__-xy5O {
-  fill: #e0e0e0;
-}
-
-.BookmarkButton-module_isInBookmarks__YSjjj.BookmarkButton-module_dark__GkMEC .BookmarkButton-module_control__-xy5O {
-  fill: #fff;
-}
-
-.BookmarkButton-module_isInBookmarks__YSjjj.BookmarkButton-module_light__1W6tx .BookmarkButton-module_control__-xy5O {
-  fill: #000;
-}
-
-@media only screen and (min-width: 64em) {
-
-.BookmarkButton-module_isInGrid__Desh- .BookmarkButton-module_control__-xy5O svg {
-    width: 12px;
-}
-  }
-
 .MaterialTitle-module_root__VSphO {
   display: block;
 }
@@ -2493,20 +2419,6 @@
 }
   }
 
-.Meta-module_bookmark__jcFWn {
-  position: absolute;
-  right: -12px;
-  bottom: -4px;
-  z-index: 10;
-}
-
-@media only screen and (min-width: 32em) {
-
-.Meta-module_bookmark__jcFWn {
-    display: none;
-}
-  }
-
 .Meta-module_isInBookRelated__Ohidg {
   opacity: 0.5;
 }
@@ -3261,7 +3173,6 @@
 @media only screen and (max-width: 63.9375em) {
 
 .RichTitle-module_featured__ULNQn {
-
     font-size: 28px;
     line-height: 30px;
     letter-spacing: 0.3px;
@@ -3280,6 +3191,28 @@
 }
   }
 
+@media only screen and (max-width: 63.9375em) {
+
+.RichTitle-module_isInFeaturedBlock__3vYu9 {
+    margin-bottom: 16px;
+
+    font-size: 22px;
+    line-height: 110%;
+}
+  }
+
+@media only screen and (max-width: 63.9375em) {
+
+.RichTitle-module_isInFeaturedBlock__3vYu9 span {
+    display: block;
+
+    padding-top: 4px;
+
+    font-size: 18px;
+    line-height: 120%;
+}
+  }
+
 .RichTitle-module_isInMediaBlock__2h6rl {
   text-align: left;
 }
@@ -3322,9 +3255,10 @@
 @media only screen and (min-width: 64em) {
 
 .RichTitle-module_isInBookRelated__LcCPV {
+    margin: 6px 0 18px;
+
     font-size: 27px;
     line-height: 32px;
-    margin: 6px 0 18px;
 }
   }
 
@@ -3341,9 +3275,10 @@
   }
 
 .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
+  margin: 0 0 20px;
+
   font-size: 19px;
   line-height: 23px;
-  margin: 0 0 20px;
 }
 
 @media only screen and (min-width: 48em) {
@@ -4745,7 +4680,7 @@ a mark {
 .MetaItem-module_root__sRbrZ {
   display: inline;
 
-  margin-right: 15px;
+  margin-right: 6px;
 }
 
 .MetaItem-module_root__sRbrZ > svg {
@@ -4753,21 +4688,23 @@ a mark {
 
   margin-right: 1px;
 
-  vertical-align: top;
-
   color: inherit;
 
+  vertical-align: top;
+
   fill: currentColor;
 }
 
 .MetaItem-module_root__sRbrZ a {
   display: inline;
 
-  text-decoration: underline;
-
   color: inherit;
 
+  text-decoration: underline;
+
   -webkit-text-decoration-skip: auto;
+
+          text-decoration-skip: auto;
 }
 
 .MetaItem-module_root__sRbrZ a:hover {
@@ -4816,17 +4753,7 @@ a mark {
 
 @media only screen and (max-width: 32.1875em) {
 
-.MetaItem-module_hasSource__35olm.MetaItem-module_listened__XZWFQ::before,
-.MetaItem-module_hasSource__35olm.MetaItem-module_read__O3cUz::before {
-    display: inline-block;
-}
-  }
-
-@media only screen and (max-width: 32.1875em) {
-
-.MetaItem-module_datetime__--O8c,
-.MetaItem-module_listened__XZWFQ,
-.MetaItem-module_read__O3cUz {
+.MetaItem-module_datetime__--O8c {
     width: auto;
 }
   }
@@ -4838,27 +4765,16 @@ a mark {
 }
   }
 
-@media only screen and (max-width: 32.1875em) {
-
-.MetaItem-module_hasSource__35olm.MetaItem-module_listened__XZWFQ,
-.MetaItem-module_hasSource__35olm.MetaItem-module_read__O3cUz {
-    order: -1;
-
-    margin-top: 0;
-}
-  }
-
-.MetaItem-module_read__O3cUz svg {
-  margin-top: -1px;
+.MetaItem-module_tag__3HzOp + .MetaItem-module_hasBullets__b1eW9::before {
+  content: none;
 }
 
 .MetaItemLive-module_root__XfQiW {
   position: relative;
 
-  display: inline-block;
-
-  width: 18px;
-  height: 18px;
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
 
   vertical-align: middle;
 }
@@ -4867,110 +4783,36 @@ a mark {
   color: #b88b59;
 }
 
-.MetaItemLive-module_root__XfQiW::before,
-.MetaItemLive-module_root__XfQiW::after,
-.MetaItemLive-module_frame__FHByQ {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 0;
-}
-
-.MetaItemLive-module_root__XfQiW {
-  margin-top: -4px;
-  margin-right: 1px;
-
-  transform: translateY(1px);
-}
-
-.MetaItemLive-module_root__XfQiW::before,
-.MetaItemLive-module_root__XfQiW::after,
-.MetaItemLive-module_frame__FHByQ {
-
-  border-radius: 50%;
-  transform: scale(0);
-
-  animation-duration: 1.05s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-}
-
-.MetaItemLive-module_frame__FHByQ {
-
-  background: currentColor;
-
-  animation-name: MetaItemLive-module_liveMiddle__SX4Gs;
-}
-
-.MetaItemLive-module_root__XfQiW::before,
-.MetaItemLive-module_root__XfQiW::after {
-
-  border: 1px solid currentColor;
-
-  content: '';
-}
+.MetaItemLive-module_icon__JIMLl {
+  width: 10px;
+  height: 10px;
+  margin-top: -1px;
 
-.MetaItemLive-module_root__XfQiW::before {
-  animation-name: MetaItemLive-module_liveFirstWave__QqstP;
-}
+  background-color: #ff4e4e;
+  border-radius: 5px;
 
-.MetaItemLive-module_root__XfQiW::after {
-  animation-name: MetaItemLive-module_liveSecondWave__hlbpt;
+  animation: MetaItemLive-module_pulse__zzrle 2s infinite ease-out;
 }
 
-@keyframes MetaItemLive-module_liveMiddle__SX4Gs {
-  14% {
-    transform: scale(0);
-  }
-
-  30% {
-    transform: scale(0.22);
-  }
-
-  63% {
-    transform: scale(0.22);
-  }
-
-  70% {
-    transform: scale(0);
-  }
-
-  100% {
-    transform: scale(0);
-  }
+.MetaItemLive-module_text__wgLcT {
+  color: #ff4e4e;
+  font-weight: 600;
+  font-size: 12px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
 }
 
-@keyframes MetaItemLive-module_liveFirstWave__QqstP {
-  21% {
-    transform: scale(0.1);
-  }
-
-  53% {
-    transform: scale(0.33);
+@keyframes MetaItemLive-module_pulse__zzrle {
+  0% {
+    opacity: 1;
   }
 
-  100% {
-    transform: scale(0.66);
-
+  50% {
     opacity: 0;
   }
-}
-
-@keyframes MetaItemLive-module_liveSecondWave__hlbpt {
-  21% {
-    transform: scale(0.22);
-  }
-
-  53% {
-    transform: scale(0.55);
-  }
 
   100% {
-    transform: scale(0.88);
-
-    opacity: 0;
+    opacity: 1;
   }
 }
 
@@ -5645,7 +5487,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
 }
 
 .Cover-module_rich__YcxWa {
-
   margin: 0 -20px;
   overflow: hidden;
 
@@ -5700,28 +5541,12 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
 
 .Cover-module_isInDynamicBlock__qO-yt {
   overflow: hidden;
-
-  border-radius: 8px;
 }
 
 .Cover-module_isInDynamicBlock__qO-yt .Cover-module_body__eJpUI {
   padding: 0 12px 12px;
 }
 
-.Cover-module_isInDynamicBlock__qO-yt::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-
-  content: '';
-}
-
 /* VISIBILITY */
 
 @media only screen and (min-width: 32em) {
@@ -7141,18 +6966,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
   fill: #fff;
 }
 
-.ToolbarButton-module_isDark__gWpv-.ToolbarButton-module_bookmark__7SWkm svg,
-.ToolbarButton-module_dark__5XOEp.ToolbarButton-module_bookmark__7SWkm svg {
-  color: #fff;
-
-  fill: transparent;
-}
-
-.ToolbarButton-module_isDark__gWpv-.ToolbarButton-module_bookmark__7SWkm.ToolbarButton-module_isActive__N4kkV svg,
-.ToolbarButton-module_dark__5XOEp.ToolbarButton-module_bookmark__7SWkm.ToolbarButton-module_isActive__N4kkV svg {
-  fill: currentColor;
-}
-
 .ToolbarButton-module_isDark__gWpv-::before,
 .ToolbarButton-module_dark__5XOEp::before {
   border-left-color: rgba(255, 255, 255, 0.2);
@@ -7188,10 +7001,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
   vertical-align: middle;
 }
 
-.ToolbarButton-module_bookmark__7SWkm {
-  fill: transparent;
-}
-
 .ToolbarButton-module_isActive__N4kkV {
   fill: currentColor;
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.3",
+  "version": "1.3.0",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -15,6 +15,17 @@
   "engines": {
     "node": ">=16"
   },
+  "scripts": {
+    "start": "dts watch --tsconfig ./tsconfig.build.json --mode development",
+    "build": "dts build --tsconfig ./tsconfig.build.json --mode production && node build.sh",
+    "generate": "plop --plopfile generators/index.js",
+    "test": "dts test --passWithNoTests",
+    "test:watch": "dts test --watch",
+    "test:coverage": "dts test --coverage",
+    "lint": "eslint src",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
   "peerDependencies": {
     "dayjs": "^1.10.3",
     "react": ">=16",
@@ -114,16 +125,5 @@
     "typescript": "^5.1.6",
     "typescript-plugin-css-modules": "^5.0.1",
     "utils": "^0.3.1"
-  },
-  "scripts": {
-    "start": "dts watch --tsconfig ./tsconfig.build.json --mode development",
-    "build": "dts build --tsconfig ./tsconfig.build.json --mode production && node build.sh",
-    "generate": "plop --plopfile generators/index.js",
-    "test": "dts test --passWithNoTests",
-    "test:watch": "dts test --watch",
-    "test:coverage": "dts test --coverage",
-    "lint": "eslint src",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
   }
-}
+}

package/src/Cover/Cover.module.css

@@ -22,7 +22,6 @@
 }
 
 .rich {
-
   margin: 0 -20px;
   overflow: hidden;
 
@@ -77,28 +76,12 @@
 
 .isInDynamicBlock {
   overflow: hidden;
-
-  border-radius: 8px;
 }
 
 .isInDynamicBlock .body {
   padding: 0 12px 12px;
 }
 
-.isInDynamicBlock::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-
-  content: '';
-}
-
 /* VISIBILITY */
 
 .mobile {

package/src/Meta/Meta.module.css

@@ -92,17 +92,6 @@
   }
 }
 
-.bookmark {
-  position: absolute;
-  right: -12px;
-  bottom: -4px;
-  z-index: 10;
-
-  @media $mobile {
-    display: none;
-  }
-}
-
 .isInBookRelated {
   opacity: 0.5;
 }

package/src/Meta/Meta.stories.tsx

@@ -31,9 +31,7 @@ const Example: React.FC = () => {
           </MetaItem>
           {['card', 'podcast'].map((type: 'card' | 'podcast') => (
             <MetaItem key={type}>
-              <DocumentItemsCount type={type} items={4}>
-                <SvgSymbol icon={type} size="small" />
-              </DocumentItemsCount>
+              <DocumentItemsCount type={type} items={4} />
             </MetaItem>
           ))}
         </Meta>

package/src/Meta/Meta.types.ts

@@ -1,13 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react'
-import { CallToActions } from '../types'
 export interface MetaContainerProps {
   block: any
   styleContext: string[] | string
-  isRead: boolean | undefined
-  isListened: boolean | undefined
-  isInBookmarks: boolean | undefined
-  bookmarkAction?: (service: CallToActions, place: string) => void
   lightBox?: () => void
   lang: 'ru' | 'en'
 }