@snack-uikit/card 0.20.23 → 0.21.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.21.0 (2026-07-15)
+
+
+### Features
+
+* **FF-8766:** add color prop on promoBage card ([978b93f](https://github.com/cloud-ru-tech/snack-uikit/commit/978b93fb5d7e660fc6de9dc3a8e3fb62eda1608e))
+
+
+
+
+
 ## 0.20.23 (2026-07-03)
 
 ### Only dependencies have been changed

package/README.md

@@ -66,7 +66,7 @@ function Example() {
 | multipleSelection | `boolean` | - | Отображение галочки для режима массового выделения карточек |
 | onClick | `(e: MouseEvent<HTMLDivElement \| HTMLAnchorElement, MouseEvent>) => void` | - | Колбек на клик по карточке |
 | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
-| promoBadge | `string \| Pick<PromoTagProps, "text" \| "appearance">` | - | PromoBadge |
+| promoBadge | `string \| Pick<PromoTagProps, "text" \| "appearance" \| "color">` | - | PromoBadge |
 | children | `ReactNode` | - | Вложенный контент |
 | header | `ReactElement<HeaderProps, string \| JSXElementConstructor<any>>` | - | Вложенный Header |
 | footer | `ReactNode` | - | Вложенный Footer |

package/dist/cjs/components/Card/Card.d.ts

@@ -19,7 +19,7 @@ export type CardProps = WithSupportProps<{
     /** Размер */
     size?: Size;
     /** PromoBadge */
-    promoBadge?: Pick<PromoTagProps, 'text' | 'appearance'> | string;
+    promoBadge?: Pick<PromoTagProps, 'text' | 'appearance' | 'color'> | string;
     /** Вложенный контент  */
     children?: ReactNode;
     /** Вложенный Header */
@@ -57,7 +57,7 @@ export declare const Card: import("react").ForwardRefExoticComponent<{
     /** Размер */
     size?: Size;
     /** PromoBadge */
-    promoBadge?: Pick<PromoTagProps, "text" | "appearance"> | string;
+    promoBadge?: Pick<PromoTagProps, "text" | "appearance" | "color"> | string;
     /** Вложенный контент  */
     children?: ReactNode;
     /** Вложенный Header */

package/dist/cjs/helperComponents/PromoBadge/PromoBadge.d.ts

@@ -1,3 +1,3 @@
 import { PromoTagProps } from '@snack-uikit/promo-tag';
-export type PromoBadgeProps = Pick<PromoTagProps, 'text' | 'appearance'>;
-export declare function PromoBadge({ text, appearance }: PromoBadgeProps): import("react/jsx-runtime").JSX.Element;
+export type PromoBadgeProps = Pick<PromoTagProps, 'text' | 'appearance' | 'color'>;
+export declare function PromoBadge({ text, appearance, color }: PromoBadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/PromoBadge/PromoBadge.js

@@ -16,12 +16,15 @@ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function PromoBadge(_ref) {
   let text = _ref.text,
     _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'primary' : _ref$appearance;
+    appearance = _ref$appearance === void 0 ? 'primary' : _ref$appearance,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'accent' : _ref$color;
   return (0, jsx_runtime_1.jsx)("div", {
     className: styles_module_scss_1.default.promoBadge,
     children: (0, jsx_runtime_1.jsx)(promo_tag_1.PromoTag, {
       appearance: appearance,
       text: text,
+      color: color,
       "data-test-id": constants_1.TEST_IDS.promoBadge,
       className: styles_module_scss_1.default.promoTag
     })

package/dist/esm/components/Card/Card.d.ts

@@ -19,7 +19,7 @@ export type CardProps = WithSupportProps<{
     /** Размер */
     size?: Size;
     /** PromoBadge */
-    promoBadge?: Pick<PromoTagProps, 'text' | 'appearance'> | string;
+    promoBadge?: Pick<PromoTagProps, 'text' | 'appearance' | 'color'> | string;
     /** Вложенный контент  */
     children?: ReactNode;
     /** Вложенный Header */
@@ -57,7 +57,7 @@ export declare const Card: import("react").ForwardRefExoticComponent<{
     /** Размер */
     size?: Size;
     /** PromoBadge */
-    promoBadge?: Pick<PromoTagProps, "text" | "appearance"> | string;
+    promoBadge?: Pick<PromoTagProps, "text" | "appearance" | "color"> | string;
     /** Вложенный контент  */
     children?: ReactNode;
     /** Вложенный Header */

package/dist/esm/helperComponents/PromoBadge/PromoBadge.d.ts

@@ -1,3 +1,3 @@
 import { PromoTagProps } from '@snack-uikit/promo-tag';
-export type PromoBadgeProps = Pick<PromoTagProps, 'text' | 'appearance'>;
-export declare function PromoBadge({ text, appearance }: PromoBadgeProps): import("react/jsx-runtime").JSX.Element;
+export type PromoBadgeProps = Pick<PromoTagProps, 'text' | 'appearance' | 'color'>;
+export declare function PromoBadge({ text, appearance, color }: PromoBadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/PromoBadge/PromoBadge.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { PromoTag } from '@snack-uikit/promo-tag';
 import { TEST_IDS } from '../../constants';
 import styles from './styles.module.css';
-export function PromoBadge({ text, appearance = 'primary' }) {
-    return (_jsx("div", { className: styles.promoBadge, children: _jsx(PromoTag, { appearance: appearance, text: text, "data-test-id": TEST_IDS.promoBadge, className: styles.promoTag }) }));
+export function PromoBadge({ text, appearance = 'primary', color = 'accent' }) {
+    return (_jsx("div", { className: styles.promoBadge, children: _jsx(PromoTag, { appearance: appearance, text: text, color: color, "data-test-id": TEST_IDS.promoBadge, className: styles.promoTag }) }));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Card",
-  "version": "0.20.23",
+  "version": "0.21.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -48,5 +48,5 @@
     "classnames": "2.5.1",
     "merge-refs": "1.3.0"
   },
-  "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
+  "gitHead": "b09f293bd25165269ee4f5fa79535f716d9d4f1a"
 }

package/src/components/Card/Card.tsx

@@ -39,7 +39,7 @@ export type CardProps = WithSupportProps<{
   /** Размер */
   size?: Size;
   /** PromoBadge */
-  promoBadge?: Pick<PromoTagProps, 'text' | 'appearance'> | string;
+  promoBadge?: Pick<PromoTagProps, 'text' | 'appearance' | 'color'> | string;
   /** Вложенный контент  */
   children?: ReactNode;
   /** Вложенный Header */

package/src/helperComponents/PromoBadge/PromoBadge.tsx

@@ -3,12 +3,18 @@ import { PromoTag, PromoTagProps } from '@snack-uikit/promo-tag';
 import { TEST_IDS } from '../../constants';
 import styles from './styles.module.scss';
 
-export type PromoBadgeProps = Pick<PromoTagProps, 'text' | 'appearance'>;
+export type PromoBadgeProps = Pick<PromoTagProps, 'text' | 'appearance' | 'color'>;
 
-export function PromoBadge({ text, appearance = 'primary' }: PromoBadgeProps) {
+export function PromoBadge({ text, appearance = 'primary', color = 'accent' }: PromoBadgeProps) {
   return (
     <div className={styles.promoBadge}>
-      <PromoTag appearance={appearance} text={text} data-test-id={TEST_IDS.promoBadge} className={styles.promoTag} />
+      <PromoTag
+        appearance={appearance}
+        text={text}
+        color={color}
+        data-test-id={TEST_IDS.promoBadge}
+        className={styles.promoTag}
+      />
     </div>
   );
 }