@fuf-stack/pixels 0.31.4 → 0.31.5
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/index.cjs +2 -2
- package/dist/Card/index.d.cts +3 -4
- package/dist/Card/index.d.ts +3 -4
- package/dist/Card/index.js +1 -1
- package/dist/{Card-C8u10Iq0.d.cts → Card-BsRTIzky.d.cts} +3 -5
- package/dist/{Card-C8u10Iq0.d.ts → Card-BsRTIzky.d.ts} +3 -5
- package/dist/chunk-5QUNGXD6.cjs +74 -0
- package/dist/chunk-5QUNGXD6.cjs.map +1 -0
- package/dist/chunk-TN3M7YVY.js +74 -0
- package/dist/chunk-TN3M7YVY.js.map +1 -0
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +4 -4
- package/package.json +4 -4
- package/dist/chunk-DDWFDIXA.cjs +0 -72
- package/dist/chunk-DDWFDIXA.cjs.map +0 -1
- package/dist/chunk-PRPGAJKZ.js +0 -72
- package/dist/chunk-PRPGAJKZ.js.map +0 -1
package/dist/Card/index.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunk5QUNGXD6cjs = require('../chunk-5QUNGXD6.cjs');
|
|
6
6
|
require('../chunk-D4TLDLEX.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.Card =
|
|
11
|
+
exports.Card = _chunk5QUNGXD6cjs.Card_default; exports.cardVariants = _chunk5QUNGXD6cjs.cardVariants; exports.default = _chunk5QUNGXD6cjs.Card_default2;
|
|
12
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Card/index.d.cts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { C as Card } from '../Card-
|
|
2
|
-
export { a as CardProps, c as cardVariants } from '../Card-
|
|
3
|
-
import 'react
|
|
1
|
+
import { C as Card } from '../Card-BsRTIzky.cjs';
|
|
2
|
+
export { a as CardProps, c as cardVariants } from '../Card-BsRTIzky.cjs';
|
|
3
|
+
import 'react';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
|
6
6
|
import '@fuf-stack/pixel-utils';
|
|
7
|
-
import 'react';
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
package/dist/Card/index.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { C as Card } from '../Card-
|
|
2
|
-
export { a as CardProps, c as cardVariants } from '../Card-
|
|
3
|
-
import 'react
|
|
1
|
+
import { C as Card } from '../Card-BsRTIzky.js';
|
|
2
|
+
export { a as CardProps, c as cardVariants } from '../Card-BsRTIzky.js';
|
|
3
|
+
import 'react';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
|
6
6
|
import '@fuf-stack/pixel-utils';
|
|
7
|
-
import 'react';
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
package/dist/Card/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
2
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
4
|
import * as tailwind_variants from 'tailwind-variants';
|
|
4
5
|
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
5
|
-
import { ReactNode } from 'react';
|
|
6
6
|
|
|
7
7
|
declare const cardVariants: tailwind_variants.TVReturnType<{
|
|
8
8
|
[key: string]: {
|
|
@@ -84,14 +84,12 @@ interface CardProps extends VariantProps {
|
|
|
84
84
|
footer?: ReactNode;
|
|
85
85
|
/** header content */
|
|
86
86
|
header?: ReactNode;
|
|
87
|
-
/** ref */
|
|
88
|
-
ref?: React.RefObject<HTMLDivElement | null> | undefined;
|
|
89
87
|
/** HTML data-testid attribute used in e2e tests */
|
|
90
88
|
testId?: string;
|
|
91
89
|
}
|
|
92
90
|
/**
|
|
93
91
|
* Card component based on [NextUI Card](https://nextui.org/docs/components/card)
|
|
94
92
|
*/
|
|
95
|
-
declare const Card:
|
|
93
|
+
declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
|
|
96
94
|
|
|
97
95
|
export { Card as C, type CardProps as a, cardVariants as c };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
2
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
4
|
import * as tailwind_variants from 'tailwind-variants';
|
|
4
5
|
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
5
|
-
import { ReactNode } from 'react';
|
|
6
6
|
|
|
7
7
|
declare const cardVariants: tailwind_variants.TVReturnType<{
|
|
8
8
|
[key: string]: {
|
|
@@ -84,14 +84,12 @@ interface CardProps extends VariantProps {
|
|
|
84
84
|
footer?: ReactNode;
|
|
85
85
|
/** header content */
|
|
86
86
|
header?: ReactNode;
|
|
87
|
-
/** ref */
|
|
88
|
-
ref?: React.RefObject<HTMLDivElement | null> | undefined;
|
|
89
87
|
/** HTML data-testid attribute used in e2e tests */
|
|
90
88
|
testId?: string;
|
|
91
89
|
}
|
|
92
90
|
/**
|
|
93
91
|
* Card component based on [NextUI Card](https://nextui.org/docs/components/card)
|
|
94
92
|
*/
|
|
95
|
-
declare const Card:
|
|
93
|
+
declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
|
|
96
94
|
|
|
97
95
|
export { Card as C, type CardProps as a, cardVariants as c };
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
|
|
4
|
+
|
|
5
|
+
// src/Card/Card.tsx
|
|
6
|
+
var _react = require('react');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
var _card = require('@nextui-org/card');
|
|
13
|
+
var _divider = require('@nextui-org/divider');
|
|
14
|
+
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
15
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
16
|
+
var cardVariants = _pixelutils.tv.call(void 0, {
|
|
17
|
+
slots: {
|
|
18
|
+
base: "border border-divider",
|
|
19
|
+
body: "",
|
|
20
|
+
divider: "my-0 border-divider",
|
|
21
|
+
footer: "",
|
|
22
|
+
header: "text-base font-semibold"
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var Card = _react.forwardRef.call(void 0,
|
|
26
|
+
({
|
|
27
|
+
children = null,
|
|
28
|
+
className = void 0,
|
|
29
|
+
footer = void 0,
|
|
30
|
+
header = void 0,
|
|
31
|
+
testId = void 0
|
|
32
|
+
}, ref) => {
|
|
33
|
+
const variants = cardVariants();
|
|
34
|
+
const _a = _pixelutils.variantsToClassNames.call(void 0,
|
|
35
|
+
variants,
|
|
36
|
+
className,
|
|
37
|
+
"base"
|
|
38
|
+
), { divider: dividerClassName } = _a, classNames = _chunkD4TLDLEXcjs.__objRest.call(void 0, _a, ["divider"]);
|
|
39
|
+
const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _divider.Divider, { className: dividerClassName });
|
|
40
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
41
|
+
_card.Card,
|
|
42
|
+
{
|
|
43
|
+
classNames,
|
|
44
|
+
"data-testid": testId && `card_${testId}`,
|
|
45
|
+
fullWidth: true,
|
|
46
|
+
radius: "sm",
|
|
47
|
+
ref,
|
|
48
|
+
shadow: "none",
|
|
49
|
+
children: [
|
|
50
|
+
header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
51
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
|
|
52
|
+
divider
|
|
53
|
+
] }),
|
|
54
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId && `card_body_${testId}`, children }),
|
|
55
|
+
footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
56
|
+
divider,
|
|
57
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
|
|
58
|
+
] })
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
var Card_default = Card;
|
|
65
|
+
|
|
66
|
+
// src/Card/index.ts
|
|
67
|
+
var Card_default2 = Card_default;
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
|
|
74
|
+
//# sourceMappingURL=chunk-5QUNGXD6.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5QUNGXD6.cjs","../src/Card/Card.tsx","../src/Card/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,8BAA2B;AAE3B;AACE;AACA;AACA;AACA;AAAc,wCACT;AACP,8CAAuC;AAEvC,oDAAyC;AAmDrB,+CAAA;AAhDb,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uBAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAqBD,IAAM,KAAA,EAAO,+BAAA;AAAA,EACX,CACE;AAAA,IACE,SAAA,EAAW,IAAA;AAAA,IACX,UAAA,EAAY,KAAA,CAAA;AAAA,IACZ,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA;AAAA,EACX,CAAA,EACA,GAAA,EAAA,GACG;AAEH,IAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,IAAA,MAAqD,GAAA,EAAA,8CAAA;AAAA,MACnD,QAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACF,CAAA,EAJQ,EAAA,OAAA,EAAS,iBA1DrB,EAAA,EA0DyD,EAAA,EAAf,WAAA,EAAA,yCAAA,EAAe,EAAf,CAA9B,SAAA,CAAA,CAAA;AAMR,IAAA,MAAM,QAAA,kBAAU,6BAAA,gBAAC,EAAA,EAAY,SAAA,EAAW,iBAAA,CAAkB,CAAA;AAE1D,IAAA,uBACE,8BAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,aAAA,EAAa,OAAA,GAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA;AAC5B,QAAA;AACF,QAAA;AACP,QAAA;AACO,QAAA;AAEN,QAAA;AACC,UAAA;AACG,4BAAA;AAGA,YAAA;AACH,UAAA;AAEY,0BAAA;AAIZ,UAAA;AACG,YAAA;AACA,4BAAA;AAGH,UAAA;AAAA,QAAA;AAAA,MAAA;AAEJ,IAAA;AAEJ,EAAA;AACF;AAEe;ADnCiC;AACA;AE3DjC;AF6DiC;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5QUNGXD6.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n Card as NextCard,\n CardBody as NextCardBody,\n CardFooter as NextCardFooter,\n CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-divider',\n body: '',\n divider: 'my-0 border-divider',\n footer: '',\n header: 'text-base font-semibold',\n },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** footer content */\n footer?: ReactNode;\n /** header content */\n header?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n (\n {\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n testId = undefined,\n },\n ref,\n ) => {\n // classNames from slots\n const variants = cardVariants();\n const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n variants,\n className,\n 'base',\n );\n\n const divider = <NextDivider className={dividerClassName} />;\n\n return (\n <NextCard\n classNames={classNames}\n data-testid={testId && `card_${testId}`}\n fullWidth\n radius=\"sm\"\n ref={ref}\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n {header}\n </NextCardHeader>\n {divider}\n </>\n )}\n <NextCardBody data-testid={testId && `card_body_${testId}`}>\n {children}\n </NextCardBody>\n {footer && (\n <>\n {divider}\n <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n },\n);\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__objRest
|
|
3
|
+
} from "./chunk-J7N2552D.js";
|
|
4
|
+
|
|
5
|
+
// src/Card/Card.tsx
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
|
+
import {
|
|
8
|
+
Card as NextCard,
|
|
9
|
+
CardBody as NextCardBody,
|
|
10
|
+
CardFooter as NextCardFooter,
|
|
11
|
+
CardHeader as NextCardHeader
|
|
12
|
+
} from "@nextui-org/card";
|
|
13
|
+
import { Divider as NextDivider } from "@nextui-org/divider";
|
|
14
|
+
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
15
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
+
var cardVariants = tv({
|
|
17
|
+
slots: {
|
|
18
|
+
base: "border border-divider",
|
|
19
|
+
body: "",
|
|
20
|
+
divider: "my-0 border-divider",
|
|
21
|
+
footer: "",
|
|
22
|
+
header: "text-base font-semibold"
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var Card = forwardRef(
|
|
26
|
+
({
|
|
27
|
+
children = null,
|
|
28
|
+
className = void 0,
|
|
29
|
+
footer = void 0,
|
|
30
|
+
header = void 0,
|
|
31
|
+
testId = void 0
|
|
32
|
+
}, ref) => {
|
|
33
|
+
const variants = cardVariants();
|
|
34
|
+
const _a = variantsToClassNames(
|
|
35
|
+
variants,
|
|
36
|
+
className,
|
|
37
|
+
"base"
|
|
38
|
+
), { divider: dividerClassName } = _a, classNames = __objRest(_a, ["divider"]);
|
|
39
|
+
const divider = /* @__PURE__ */ jsx(NextDivider, { className: dividerClassName });
|
|
40
|
+
return /* @__PURE__ */ jsxs(
|
|
41
|
+
NextCard,
|
|
42
|
+
{
|
|
43
|
+
classNames,
|
|
44
|
+
"data-testid": testId && `card_${testId}`,
|
|
45
|
+
fullWidth: true,
|
|
46
|
+
radius: "sm",
|
|
47
|
+
ref,
|
|
48
|
+
shadow: "none",
|
|
49
|
+
children: [
|
|
50
|
+
header && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
51
|
+
/* @__PURE__ */ jsx(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
|
|
52
|
+
divider
|
|
53
|
+
] }),
|
|
54
|
+
/* @__PURE__ */ jsx(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
|
|
55
|
+
footer && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
56
|
+
divider,
|
|
57
|
+
/* @__PURE__ */ jsx(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
|
|
58
|
+
] })
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
var Card_default = Card;
|
|
65
|
+
|
|
66
|
+
// src/Card/index.ts
|
|
67
|
+
var Card_default2 = Card_default;
|
|
68
|
+
|
|
69
|
+
export {
|
|
70
|
+
cardVariants,
|
|
71
|
+
Card_default,
|
|
72
|
+
Card_default2
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=chunk-TN3M7YVY.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n Card as NextCard,\n CardBody as NextCardBody,\n CardFooter as NextCardFooter,\n CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-divider',\n body: '',\n divider: 'my-0 border-divider',\n footer: '',\n header: 'text-base font-semibold',\n },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** footer content */\n footer?: ReactNode;\n /** header content */\n header?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n (\n {\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n testId = undefined,\n },\n ref,\n ) => {\n // classNames from slots\n const variants = cardVariants();\n const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n variants,\n className,\n 'base',\n );\n\n const divider = <NextDivider className={dividerClassName} />;\n\n return (\n <NextCard\n classNames={classNames}\n data-testid={testId && `card_${testId}`}\n fullWidth\n radius=\"sm\"\n ref={ref}\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n {header}\n </NextCardHeader>\n {divider}\n </>\n )}\n <NextCardBody data-testid={testId && `card_body_${testId}`}>\n {children}\n </NextCardBody>\n {footer && (\n <>\n {divider}\n <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n },\n);\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";;;;;AAGA,SAAS,kBAAkB;AAE3B;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AAmDrB,SAYV,UAZU,KAYV,YAZU;AAhDb,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAqBD,IAAM,OAAO;AAAA,EACX,CACE;AAAA,IACE,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EACX,GACA,QACG;AAEH,UAAM,WAAW,aAAa;AAC9B,UAAqD;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,IACF,GAJQ,WAAS,iBA1DrB,IA0DyD,IAAf,uBAAe,IAAf,CAA9B;AAMR,UAAM,UAAU,oBAAC,eAAY,WAAW,kBAAkB;AAE1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa,UAAU,QAAQ,MAAM;AAAA,QACrC,WAAS;AAAA,QACT,QAAO;AAAA,QACP;AAAA,QACA,QAAO;AAAA,QAEN;AAAA,oBACC,iCACE;AAAA,gCAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,YACC;AAAA,aACH;AAAA,UAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,UACC,UACC,iCACG;AAAA;AAAA,YACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,aACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,eAAQ;;;AC7Ff,IAAOA,gBAAQ;","names":["Card_default"]}
|
package/dist/index.cjs
CHANGED
|
@@ -55,12 +55,12 @@ var _chunkNVNT4PMScjs = require('./chunk-NVNT4PMS.cjs');
|
|
|
55
55
|
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
var _chunkDDWFDIXAcjs = require('./chunk-DDWFDIXA.cjs');
|
|
59
58
|
|
|
59
|
+
var _chunk7TIFKRWYcjs = require('./chunk-7TIFKRWY.cjs');
|
|
60
60
|
|
|
61
61
|
|
|
62
62
|
|
|
63
|
-
var
|
|
63
|
+
var _chunk5QUNGXD6cjs = require('./chunk-5QUNGXD6.cjs');
|
|
64
64
|
require('./chunk-D4TLDLEX.cjs');
|
|
65
65
|
|
|
66
66
|
|
|
@@ -93,5 +93,5 @@ require('./chunk-D4TLDLEX.cjs');
|
|
|
93
93
|
|
|
94
94
|
|
|
95
95
|
|
|
96
|
-
exports.Accordion = _chunkZXGEK67Fcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunk7XJHVFT3cjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkNVNT4PMScjs.Breadcrumb_default; exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.Card =
|
|
96
|
+
exports.Accordion = _chunkZXGEK67Fcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunk7XJHVFT3cjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkNVNT4PMScjs.Breadcrumb_default; exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.Card = _chunk5QUNGXD6cjs.Card_default; exports.Drawer = _chunk7ZJ6LE2Pcjs.Drawer_default; exports.Json = _chunkOLKLIWBEcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkLY45VQ2Ecjs.Menu_default; exports.Modal = _chunkVG5A2YZEcjs.Modal_default; exports.Popover = _chunk2WDAJ6ERcjs.Popover_default; exports.Tabs = _chunkZ5OFNBWIcjs.Tabs_default; exports.Tooltip = _chunkRMA57Q6Kcjs.Tooltip_default; exports.accordionVariants = _chunkZXGEK67Fcjs.accordionVariants; exports.breadcrumbVariants = _chunkNVNT4PMScjs.breadcrumbVariants; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.cardVariants = _chunk5QUNGXD6cjs.cardVariants; exports.drawerBackdrops = _chunk7ZJ6LE2Pcjs.drawerBackdrops; exports.drawerPlacements = _chunk7ZJ6LE2Pcjs.drawerPlacements; exports.drawerRadii = _chunk7ZJ6LE2Pcjs.drawerRadii; exports.drawerSizes = _chunk7ZJ6LE2Pcjs.drawerSizes; exports.drawerVariants = _chunk7ZJ6LE2Pcjs.drawerVariants; exports.modalVariants = _chunkVG5A2YZEcjs.modalVariants; exports.tabsVariants = _chunkZ5OFNBWIcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkRMA57Q6Kcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
|
|
97
97
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,qoDAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"}
|
package/dist/index.d.cts
CHANGED
|
@@ -4,7 +4,7 @@ export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DyX3Lj28.
|
|
|
4
4
|
export { A as Badge, B as BadgeProps } from './Badge-yzXn5LtZ.cjs';
|
|
5
5
|
export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DHn8XeOY.cjs';
|
|
6
6
|
export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.cjs';
|
|
7
|
-
export { C as Card, a as CardProps, c as cardVariants } from './Card-
|
|
7
|
+
export { C as Card, a as CardProps, c as cardVariants } from './Card-BsRTIzky.cjs';
|
|
8
8
|
export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-DvEDC3UK.cjs';
|
|
9
9
|
export { J as Json, a as JsonProps } from './Json-DZue23GO.cjs';
|
|
10
10
|
export { L as Label, a as LabelProps } from './Label--qRYiJs-.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BTPgXs_F.
|
|
|
4
4
|
export { A as Badge, B as BadgeProps } from './Badge-yzXn5LtZ.js';
|
|
5
5
|
export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DHn8XeOY.js';
|
|
6
6
|
export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.js';
|
|
7
|
-
export { C as Card, a as CardProps, c as cardVariants } from './Card-
|
|
7
|
+
export { C as Card, a as CardProps, c as cardVariants } from './Card-BsRTIzky.js';
|
|
8
8
|
export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-DvEDC3UK.js';
|
|
9
9
|
export { J as Json, a as JsonProps } from './Json-DZue23GO.js';
|
|
10
10
|
export { L as Label, a as LabelProps } from './Label--qRYiJs-.js';
|
package/dist/index.js
CHANGED
|
@@ -52,15 +52,15 @@ import {
|
|
|
52
52
|
Breadcrumb_default,
|
|
53
53
|
breadcrumbVariants
|
|
54
54
|
} from "./chunk-LPCCBJ2T.js";
|
|
55
|
-
import {
|
|
56
|
-
Card_default,
|
|
57
|
-
cardVariants
|
|
58
|
-
} from "./chunk-PRPGAJKZ.js";
|
|
59
55
|
import {
|
|
60
56
|
ButtonGroup_default,
|
|
61
57
|
Button_default,
|
|
62
58
|
buttonVariants
|
|
63
59
|
} from "./chunk-ODLZQXBE.js";
|
|
60
|
+
import {
|
|
61
|
+
Card_default,
|
|
62
|
+
cardVariants
|
|
63
|
+
} from "./chunk-TN3M7YVY.js";
|
|
64
64
|
import "./chunk-J7N2552D.js";
|
|
65
65
|
export {
|
|
66
66
|
Accordion_default as Accordion,
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@fuf-stack/pixels",
|
|
3
3
|
"description": "fuf core react component library",
|
|
4
4
|
"author": "Hannes Tiede",
|
|
5
|
-
"version": "0.31.
|
|
5
|
+
"version": "0.31.5",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.cjs",
|
|
8
8
|
"module": "./dist/index.js",
|
|
@@ -160,10 +160,10 @@
|
|
|
160
160
|
"@uiw/react-json-view": "2.0.0-alpha.30",
|
|
161
161
|
"react": "19.0.0",
|
|
162
162
|
"react-dom": "19.0.0",
|
|
163
|
-
"@repo/tsup-config": "0.0.1",
|
|
164
|
-
"@repo/vite-config": "0.0.1",
|
|
165
163
|
"@repo/storybook-config": "0.0.1",
|
|
166
|
-
"@repo/tailwind-config": "0.0.1"
|
|
164
|
+
"@repo/tailwind-config": "0.0.1",
|
|
165
|
+
"@repo/tsup-config": "0.0.1",
|
|
166
|
+
"@repo/vite-config": "0.0.1"
|
|
167
167
|
},
|
|
168
168
|
"scripts": {
|
|
169
169
|
"build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",
|
package/dist/chunk-DDWFDIXA.cjs
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
|
|
4
|
-
|
|
5
|
-
// src/Card/Card.tsx
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var _card = require('@nextui-org/card');
|
|
12
|
-
var _divider = require('@nextui-org/divider');
|
|
13
|
-
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
14
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
15
|
-
var cardVariants = _pixelutils.tv.call(void 0, {
|
|
16
|
-
slots: {
|
|
17
|
-
base: "border border-divider",
|
|
18
|
-
body: "",
|
|
19
|
-
divider: "my-0 border-divider",
|
|
20
|
-
footer: "",
|
|
21
|
-
header: "text-base font-semibold"
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var Card = ({
|
|
25
|
-
children = null,
|
|
26
|
-
className = void 0,
|
|
27
|
-
footer = void 0,
|
|
28
|
-
header = void 0,
|
|
29
|
-
ref = void 0,
|
|
30
|
-
testId = void 0
|
|
31
|
-
}) => {
|
|
32
|
-
const variants = cardVariants();
|
|
33
|
-
const _a = _pixelutils.variantsToClassNames.call(void 0,
|
|
34
|
-
variants,
|
|
35
|
-
className,
|
|
36
|
-
"base"
|
|
37
|
-
), { divider: dividerClassName } = _a, classNames = _chunkD4TLDLEXcjs.__objRest.call(void 0, _a, ["divider"]);
|
|
38
|
-
const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _divider.Divider, { className: dividerClassName });
|
|
39
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
40
|
-
_card.Card,
|
|
41
|
-
{
|
|
42
|
-
classNames,
|
|
43
|
-
"data-testid": testId && `card_${testId}`,
|
|
44
|
-
fullWidth: true,
|
|
45
|
-
radius: "sm",
|
|
46
|
-
ref,
|
|
47
|
-
shadow: "none",
|
|
48
|
-
children: [
|
|
49
|
-
header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
50
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
|
|
51
|
-
divider
|
|
52
|
-
] }),
|
|
53
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId && `card_body_${testId}`, children }),
|
|
54
|
-
footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
55
|
-
divider,
|
|
56
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
|
|
57
|
-
] })
|
|
58
|
-
]
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
};
|
|
62
|
-
var Card_default = Card;
|
|
63
|
-
|
|
64
|
-
// src/Card/index.ts
|
|
65
|
-
var Card_default2 = Card_default;
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
|
|
72
|
-
//# sourceMappingURL=chunk-DDWFDIXA.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-DDWFDIXA.cjs","../src/Card/Card.tsx","../src/Card/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA;AACE;AACA;AACA;AACA;AAAc,wCACT;AACP,8CAAuC;AAEvC,oDAAyC;AAmDvB,+CAAA;AAhDX,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uBAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAuBD,IAAM,KAAA,EAAO,CAAC;AAAA,EACZ,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,IAAA,EAAM,KAAA,CAAA;AAAA,EACN,OAAA,EAAS,KAAA;AAEX,CAAA,EAAA,GAAiB;AAEf,EAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,EAAA,MAAqD,GAAA,EAAA,8CAAA;AAAA,IACnD,QAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,EACF,CAAA,EAJQ,EAAA,OAAA,EAAS,iBAxDnB,EAAA,EAwDuD,EAAA,EAAf,WAAA,EAAA,yCAAA,EAAe,EAAf,CAA9B,SAAA,CAAA,CAAA;AAMR,EAAA,MAAM,QAAA,kBAAU,6BAAA,gBAAC,EAAA,EAAY,SAAA,EAAW,iBAAA,CAAkB,CAAA;AAE1D,EAAA,uBACE,8BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,aAAA,EAAa,OAAA,GAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA;AAC5B,MAAA;AACF,MAAA;AACP,MAAA;AACO,MAAA;AAEN,MAAA;AACC,QAAA;AACG,0BAAA;AAGA,UAAA;AACH,QAAA;AAEY,wBAAA;AAIZ,QAAA;AACG,UAAA;AACA,0BAAA;AAGH,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEJ;AAEe;ADlC+B;AACA;AEzD/B;AF2D+B;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-DDWFDIXA.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n Card as NextCard,\n CardBody as NextCardBody,\n CardFooter as NextCardFooter,\n CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-divider',\n body: '',\n divider: 'my-0 border-divider',\n footer: '',\n header: 'text-base font-semibold',\n },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** footer content */\n footer?: ReactNode;\n /** header content */\n header?: ReactNode;\n /** ref */\n ref?: React.RefObject<HTMLDivElement | null> | undefined;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n ref = undefined,\n testId = undefined,\n\n}: CardProps) => {\n // classNames from slots\n const variants = cardVariants();\n const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n variants,\n className,\n 'base',\n );\n\n const divider = <NextDivider className={dividerClassName} />;\n\n return (\n <NextCard\n classNames={classNames}\n data-testid={testId && `card_${testId}`}\n fullWidth\n radius=\"sm\"\n ref={ref}\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n {header}\n </NextCardHeader>\n {divider}\n </>\n )}\n <NextCardBody data-testid={testId && `card_body_${testId}`}>\n {children}\n </NextCardBody>\n {footer && (\n <>\n {divider}\n <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}
|
package/dist/chunk-PRPGAJKZ.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
__objRest
|
|
3
|
-
} from "./chunk-J7N2552D.js";
|
|
4
|
-
|
|
5
|
-
// src/Card/Card.tsx
|
|
6
|
-
import {
|
|
7
|
-
Card as NextCard,
|
|
8
|
-
CardBody as NextCardBody,
|
|
9
|
-
CardFooter as NextCardFooter,
|
|
10
|
-
CardHeader as NextCardHeader
|
|
11
|
-
} from "@nextui-org/card";
|
|
12
|
-
import { Divider as NextDivider } from "@nextui-org/divider";
|
|
13
|
-
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
14
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
-
var cardVariants = tv({
|
|
16
|
-
slots: {
|
|
17
|
-
base: "border border-divider",
|
|
18
|
-
body: "",
|
|
19
|
-
divider: "my-0 border-divider",
|
|
20
|
-
footer: "",
|
|
21
|
-
header: "text-base font-semibold"
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var Card = ({
|
|
25
|
-
children = null,
|
|
26
|
-
className = void 0,
|
|
27
|
-
footer = void 0,
|
|
28
|
-
header = void 0,
|
|
29
|
-
ref = void 0,
|
|
30
|
-
testId = void 0
|
|
31
|
-
}) => {
|
|
32
|
-
const variants = cardVariants();
|
|
33
|
-
const _a = variantsToClassNames(
|
|
34
|
-
variants,
|
|
35
|
-
className,
|
|
36
|
-
"base"
|
|
37
|
-
), { divider: dividerClassName } = _a, classNames = __objRest(_a, ["divider"]);
|
|
38
|
-
const divider = /* @__PURE__ */ jsx(NextDivider, { className: dividerClassName });
|
|
39
|
-
return /* @__PURE__ */ jsxs(
|
|
40
|
-
NextCard,
|
|
41
|
-
{
|
|
42
|
-
classNames,
|
|
43
|
-
"data-testid": testId && `card_${testId}`,
|
|
44
|
-
fullWidth: true,
|
|
45
|
-
radius: "sm",
|
|
46
|
-
ref,
|
|
47
|
-
shadow: "none",
|
|
48
|
-
children: [
|
|
49
|
-
header && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
50
|
-
/* @__PURE__ */ jsx(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
|
|
51
|
-
divider
|
|
52
|
-
] }),
|
|
53
|
-
/* @__PURE__ */ jsx(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
|
|
54
|
-
footer && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
55
|
-
divider,
|
|
56
|
-
/* @__PURE__ */ jsx(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
|
|
57
|
-
] })
|
|
58
|
-
]
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
};
|
|
62
|
-
var Card_default = Card;
|
|
63
|
-
|
|
64
|
-
// src/Card/index.ts
|
|
65
|
-
var Card_default2 = Card_default;
|
|
66
|
-
|
|
67
|
-
export {
|
|
68
|
-
cardVariants,
|
|
69
|
-
Card_default,
|
|
70
|
-
Card_default2
|
|
71
|
-
};
|
|
72
|
-
//# sourceMappingURL=chunk-PRPGAJKZ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n Card as NextCard,\n CardBody as NextCardBody,\n CardFooter as NextCardFooter,\n CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-divider',\n body: '',\n divider: 'my-0 border-divider',\n footer: '',\n header: 'text-base font-semibold',\n },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** footer content */\n footer?: ReactNode;\n /** header content */\n header?: ReactNode;\n /** ref */\n ref?: React.RefObject<HTMLDivElement | null> | undefined;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n ref = undefined,\n testId = undefined,\n\n}: CardProps) => {\n // classNames from slots\n const variants = cardVariants();\n const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n variants,\n className,\n 'base',\n );\n\n const divider = <NextDivider className={dividerClassName} />;\n\n return (\n <NextCard\n classNames={classNames}\n data-testid={testId && `card_${testId}`}\n fullWidth\n radius=\"sm\"\n ref={ref}\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n {header}\n </NextCardHeader>\n {divider}\n </>\n )}\n <NextCardBody data-testid={testId && `card_body_${testId}`}>\n {children}\n </NextCardBody>\n {footer && (\n <>\n {divider}\n <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";;;;;AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AAmDvB,SAYV,UAZU,KAYV,YAZU;AAhDX,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAEX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAqD;AAAA,IACnD;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAJQ,WAAS,iBAxDnB,IAwDuD,IAAf,uBAAe,IAAf,CAA9B;AAMR,QAAM,UAAU,oBAAC,eAAY,WAAW,kBAAkB;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP;AAAA,MACA,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC1Ff,IAAOA,gBAAQ;","names":["Card_default"]}
|