@cloud-ru/uikit-product-site-hero 1.8.4 → 1.12.0

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.12.0 (2026-07-22)
+
+
+### Features
+
+* **SITE-11695:** update for new package ([62b4c56](https://github.com/cloud-ru-tech/uikit-product/commit/62b4c56b3772dbe243f0761a2ef40e9b3e3991c2))
+
+
+
+
+
+# 1.11.0 (2026-07-21)
+
+
+### Features
+
+* **SITE-11480:** update heroCentral ([f554b7c](https://github.com/cloud-ru-tech/uikit-product/commit/f554b7cf869fff88eee90b52a4f652a04b04afd0))
+
+
+
+
+
+# 1.10.0 (2026-07-21)
+
+
+### Features
+
+* **SITE-11480:** update heroCentral ([f554b7c](https://github.com/cloud-ru-tech/uikit-product/commit/f554b7cf869fff88eee90b52a4f652a04b04afd0))
+
+
+
+
+
+# 1.9.0 (2026-07-21)
+
+
+### Features
+
+* **SITE-11480:** update heroCentral ([f554b7c](https://github.com/cloud-ru-tech/uikit-product/commit/f554b7cf869fff88eee90b52a4f652a04b04afd0))
+
+
+
+
+
 ## 1.8.4 (2026-07-21)
 
 ### Only dependencies have been changed

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

@@ -18,10 +18,10 @@ type HeroBlockProps = WithSupportProps<{
     buttons?: HeroCentralButton[];
     /** Якорное меню  */
     anchors?: AnchorTypeProps[];
-    /** Хлебные крошки */
-    breadcrumbs: Item[];
     /** Текст подсказки */
     tooltipText?: string;
+    /** Хлебные крошки */
+    breadcrumbs: Item[];
     /** Расположение подсказки */
     tooltipPlacement?: TooltipProps['placement'];
     /** Фоновое изображение */

package/dist/cjs/components/HeroCentral/helperComponents/HeroCentralButtons/HeroCentralButtons.d.ts

@@ -1,11 +1,13 @@
 import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+import { ButtonFilledProps } from '@snack-uikit/button';
 export type ButtonStyle = 'filled' | 'outline';
+type ButtonProps = Pick<ButtonFilledProps, 'label' | 'href' | 'className' | 'fullWidth' | 'size' | 'target' | 'onClick'>;
 export type HeroCentralButton = {
     text: string;
     uniqueId: string;
     link?: string;
     style?: ButtonStyle;
-    onClick?: () => void;
+    onClick?: ButtonProps['onClick'];
 };
 type HeroCentralButtonsProps = WithLayoutType<{
     buttons?: HeroCentralButton[];

package/dist/cjs/components/HeroCentral/helperComponents/HeroCentralButtons/HeroCentralButtons.js

@@ -12,7 +12,6 @@ function HeroCentralButtons({ buttons, layoutType }) {
         return null;
     return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.buttonsContainer, "data-layout-type": layoutType, children: buttons.map(button => {
             const buttonProps = {
-                key: button.uniqueId,
                 label: button.text,
                 href: button.link,
                 className: styles_module_scss_1.default.button,
@@ -21,6 +20,7 @@ function HeroCentralButtons({ buttons, layoutType }) {
                 target: '_self',
                 onClick: button.onClick,
             };
-            return button.style === 'outline' ? (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, Object.assign({}, buttonProps)) : (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, Object.assign({}, buttonProps));
+            const ButtonComponent = button.style === 'outline' ? button_1.ButtonOutline : button_1.ButtonFilled;
+            return (0, jsx_runtime_1.jsx)(ButtonComponent, Object.assign({}, buttonProps), button.uniqueId);
         }) }));
 }

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

@@ -18,10 +18,10 @@ type HeroBlockProps = WithSupportProps<{
     buttons?: HeroCentralButton[];
     /** Якорное меню  */
     anchors?: AnchorTypeProps[];
-    /** Хлебные крошки */
-    breadcrumbs: Item[];
     /** Текст подсказки */
     tooltipText?: string;
+    /** Хлебные крошки */
+    breadcrumbs: Item[];
     /** Расположение подсказки */
     tooltipPlacement?: TooltipProps['placement'];
     /** Фоновое изображение */

package/dist/esm/components/HeroCentral/helperComponents/HeroCentralButtons/HeroCentralButtons.d.ts

@@ -1,11 +1,13 @@
 import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+import { ButtonFilledProps } from '@snack-uikit/button';
 export type ButtonStyle = 'filled' | 'outline';
+type ButtonProps = Pick<ButtonFilledProps, 'label' | 'href' | 'className' | 'fullWidth' | 'size' | 'target' | 'onClick'>;
 export type HeroCentralButton = {
     text: string;
     uniqueId: string;
     link?: string;
     style?: ButtonStyle;
-    onClick?: () => void;
+    onClick?: ButtonProps['onClick'];
 };
 type HeroCentralButtonsProps = WithLayoutType<{
     buttons?: HeroCentralButton[];

package/dist/esm/components/HeroCentral/helperComponents/HeroCentralButtons/HeroCentralButtons.js

@@ -6,7 +6,6 @@ export function HeroCentralButtons({ buttons, layoutType }) {
         return null;
     return (_jsx("div", { className: styles.buttonsContainer, "data-layout-type": layoutType, children: buttons.map(button => {
             const buttonProps = {
-                key: button.uniqueId,
                 label: button.text,
                 href: button.link,
                 className: styles.button,
@@ -15,6 +14,7 @@ export function HeroCentralButtons({ buttons, layoutType }) {
                 target: '_self',
                 onClick: button.onClick,
             };
-            return button.style === 'outline' ? _jsx(ButtonOutline, Object.assign({}, buttonProps)) : _jsx(ButtonFilled, Object.assign({}, buttonProps));
+            const ButtonComponent = button.style === 'outline' ? ButtonOutline : ButtonFilled;
+            return _jsx(ButtonComponent, Object.assign({}, buttonProps), button.uniqueId);
         }) }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-hero",
   "title": "Site Hero",
-  "version": "1.8.4",
+  "version": "1.12.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "0ba8fab8e570a50b497bfcf5dfc83ddf9eef91ac"
+  "gitHead": "49d7e7a510d2e1d91f9c9d34e7a402a54de50263"
 }

package/src/components/HeroCentral/HeroCentral.tsx

@@ -25,10 +25,10 @@ type HeroBlockProps = WithSupportProps<{
   buttons?: HeroCentralButton[];
   /** Якорное меню  */
   anchors?: AnchorTypeProps[];
-  /** Хлебные крошки */
-  breadcrumbs: Item[];
   /** Текст подсказки */
   tooltipText?: string;
+  /** Хлебные крошки */
+  breadcrumbs: Item[];
   /** Расположение подсказки */
   tooltipPlacement?: TooltipProps['placement'];
   /** Фоновое изображение */

package/src/components/HeroCentral/helperComponents/HeroCentralButtons/HeroCentralButtons.tsx

@@ -1,16 +1,21 @@
 import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ButtonFilled, ButtonOutline } from '@snack-uikit/button';
+import { ButtonFilled, ButtonFilledProps, ButtonOutline } from '@snack-uikit/button';
 
 import styles from './styles.module.scss';
 
 export type ButtonStyle = 'filled' | 'outline';
 
+type ButtonProps = Pick<
+  ButtonFilledProps,
+  'label' | 'href' | 'className' | 'fullWidth' | 'size' | 'target' | 'onClick'
+>;
+
 export type HeroCentralButton = {
   text: string;
   uniqueId: string;
   link?: string;
   style?: ButtonStyle;
-  onClick?: () => void;
+  onClick?: ButtonProps['onClick'];
 };
 
 type HeroCentralButtonsProps = WithLayoutType<{
@@ -23,18 +28,18 @@ export function HeroCentralButtons({ buttons, layoutType }: HeroCentralButtonsPr
   return (
     <div className={styles.buttonsContainer} data-layout-type={layoutType}>
       {buttons.map(button => {
-        const buttonProps = {
-          key: button.uniqueId,
+        const buttonProps: ButtonProps = {
           label: button.text,
           href: button.link,
           className: styles.button,
           fullWidth: ['mobile', 'tablet'].includes(layoutType),
-          size: 'l' as const,
-          target: '_self' as const,
+          size: 'l',
+          target: '_self',
           onClick: button.onClick,
         };
+        const ButtonComponent = button.style === 'outline' ? ButtonOutline : ButtonFilled;
 
-        return button.style === 'outline' ? <ButtonOutline {...buttonProps} /> : <ButtonFilled {...buttonProps} />;
+        return <ButtonComponent key={button.uniqueId} {...buttonProps} />;
       })}
     </div>
   );