@snack-uikit/card 0.20.12 → 0.20.14

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>0.20.14 (2026-02-18)</small>
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.27.6]($PUBLIC_PROJECT_URL/blob/master/packages/icons/CHANGELOG.md)
+* [@snack-uikit/list@0.32.13]($PUBLIC_PROJECT_URL/blob/master/packages/list/CHANGELOG.md)
+* [@snack-uikit/tag@0.15.14]($PUBLIC_PROJECT_URL/blob/master/packages/tag/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.7.8]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
+## <small>0.20.13 (2026-01-19)</small>
+
+* chore(FF-6693): migrate tests from TestCafe to Playwright ([f32aff8](https://github.com/cloud-ru-tech/snack-uikit/commit/f32aff8))
+* chore(FF-6693): tune test configs ([d194f4d](https://github.com/cloud-ru-tech/snack-uikit/commit/d194f4d))
+* docs(FF-7788): readme update ([e3142b8](https://github.com/cloud-ru-tech/snack-uikit/commit/e3142b8))
+
+
+
+
+
 ## <small>0.20.12 (2025-12-06)</small>
 
 ### Only dependencies have been changed

package/README.md

@@ -5,21 +5,52 @@
 
 [Changelog](./CHANGELOG.md)
 
+## Description
+
+- Пакет `@snack-uikit/card` предоставляет компонент `Card` для отображения структурированной информации в виде карточек с поддержкой интерактивности, выбора и различных вариантов оформления.
+- Компонент поддерживает три размера (`s`, `m`, `l`), состояния выбора (`checked`), интерактивности (`disabled`), обводки (`outline`) и может работать как ссылка через проп `href`.
+- Карточка собирается из основных частей: заголовка (`Card.Header`), изображения (`Card.Image`), произвольного контента (`children`), футера (`Card.Footer`) и функционального бейджа (`Card.FunctionBadge`).
+- Заголовок (`Card.Header`) отображает заголовок, описание и метаинформацию с поддержкой усечения текста и эмблемы (иконка или картинка).
+- Изображение (`Card.Image`) поддерживает три режима отображения: маленькое (`little`), среднее (`middle`) и фоновое (`background`) с опциональным эффектом затемнения.
+- Футер (`Card.Footer`) имеет три варианта: промо-футер (`Card.Footer.Promo`) с кнопкой и блоком значений, футер с действиями (`Card.Footer.Action`) с основной и вторичной кнопками, и призыв к действию (`Card.Footer.CallToAction`) с текстом и иконкой.
+- Функциональный бейдж (`Card.FunctionBadge`) отображает выпадающее меню с опциями и появляется при наведении на карточку или может быть всегда видимым через проп `badgeAlwaysVisible`.
+- Компонент поддерживает режим массового выделения (`multipleSelection`) с отображением галочки при выборе, промо-бейдж для акций и полную поддержку клавиатурной навигации.
+- Figma: [`Card`](https://www.figma.com/file/jtGxAPvFJOMir7V0eQFukN/Snack-UI-Kit-1.1.0?node-id=41%3A214604&mode=design).
+
 ## Example
 
-```typescript jsx
-import { Card, SearchPrivate } from "@snack-uikit/card";
-
-  <Card
-    checked={checked}
-    onClick={handleClick}
-    image={<Card.Image {...cardImageProps}/>}
-    header={<Card.Header {...cardHeaderProps} />}
-    footer={<Card.Footer {...cardFooterProps}/>}
-    functionBadge={<Card.FunctionBadge {...cardFunctionBadgeProps} />}
-  >
-    <ContentElement />
-  </Card>
+```tsx
+import { useState } from 'react';
+import { Card } from '@snack-uikit/card';
+import { KebabSVG, PlaceholderSVG } from '@snack-uikit/icons';
+
+function Example() {
+  const [checked, setChecked] = useState(false);
+
+  return (
+    <Card
+      size="m"
+      checked={checked}
+      onClick={() => setChecked(!checked)}
+      multipleSelection
+      image={<Card.Image mode="little" src="/image.jpg" alt="Product image" />}
+      header={
+        <Card.Header
+          title="Название карточки"
+          description="Описание карточки с подробной информацией"
+          metadata="Метаинформация"
+          emblem={{ icon: PlaceholderSVG }}
+          truncate={{ title: 1, description: 2, metadata: 1 }}
+        />
+      }
+      footer={<Card.Footer.Promo button={{ label: 'Действие', onClick: () => {} }} />}
+      functionBadge={<Card.FunctionBadge icon={<KebabSVG />} options={[]} />}
+      promoBadge="Акция"
+    >
+      Дополнительный контент карточки
+    </Card>
+  );
+}
 ```
 
 [//]: DOCUMENTATION_SECTION_START

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Card",
-  "version": "0.20.12",
+  "version": "0.20.14",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,17 +36,17 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.19.16",
-    "@snack-uikit/icon-predefined": "0.7.10",
-    "@snack-uikit/icons": "0.27.4",
-    "@snack-uikit/list": "0.32.11",
-    "@snack-uikit/promo-tag": "0.7.8",
-    "@snack-uikit/tag": "0.15.12",
-    "@snack-uikit/truncate-string": "0.7.6",
-    "@snack-uikit/typography": "0.8.11",
-    "@snack-uikit/utils": "4.0.0",
+    "@snack-uikit/button": "0.19.17",
+    "@snack-uikit/icon-predefined": "0.7.11",
+    "@snack-uikit/icons": "0.27.6",
+    "@snack-uikit/list": "0.32.13",
+    "@snack-uikit/promo-tag": "0.7.9",
+    "@snack-uikit/tag": "0.15.14",
+    "@snack-uikit/truncate-string": "0.7.8",
+    "@snack-uikit/typography": "0.8.12",
+    "@snack-uikit/utils": "4.0.1",
     "classnames": "2.5.1",
     "merge-refs": "1.3.0"
   },
-  "gitHead": "78bb9c9dd3a49941fa39bde71d838e9bf036e65d"
+  "gitHead": "17b72086167d3d6503e4e74142358765230478c8"
 }