@heroui/card 2.2.21-beta.2 → 2.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/card.js +3 -2
- package/dist/card.mjs +2 -2
- package/dist/{chunk-O24IAYCG.mjs → chunk-MW56SEHC.mjs} +1 -1
- package/dist/{chunk-DHMIPUUY.mjs → chunk-NVHFBF4D.mjs} +2 -1
- package/dist/index.js +3 -2
- package/dist/index.mjs +2 -2
- package/dist/use-card.d.mts +1 -1
- package/dist/use-card.d.ts +1 -1
- package/dist/use-card.js +3 -2
- package/dist/use-card.mjs +1 -1
- package/package.json +8 -7
package/dist/card.js
CHANGED
|
@@ -38,6 +38,7 @@ var [CardProvider, useCardContext] = (0, import_react_utils.createContext)({
|
|
|
38
38
|
// src/use-card.ts
|
|
39
39
|
var import_theme = require("@heroui/theme");
|
|
40
40
|
var import_react = require("react");
|
|
41
|
+
var import_utils = require("@react-aria/utils");
|
|
41
42
|
var import_focus = require("@react-aria/focus");
|
|
42
43
|
var import_interactions = require("@react-aria/interactions");
|
|
43
44
|
var import_use_aria_button = require("@heroui/use-aria-button");
|
|
@@ -78,7 +79,7 @@ function useCard(originalProps) {
|
|
|
78
79
|
);
|
|
79
80
|
const { buttonProps, isPressed } = (0, import_use_aria_button.useAriaButton)(
|
|
80
81
|
{
|
|
81
|
-
onPress: (0,
|
|
82
|
+
onPress: (0, import_utils.chain)(onPress, handlePress),
|
|
82
83
|
elementType: as,
|
|
83
84
|
isDisabled: !originalProps.isPressable,
|
|
84
85
|
onClick,
|
|
@@ -130,7 +131,7 @@ function useCard(originalProps) {
|
|
|
130
131
|
"data-focus": (0, import_shared_utils.dataAttr)(isFocused),
|
|
131
132
|
"data-focus-visible": (0, import_shared_utils.dataAttr)(isFocusVisible),
|
|
132
133
|
"data-disabled": (0, import_shared_utils.dataAttr)(originalProps.isDisabled),
|
|
133
|
-
...(0,
|
|
134
|
+
...(0, import_utils.mergeProps)(
|
|
134
135
|
originalProps.isPressable ? { ...buttonProps, ...focusProps, role: "button" } : {},
|
|
135
136
|
originalProps.isHoverable ? hoverProps : {},
|
|
136
137
|
(0, import_react_utils2.filterDOMProps)(otherProps, {
|
package/dist/card.mjs
CHANGED
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
// src/use-card.ts
|
|
4
4
|
import { card } from "@heroui/theme";
|
|
5
5
|
import { useCallback, useMemo } from "react";
|
|
6
|
+
import { chain, mergeProps } from "@react-aria/utils";
|
|
6
7
|
import { useFocusRing } from "@react-aria/focus";
|
|
7
8
|
import { useHover } from "@react-aria/interactions";
|
|
8
9
|
import { useAriaButton } from "@heroui/use-aria-button";
|
|
9
10
|
import { mapPropsVariants, useProviderContext } from "@heroui/system";
|
|
10
|
-
import { clsx, dataAttr, objectToDeps
|
|
11
|
+
import { clsx, dataAttr, objectToDeps } from "@heroui/shared-utils";
|
|
11
12
|
import { filterDOMProps } from "@heroui/react-utils";
|
|
12
13
|
import { useDOMRef } from "@heroui/react-utils";
|
|
13
14
|
import { useRipple } from "@heroui/ripple";
|
package/dist/index.js
CHANGED
|
@@ -34,6 +34,7 @@ module.exports = __toCommonJS(index_exports);
|
|
|
34
34
|
// src/use-card.ts
|
|
35
35
|
var import_theme = require("@heroui/theme");
|
|
36
36
|
var import_react = require("react");
|
|
37
|
+
var import_utils = require("@react-aria/utils");
|
|
37
38
|
var import_focus = require("@react-aria/focus");
|
|
38
39
|
var import_interactions = require("@react-aria/interactions");
|
|
39
40
|
var import_use_aria_button = require("@heroui/use-aria-button");
|
|
@@ -74,7 +75,7 @@ function useCard(originalProps) {
|
|
|
74
75
|
);
|
|
75
76
|
const { buttonProps, isPressed } = (0, import_use_aria_button.useAriaButton)(
|
|
76
77
|
{
|
|
77
|
-
onPress: (0,
|
|
78
|
+
onPress: (0, import_utils.chain)(onPress, handlePress),
|
|
78
79
|
elementType: as,
|
|
79
80
|
isDisabled: !originalProps.isPressable,
|
|
80
81
|
onClick,
|
|
@@ -126,7 +127,7 @@ function useCard(originalProps) {
|
|
|
126
127
|
"data-focus": (0, import_shared_utils.dataAttr)(isFocused),
|
|
127
128
|
"data-focus-visible": (0, import_shared_utils.dataAttr)(isFocusVisible),
|
|
128
129
|
"data-disabled": (0, import_shared_utils.dataAttr)(originalProps.isDisabled),
|
|
129
|
-
...(0,
|
|
130
|
+
...(0, import_utils.mergeProps)(
|
|
130
131
|
originalProps.isPressable ? { ...buttonProps, ...focusProps, role: "button" } : {},
|
|
131
132
|
originalProps.isHoverable ? hoverProps : {},
|
|
132
133
|
(0, import_react_utils.filterDOMProps)(otherProps, {
|
package/dist/index.mjs
CHANGED
|
@@ -10,14 +10,14 @@ import {
|
|
|
10
10
|
} from "./chunk-D5XJWRAV.mjs";
|
|
11
11
|
import {
|
|
12
12
|
card_default
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-MW56SEHC.mjs";
|
|
14
14
|
import {
|
|
15
15
|
CardProvider,
|
|
16
16
|
useCardContext
|
|
17
17
|
} from "./chunk-XHGGCEVJ.mjs";
|
|
18
18
|
import {
|
|
19
19
|
useCard
|
|
20
|
-
} from "./chunk-
|
|
20
|
+
} from "./chunk-NVHFBF4D.mjs";
|
|
21
21
|
export {
|
|
22
22
|
card_default as Card,
|
|
23
23
|
card_body_default as CardBody,
|
package/dist/use-card.d.mts
CHANGED
|
@@ -3,7 +3,7 @@ import { HTMLHeroUIProps, PropGetter } from '@heroui/system';
|
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { ReactNode, MouseEventHandler } from 'react';
|
|
5
5
|
import { PressEvents, FocusableProps } from '@react-types/shared';
|
|
6
|
-
import {
|
|
6
|
+
import { SlotsToClasses, CardSlots, CardVariantProps, CardReturnType } from '@heroui/theme';
|
|
7
7
|
import { RippleProps } from '@heroui/ripple';
|
|
8
8
|
import { PressEvent } from '@react-aria/interactions';
|
|
9
9
|
import { ReactRef } from '@heroui/react-utils';
|
package/dist/use-card.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { HTMLHeroUIProps, PropGetter } from '@heroui/system';
|
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { ReactNode, MouseEventHandler } from 'react';
|
|
5
5
|
import { PressEvents, FocusableProps } from '@react-types/shared';
|
|
6
|
-
import {
|
|
6
|
+
import { SlotsToClasses, CardSlots, CardVariantProps, CardReturnType } from '@heroui/theme';
|
|
7
7
|
import { RippleProps } from '@heroui/ripple';
|
|
8
8
|
import { PressEvent } from '@react-aria/interactions';
|
|
9
9
|
import { ReactRef } from '@heroui/react-utils';
|
package/dist/use-card.js
CHANGED
|
@@ -26,6 +26,7 @@ __export(use_card_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(use_card_exports);
|
|
27
27
|
var import_theme = require("@heroui/theme");
|
|
28
28
|
var import_react = require("react");
|
|
29
|
+
var import_utils = require("@react-aria/utils");
|
|
29
30
|
var import_focus = require("@react-aria/focus");
|
|
30
31
|
var import_interactions = require("@react-aria/interactions");
|
|
31
32
|
var import_use_aria_button = require("@heroui/use-aria-button");
|
|
@@ -66,7 +67,7 @@ function useCard(originalProps) {
|
|
|
66
67
|
);
|
|
67
68
|
const { buttonProps, isPressed } = (0, import_use_aria_button.useAriaButton)(
|
|
68
69
|
{
|
|
69
|
-
onPress: (0,
|
|
70
|
+
onPress: (0, import_utils.chain)(onPress, handlePress),
|
|
70
71
|
elementType: as,
|
|
71
72
|
isDisabled: !originalProps.isPressable,
|
|
72
73
|
onClick,
|
|
@@ -118,7 +119,7 @@ function useCard(originalProps) {
|
|
|
118
119
|
"data-focus": (0, import_shared_utils.dataAttr)(isFocused),
|
|
119
120
|
"data-focus-visible": (0, import_shared_utils.dataAttr)(isFocusVisible),
|
|
120
121
|
"data-disabled": (0, import_shared_utils.dataAttr)(originalProps.isDisabled),
|
|
121
|
-
...(0,
|
|
122
|
+
...(0, import_utils.mergeProps)(
|
|
122
123
|
originalProps.isPressable ? { ...buttonProps, ...focusProps, role: "button" } : {},
|
|
123
124
|
originalProps.isHoverable ? hoverProps : {},
|
|
124
125
|
(0, import_react_utils.filterDOMProps)(otherProps, {
|
package/dist/use-card.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@heroui/card",
|
|
3
|
-
"version": "2.2.21
|
|
3
|
+
"version": "2.2.21",
|
|
4
4
|
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"card"
|
|
@@ -28,17 +28,18 @@
|
|
|
28
28
|
"react": ">=18 || >=19.0.0-rc.0",
|
|
29
29
|
"react-dom": ">=18 || >=19.0.0-rc.0",
|
|
30
30
|
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
|
|
31
|
-
"@heroui/theme": ">=2.4.
|
|
32
|
-
"@heroui/system": ">=2.4.
|
|
31
|
+
"@heroui/theme": ">=2.4.6",
|
|
32
|
+
"@heroui/system": ">=2.4.17"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@react-aria/focus": "3.20.5",
|
|
36
|
+
"@react-aria/utils": "3.29.1",
|
|
36
37
|
"@react-aria/interactions": "3.25.3",
|
|
37
38
|
"@react-types/shared": "3.30.0",
|
|
38
|
-
"@heroui/shared-utils": "2.1.
|
|
39
|
-
"@heroui/react-utils": "2.1.
|
|
40
|
-
"@heroui/
|
|
41
|
-
"@heroui/
|
|
39
|
+
"@heroui/shared-utils": "2.1.9",
|
|
40
|
+
"@heroui/react-utils": "2.1.11",
|
|
41
|
+
"@heroui/ripple": "2.2.17",
|
|
42
|
+
"@heroui/use-aria-button": "2.2.16"
|
|
42
43
|
},
|
|
43
44
|
"clean-package": "../../../clean-package.config.json",
|
|
44
45
|
"module": "dist/index.mjs",
|