@snack-uikit/card 0.12.14-preview-d3c8ef06.0 → 0.12.14-preview-bfae2d03.0

package/dist/components/Card/Card.js

@@ -26,7 +26,7 @@ export function Card(_a) {
     const onKeyDown = useCallback((e) => {
         var _a, _b;
         if (e.target === localDivRef.current) {
-            if (TRIGGER_CLICK_KEY_CODES.includes(e.code)) {
+            if (TRIGGER_CLICK_KEY_CODES.includes(e.code) || e.key === ' ') {
                 href ? (_a = localAnchorRef.current) === null || _a === void 0 ? void 0 : _a.click() : (_b = localDivRef.current) === null || _b === void 0 ? void 0 : _b.click();
             }
         }

package/dist/components/Image/Image.d.ts

@@ -1,5 +1,6 @@
+import { WithSupportProps } from '@snack-uikit/utils';
 import { MODE } from './constants';
-export type ImageProps = {
+export type ImageProps = WithSupportProps<{
     /** Путь до картинки */
     src: string;
     /** Описание картинки */
@@ -10,5 +11,5 @@ export type ImageProps = {
 } | {
     mode: typeof MODE.Background;
     hideFading?: boolean;
-});
-export declare function Image({ src, alt, mode, hideFading }: ImageProps): import("react/jsx-runtime").JSX.Element;
+})>;
+export declare function Image({ src, alt, mode, hideFading, ...rest }: ImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Image/Image.js

@@ -1,6 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
+import { extractSupportProps } from '@snack-uikit/utils';
 import { MODE } from './constants';
 import styles from './styles.module.css';
-export function Image({ src, alt, mode = MODE.Little, hideFading }) {
-    return _jsx("img", { src: src, alt: alt, "data-mode": mode, className: styles.image, "data-fading": !hideFading || undefined });
+export function Image(_a) {
+    var { src, alt, mode = MODE.Little, hideFading } = _a, rest = __rest(_a, ["src", "alt", "mode", "hideFading"]);
+    return (_jsx("img", Object.assign({}, extractSupportProps(rest), { src: src, alt: alt, "data-mode": mode, className: styles.image, "data-fading": !hideFading || undefined })));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Card",
-  "version": "0.12.14-preview-d3c8ef06.0",
+  "version": "0.12.14-preview-bfae2d03.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -43,5 +43,5 @@
     "@snack-uikit/utils": "3.3.0",
     "classnames": "2.3.2"
   },
-  "gitHead": "93ec1b7cbdd9a002297609c6e4ef3c96ca7178d7"
+  "gitHead": "7b2a733a770a8bdd14adb9951c8fc552ad192578"
 }

package/src/components/Card/Card.tsx

@@ -67,7 +67,7 @@ export function Card({
   const onKeyDown = useCallback(
     (e: KeyboardEvent<HTMLDivElement>) => {
       if (e.target === localDivRef.current) {
-        if (TRIGGER_CLICK_KEY_CODES.includes(e.code)) {
+        if (TRIGGER_CLICK_KEY_CODES.includes(e.code) || e.key === ' ') {
           href ? localAnchorRef.current?.click() : localDivRef.current?.click();
         }
       }

package/src/components/Image/Image.tsx

@@ -1,16 +1,29 @@
+import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
+
 import { MODE } from './constants';
 import styles from './styles.module.scss';
 
-export type ImageProps = {
-  /** Путь до картинки */
-  src: string;
-  /** Описание картинки */
-  alt: string;
-} /**  Image mode */ & (
-  | { mode?: typeof MODE.Little | typeof MODE.Middle; hideFading?: never }
-  | { mode: typeof MODE.Background; hideFading?: boolean }
-);
+export type ImageProps = WithSupportProps<
+  {
+    /** Путь до картинки */
+    src: string;
+    /** Описание картинки */
+    alt: string;
+  } /**  Image mode */ & (
+    | { mode?: typeof MODE.Little | typeof MODE.Middle; hideFading?: never }
+    | { mode: typeof MODE.Background; hideFading?: boolean }
+  )
+>;
 
-export function Image({ src, alt, mode = MODE.Little, hideFading }: ImageProps) {
-  return <img src={src} alt={alt} data-mode={mode} className={styles.image} data-fading={!hideFading || undefined} />;
+export function Image({ src, alt, mode = MODE.Little, hideFading, ...rest }: ImageProps) {
+  return (
+    <img
+      {...extractSupportProps(rest)}
+      src={src}
+      alt={alt}
+      data-mode={mode}
+      className={styles.image}
+      data-fading={!hideFading || undefined}
+    />
+  );
 }