New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-card-flip

Package Overview
Dependencies
Maintainers
1
Versions
44
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-card-flip - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

71

lib/ReactCardFlip.d.ts

@@ -1,39 +0,34 @@

declare module 'react-card-flip' {
export interface ReactFlipCardProps {
/**z-Index for the flip card. Used to help solve context stack issues while using multiple flip cards.
* @default 'auto'
*/
cardZIndex?: string;
/**Extra css styling that can be applied to the container.
* @default {}
*/
containerStyle?: {};
/**False to show the front of the card, true to show the back
* @default undefined
*/
isFlipped?: boolean;
/**The speed of the flip animation when the card flips from back to front, the higher the number the slower the flip animation
* @default 0.6
*/
flipSpeedBackToFront?: number;
/**The speed of the flip animation when the card flips from front to back, the higher the number the slower the flip animation
* @default 0.6
*/
flipSpeedFrontToBack?: number;
cardStyles?: { front?: {}; back?: {} };
/**False to rotate in opposite directions on both sides of the card, true to rotate in the same direction
* @default false
*/
infinite?: boolean;
/**Direction of the card flip (options are: 'horizontal' or 'vertical' )
* @default 'horizontal'
*/
flipDirection?: 'horizontal' | 'vertical';
children: [React.ReactNode, React.ReactNode];
}
const ReactFlipCard: React.FC<ReactFlipCardProps> = () => {};
}
export interface ReactFlipCardProps {
/**z-Index for the flip card. Used to help solve context stack issues while using multiple flip cards.
* @default 'auto'
*/
cardZIndex?: string;
/**Extra css styling that can be applied to the container.
* @default {}
*/
containerStyle?: {};
/**False to show the front of the card, true to show the back
* @default undefined
*/
isFlipped?: boolean;
/**The speed of the flip animation when the card flips from back to front, the higher the number the slower the flip animation
* @default 0.6
*/
flipSpeedBackToFront?: number;
/**The speed of the flip animation when the card flips from front to back, the higher the number the slower the flip animation
* @default 0.6
*/
flipSpeedFrontToBack?: number;
export default ReactCardFlip;
cardStyles?: { front?: {}; back?: {} };
/**False to rotate in opposite directions on both sides of the card, true to rotate in the same direction
* @default false
*/
infinite?: boolean;
/**Direction of the card flip (options are: 'horizontal' or 'vertical' )
* @default 'horizontal'
*/
flipDirection?: 'horizontal' | 'vertical';
children: [React.ReactNode, React.ReactNode];
}

@@ -13,4 +13,11 @@ "use strict";

};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var React = __importStar(require("react"));
var react_1 = require("react");

@@ -68,2 +75,1 @@ var ReactCardFlip = function (props) {

};
exports.default = ReactCardFlip;
{
"name": "react-card-flip",
"version": "1.0.7",
"version": "1.0.8",
"description": "ReactCardFlip",

@@ -5,0 +5,0 @@ "main": "./lib/ReactCardFlip.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc