animal-island-ui 1.2.2 → 1.2.3
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/AI_USAGE.md +3 -1
- package/README.md +11 -0
- package/dist/cjs/components/Card/Card.cjs +1 -1
- package/dist/cjs/components/Card/card.module.less.cjs +1 -1
- package/dist/es/components/Card/Card.js +14 -12
- package/dist/es/components/Card/card.module.css +1 -1
- package/dist/es/components/Card/card.module.less.js +46 -43
- package/dist/index.css +1 -1
- package/dist/types/components/Card/Card.d.ts +7 -0
- package/package.json +4 -2
package/AI_USAGE.md
CHANGED
|
@@ -318,12 +318,14 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
318
318
|
type?: CardType; // default 'default'
|
|
319
319
|
color?: CardColor; // default 'default'
|
|
320
320
|
pattern?: CardPattern; // default 'none'
|
|
321
|
+
hoverable?: boolean; // default false (no hover); true → cursor pointer + translateY(-2px) on hover
|
|
321
322
|
children?: React.ReactNode;
|
|
322
323
|
}
|
|
323
324
|
```
|
|
324
325
|
|
|
325
326
|
```tsx
|
|
326
|
-
<Card>Default parchment card</Card>
|
|
327
|
+
<Card>Default parchment card (read-only, no hover)</Card>
|
|
328
|
+
<Card hoverable>Interactive card (hover lifts -2px, cursor pointer)</Card>
|
|
327
329
|
<Card type="dashed">Draft / empty-state container</Card>
|
|
328
330
|
<Card color="app-yellow">Notification</Card>
|
|
329
331
|
<Card color="app-blue" pattern="app-pink">With decorative pattern overlay</Card>
|
package/README.md
CHANGED
|
@@ -188,7 +188,18 @@ npm run build:demo
|
|
|
188
188
|
<img src="docs/img/awesome-splatoon3.png" alt="Awesome-splatoon3" style="border-radius: 8px; width: 90%; display: block; margin: 8px auto 0;" />
|
|
189
189
|
<br/><a href="https://github.com/961853266hyt/awesome-splatoon3">Awesome-splatoon3</a><br/><sub>Splatoon 3 resource station</sub>
|
|
190
190
|
</td>
|
|
191
|
+
<td align="center" width="33%">
|
|
192
|
+
<br/>
|
|
193
|
+
<img src="docs/img/callai.png" alt="callai" style="border-radius: 8px; width: 90%; display: block; margin: 8px auto 0;" />
|
|
194
|
+
<br/><a href="https://github.com/YuniqueUnic/callai">callai</a><br/><sub>Cozy AI window-warming alarm (Tauri desktop + CLI)</sub>
|
|
195
|
+
</td>
|
|
196
|
+
<td align="center" width="33%">
|
|
197
|
+
<br/>
|
|
198
|
+
<img src="docs/img/acorn.png" alt="Acorn" style="border-radius: 8px; width: 90%; display: block; margin: 8px auto 0;" />
|
|
199
|
+
<br/><a href="https://github.com/Mystic-Stars/acorn-theme">Acorn</a><br/><sub>Acorn Astro Theme</sub>
|
|
200
|
+
</td>
|
|
191
201
|
</tr>
|
|
202
|
+
|
|
192
203
|
</table>
|
|
193
204
|
|
|
194
205
|
## Notes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),e=require("./card.module.less.cjs"),t=({type:r="default",color:a="default",pattern:d="none",hoverable:l=!1,children:u,className:s,style:n,...o})=>{const c=[e.default.card,r==="dashed"&&e.default["card-dashed"],a!=="default"&&e.default[`card-${a}`],d!=="none"&&e.default[`pattern-${d}`],l&&e.default["card-hoverable"],s].filter(Boolean).join(" ");return f.jsx("div",{className:c,style:n,...o,children:u})};t.displayName="Card";exports.Card=t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
require("../../../es/components/Card/card.module.css");
|
|
2
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="animal-card-DJ515",e="animal-card-dashed-fqnm1",p="animal-card-app-pink-3Eo8d",
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="animal-card-DJ515",e="animal-card-dashed-fqnm1",p="animal-card-hoverable-RF-YV",r="animal-card-app-pink-3Eo8d",n="animal-card-purple-Gq7sR",t="animal-card-app-blue-GHH1a",l="animal-card-app-yellow-DWB-L",c="animal-card-app-orange-V5yD7",d="animal-card-app-teal-R5kFG",i="animal-card-app-green-xlNUs",o="animal-card-app-red-DzE0l",m="animal-card-lime-green-KiJbe",w="animal-card-yellow-green-4c-lF",s="animal-card-brown-hLCrx",A="animal-card-warm-peach-pink-RlSVo",u="animal-pattern-default-w-ord",g="animal-pattern-app-pink--UNSj",k="animal-pattern-purple-uTyc6",P="animal-pattern-app-blue-KIXQM",b="animal-pattern-app-yellow-K9MwO",h="animal-pattern-app-orange-QdKbc",G="animal-pattern-app-teal-bRRLd",y="animal-pattern-app-green-FKDYa",R="animal-pattern-app-red--c4q5",Y="animal-pattern-lime-green-z13TC",D="animal-pattern-yellow-green-Cgkp8",B="animal-pattern-brown-2fhlx",f="animal-pattern-warm-peach-pink-EXPaC",L={card:a,"card-dashed":"animal-card-dashed-fqnm1",cardDashed:e,"card-hoverable":"animal-card-hoverable-RF-YV",cardHoverable:p,"card-app-pink":"animal-card-app-pink-3Eo8d",cardAppPink:r,"card-purple":"animal-card-purple-Gq7sR",cardPurple:n,"card-app-blue":"animal-card-app-blue-GHH1a",cardAppBlue:t,"card-app-yellow":"animal-card-app-yellow-DWB-L",cardAppYellow:l,"card-app-orange":"animal-card-app-orange-V5yD7",cardAppOrange:c,"card-app-teal":"animal-card-app-teal-R5kFG",cardAppTeal:d,"card-app-green":"animal-card-app-green-xlNUs",cardAppGreen:i,"card-app-red":"animal-card-app-red-DzE0l",cardAppRed:o,"card-lime-green":"animal-card-lime-green-KiJbe",cardLimeGreen:m,"card-yellow-green":"animal-card-yellow-green-4c-lF",cardYellowGreen:w,"card-brown":"animal-card-brown-hLCrx",cardBrown:s,"card-warm-peach-pink":"animal-card-warm-peach-pink-RlSVo",cardWarmPeachPink:A,"pattern-default":"animal-pattern-default-w-ord",patternDefault:u,"pattern-app-pink":"animal-pattern-app-pink--UNSj",patternAppPink:g,"pattern-purple":"animal-pattern-purple-uTyc6",patternPurple:k,"pattern-app-blue":"animal-pattern-app-blue-KIXQM",patternAppBlue:P,"pattern-app-yellow":"animal-pattern-app-yellow-K9MwO",patternAppYellow:b,"pattern-app-orange":"animal-pattern-app-orange-QdKbc",patternAppOrange:h,"pattern-app-teal":"animal-pattern-app-teal-bRRLd",patternAppTeal:G,"pattern-app-green":"animal-pattern-app-green-FKDYa",patternAppGreen:y,"pattern-app-red":"animal-pattern-app-red--c4q5",patternAppRed:R,"pattern-lime-green":"animal-pattern-lime-green-z13TC",patternLimeGreen:Y,"pattern-yellow-green":"animal-pattern-yellow-green-Cgkp8",patternYellowGreen:D,"pattern-brown":"animal-pattern-brown-2fhlx",patternBrown:B,"pattern-warm-peach-pink":"animal-pattern-warm-peach-pink-EXPaC",patternWarmPeachPink:f};exports.card=a;exports.cardAppBlue=t;exports.cardAppGreen=i;exports.cardAppOrange=c;exports.cardAppPink=r;exports.cardAppRed=o;exports.cardAppTeal=d;exports.cardAppYellow=l;exports.cardBrown=s;exports.cardDashed=e;exports.cardHoverable=p;exports.cardLimeGreen=m;exports.cardPurple=n;exports.cardWarmPeachPink=A;exports.cardYellowGreen=w;exports.default=L;exports.patternAppBlue=P;exports.patternAppGreen=y;exports.patternAppOrange=h;exports.patternAppPink=g;exports.patternAppRed=R;exports.patternAppTeal=G;exports.patternAppYellow=b;exports.patternBrown=B;exports.patternDefault=u;exports.patternLimeGreen=Y;exports.patternPurple=k;exports.patternWarmPeachPink=f;exports.patternYellowGreen=D;
|
|
@@ -1,24 +1,26 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
2
|
import a from "./card.module.less.js";
|
|
3
|
-
const
|
|
3
|
+
const i = ({
|
|
4
4
|
type: r = "default",
|
|
5
|
-
color:
|
|
6
|
-
pattern:
|
|
7
|
-
|
|
5
|
+
color: e = "default",
|
|
6
|
+
pattern: d = "none",
|
|
7
|
+
hoverable: s = !1,
|
|
8
|
+
children: o,
|
|
8
9
|
className: t,
|
|
9
|
-
style:
|
|
10
|
+
style: l,
|
|
10
11
|
...n
|
|
11
12
|
}) => {
|
|
12
|
-
const
|
|
13
|
+
const c = [
|
|
13
14
|
a.card,
|
|
14
15
|
r === "dashed" && a["card-dashed"],
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
e !== "default" && a[`card-${e}`],
|
|
17
|
+
d !== "none" && a[`pattern-${d}`],
|
|
18
|
+
s && a["card-hoverable"],
|
|
17
19
|
t
|
|
18
20
|
].filter(Boolean).join(" ");
|
|
19
|
-
return /* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ f("div", { className: c, style: l, ...n, children: o });
|
|
20
22
|
};
|
|
21
|
-
|
|
23
|
+
i.displayName = "Card";
|
|
22
24
|
export {
|
|
23
|
-
|
|
25
|
+
i as Card
|
|
24
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.animal-card-DJ515{border-radius:20px;background:#f7f3df;padding:16px 24px;color:#725d42;font-weight:500;transition:all .3s ease
|
|
1
|
+
.animal-card-DJ515{border-radius:20px;background:#f7f3df;padding:16px 24px;color:#725d42;font-weight:500;transition:all .3s ease}.animal-card-dashed-fqnm1{background:#faf8f2;border:2px dashed #e8dcc8;box-shadow:none}.animal-card-hoverable-RF-YV{cursor:pointer}.animal-card-hoverable-RF-YV:hover{transform:translateY(-2px)}.animal-card-hoverable-RF-YV.animal-card-dashed-fqnm1:hover{transform:none;border-color:#d4c4a8}.animal-card-app-pink-3Eo8d{background:#f8a6b2;color:#fff}.animal-card-purple-Gq7sR{background:#b77dee;color:#fff}.animal-card-app-blue-GHH1a{background:#889df0;color:#fff}.animal-card-app-yellow-DWB-L{background:#f7cd67;color:#725d42}.animal-card-app-orange-V5yD7{background:#e59266;color:#fff}.animal-card-app-teal-R5kFG{background:#82d5bb;color:#fff}.animal-card-app-green-xlNUs{background:#8ac68a;color:#fff}.animal-card-app-red-DzE0l{background:#fc736d;color:#fff}.animal-card-lime-green-KiJbe{background:#d1da49;color:#3d5a1a}.animal-card-yellow-green-4c-lF{background:#ecdf52;color:#725d42}.animal-card-brown-hLCrx{background:#9a835a;color:#fff}.animal-card-warm-peach-pink-RlSVo{background:#e18c6f;color:#fff}.animal-pattern-default-w-ord{background:radial-gradient(circle,rgba(196,184,158,.15) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(196,184,158,.1) 1px,transparent 1px),#f7f3df;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #d4c4a8;color:#725d42}.animal-pattern-app-pink--UNSj{background:radial-gradient(circle,rgba(248,166,178,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,200,210,.12) 1px,transparent 1px),#fde4e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #f8a6b2;color:#a85565}.animal-pattern-purple-uTyc6{background:radial-gradient(circle,rgba(183,125,238,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(220,180,255,.12) 1px,transparent 1px),#f0e8ff;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #b77dee;color:#6a3a9a}.animal-pattern-app-blue-KIXQM{background:radial-gradient(circle,rgba(136,157,240,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(180,195,255,.12) 1px,transparent 1px),#e8edff;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #889df0;color:#4a5a8a}.animal-pattern-app-yellow-K9MwO{background:radial-gradient(circle,rgba(247,205,103,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,230,160,.12) 1px,transparent 1px),#fff8e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #f7cd67;color:#7a6528}.animal-pattern-app-orange-QdKbc{background:radial-gradient(circle,rgba(229,146,102,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,190,150,.12) 1px,transparent 1px),#fff0e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #e59266;color:#8a4a2a}.animal-pattern-app-teal-bRRLd{background:radial-gradient(circle,rgba(130,213,187,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(170,235,210,.12) 1px,transparent 1px),#e8faf5;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #82d5bb;color:#2a6b5a}.animal-pattern-app-green-FKDYa{background:radial-gradient(circle,rgba(138,198,138,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(180,220,180,.12) 1px,transparent 1px),#e8f5e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #8ac68a;color:#3a6b3a}.animal-pattern-app-red--c4q5{background:radial-gradient(circle,rgba(252,115,109,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,160,155,.12) 1px,transparent 1px),#ffe8e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #fc736d;color:#9a3a3a}.animal-pattern-lime-green-z13TC{background:radial-gradient(circle,rgba(209,218,73,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(230,240,130,.12) 1px,transparent 1px),#f5f8e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #d1da49;color:#5a6b28}.animal-pattern-yellow-green-Cgkp8{background:radial-gradient(circle,rgba(236,223,82,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,245,140,.12) 1px,transparent 1px),#fffde8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #ecdf52;color:#6a5a28}.animal-pattern-brown-2fhlx{background:radial-gradient(circle,rgba(154,131,90,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(190,165,120,.12) 1px,transparent 1px),#f5f0e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #9a835a;color:#5a4a2a}.animal-pattern-warm-peach-pink-EXPaC{background:radial-gradient(circle,rgba(225,140,111,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,185,160,.12) 1px,transparent 1px),#fff0e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #e18c6f;color:#8a4a2a}
|
|
@@ -1,54 +1,56 @@
|
|
|
1
1
|
import "./card.module.css";
|
|
2
|
-
const a = "animal-card-DJ515", p = "animal-card-dashed-fqnm1", e = "animal-card-app-pink-3Eo8d", n = "animal-card-purple-Gq7sR",
|
|
2
|
+
const a = "animal-card-DJ515", p = "animal-card-dashed-fqnm1", e = "animal-card-hoverable-RF-YV", r = "animal-card-app-pink-3Eo8d", n = "animal-card-purple-Gq7sR", t = "animal-card-app-blue-GHH1a", l = "animal-card-app-yellow-DWB-L", c = "animal-card-app-orange-V5yD7", d = "animal-card-app-teal-R5kFG", i = "animal-card-app-green-xlNUs", m = "animal-card-app-red-DzE0l", o = "animal-card-lime-green-KiJbe", s = "animal-card-yellow-green-4c-lF", w = "animal-card-brown-hLCrx", g = "animal-card-warm-peach-pink-RlSVo", u = "animal-pattern-default-w-ord", A = "animal-pattern-app-pink--UNSj", k = "animal-pattern-purple-uTyc6", b = "animal-pattern-app-blue-KIXQM", h = "animal-pattern-app-yellow-K9MwO", G = "animal-pattern-app-orange-QdKbc", P = "animal-pattern-app-teal-bRRLd", y = "animal-pattern-app-green-FKDYa", R = "animal-pattern-app-red--c4q5", D = "animal-pattern-lime-green-z13TC", Y = "animal-pattern-yellow-green-Cgkp8", f = "animal-pattern-brown-2fhlx", B = "animal-pattern-warm-peach-pink-EXPaC", K = {
|
|
3
3
|
card: a,
|
|
4
4
|
"card-dashed": "animal-card-dashed-fqnm1",
|
|
5
5
|
cardDashed: p,
|
|
6
|
+
"card-hoverable": "animal-card-hoverable-RF-YV",
|
|
7
|
+
cardHoverable: e,
|
|
6
8
|
"card-app-pink": "animal-card-app-pink-3Eo8d",
|
|
7
|
-
cardAppPink:
|
|
9
|
+
cardAppPink: r,
|
|
8
10
|
"card-purple": "animal-card-purple-Gq7sR",
|
|
9
11
|
cardPurple: n,
|
|
10
12
|
"card-app-blue": "animal-card-app-blue-GHH1a",
|
|
11
|
-
cardAppBlue:
|
|
13
|
+
cardAppBlue: t,
|
|
12
14
|
"card-app-yellow": "animal-card-app-yellow-DWB-L",
|
|
13
|
-
cardAppYellow:
|
|
15
|
+
cardAppYellow: l,
|
|
14
16
|
"card-app-orange": "animal-card-app-orange-V5yD7",
|
|
15
|
-
cardAppOrange:
|
|
17
|
+
cardAppOrange: c,
|
|
16
18
|
"card-app-teal": "animal-card-app-teal-R5kFG",
|
|
17
|
-
cardAppTeal:
|
|
19
|
+
cardAppTeal: d,
|
|
18
20
|
"card-app-green": "animal-card-app-green-xlNUs",
|
|
19
|
-
cardAppGreen:
|
|
21
|
+
cardAppGreen: i,
|
|
20
22
|
"card-app-red": "animal-card-app-red-DzE0l",
|
|
21
|
-
cardAppRed:
|
|
23
|
+
cardAppRed: m,
|
|
22
24
|
"card-lime-green": "animal-card-lime-green-KiJbe",
|
|
23
|
-
cardLimeGreen:
|
|
25
|
+
cardLimeGreen: o,
|
|
24
26
|
"card-yellow-green": "animal-card-yellow-green-4c-lF",
|
|
25
|
-
cardYellowGreen:
|
|
27
|
+
cardYellowGreen: s,
|
|
26
28
|
"card-brown": "animal-card-brown-hLCrx",
|
|
27
|
-
cardBrown:
|
|
29
|
+
cardBrown: w,
|
|
28
30
|
"card-warm-peach-pink": "animal-card-warm-peach-pink-RlSVo",
|
|
29
|
-
cardWarmPeachPink:
|
|
31
|
+
cardWarmPeachPink: g,
|
|
30
32
|
"pattern-default": "animal-pattern-default-w-ord",
|
|
31
|
-
patternDefault:
|
|
33
|
+
patternDefault: u,
|
|
32
34
|
"pattern-app-pink": "animal-pattern-app-pink--UNSj",
|
|
33
|
-
patternAppPink:
|
|
35
|
+
patternAppPink: A,
|
|
34
36
|
"pattern-purple": "animal-pattern-purple-uTyc6",
|
|
35
|
-
patternPurple:
|
|
37
|
+
patternPurple: k,
|
|
36
38
|
"pattern-app-blue": "animal-pattern-app-blue-KIXQM",
|
|
37
|
-
patternAppBlue:
|
|
39
|
+
patternAppBlue: b,
|
|
38
40
|
"pattern-app-yellow": "animal-pattern-app-yellow-K9MwO",
|
|
39
41
|
patternAppYellow: h,
|
|
40
42
|
"pattern-app-orange": "animal-pattern-app-orange-QdKbc",
|
|
41
|
-
patternAppOrange:
|
|
43
|
+
patternAppOrange: G,
|
|
42
44
|
"pattern-app-teal": "animal-pattern-app-teal-bRRLd",
|
|
43
|
-
patternAppTeal:
|
|
45
|
+
patternAppTeal: P,
|
|
44
46
|
"pattern-app-green": "animal-pattern-app-green-FKDYa",
|
|
45
|
-
patternAppGreen:
|
|
47
|
+
patternAppGreen: y,
|
|
46
48
|
"pattern-app-red": "animal-pattern-app-red--c4q5",
|
|
47
|
-
patternAppRed:
|
|
49
|
+
patternAppRed: R,
|
|
48
50
|
"pattern-lime-green": "animal-pattern-lime-green-z13TC",
|
|
49
|
-
patternLimeGreen:
|
|
51
|
+
patternLimeGreen: D,
|
|
50
52
|
"pattern-yellow-green": "animal-pattern-yellow-green-Cgkp8",
|
|
51
|
-
patternYellowGreen:
|
|
53
|
+
patternYellowGreen: Y,
|
|
52
54
|
"pattern-brown": "animal-pattern-brown-2fhlx",
|
|
53
55
|
patternBrown: f,
|
|
54
56
|
"pattern-warm-peach-pink": "animal-pattern-warm-peach-pink-EXPaC",
|
|
@@ -56,31 +58,32 @@ const a = "animal-card-DJ515", p = "animal-card-dashed-fqnm1", e = "animal-card-
|
|
|
56
58
|
};
|
|
57
59
|
export {
|
|
58
60
|
a as card,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
61
|
+
t as cardAppBlue,
|
|
62
|
+
i as cardAppGreen,
|
|
63
|
+
c as cardAppOrange,
|
|
64
|
+
r as cardAppPink,
|
|
65
|
+
m as cardAppRed,
|
|
66
|
+
d as cardAppTeal,
|
|
67
|
+
l as cardAppYellow,
|
|
68
|
+
w as cardBrown,
|
|
67
69
|
p as cardDashed,
|
|
68
|
-
|
|
70
|
+
e as cardHoverable,
|
|
71
|
+
o as cardLimeGreen,
|
|
69
72
|
n as cardPurple,
|
|
70
|
-
|
|
71
|
-
|
|
73
|
+
g as cardWarmPeachPink,
|
|
74
|
+
s as cardYellowGreen,
|
|
72
75
|
K as default,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
76
|
+
b as patternAppBlue,
|
|
77
|
+
y as patternAppGreen,
|
|
78
|
+
G as patternAppOrange,
|
|
79
|
+
A as patternAppPink,
|
|
80
|
+
R as patternAppRed,
|
|
81
|
+
P as patternAppTeal,
|
|
79
82
|
h as patternAppYellow,
|
|
80
83
|
f as patternBrown,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
+
u as patternDefault,
|
|
85
|
+
D as patternLimeGreen,
|
|
86
|
+
k as patternPurple,
|
|
84
87
|
B as patternWarmPeachPink,
|
|
85
|
-
|
|
88
|
+
Y as patternYellowGreen
|
|
86
89
|
};
|
package/dist/index.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.animal-btn-QoKe1{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--animal-spacing-sm);font-family:var(--animal-font-family);font-weight:600;white-space:nowrap;cursor:pointer;border:var(--animal-border-width) solid transparent;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);user-select:none;outline:none;line-height:1;letter-spacing:.02em;box-shadow:var(--animal-shadow-sm)}.animal-btn-QoKe1:focus-visible{outline:2px solid var(--animal-primary-color);outline-offset:2px}.animal-btn-QoKe1:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.animal-btn-small-6Srsd{height:var(--animal-height-sm);padding:0 var(--animal-spacing-lg);font-size:var(--animal-font-size-sm);border-radius:var(--animal-border-radius-sm)}.animal-btn-middle-zEXqv{height:45px;padding:0 20px;font-size:var(--animal-font-size-base)}.animal-btn-large-k9IvA{height:var(--animal-height-lg);padding:0 32px;font-size:var(--animal-font-size-lg);border-radius:var(--animal-border-radius-lg)}.animal-btn-default-L7yE6{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color)}.animal-btn-default-L7yE6:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);box-shadow:var(--animal-shadow-base);transform:translateY(-1px)}.animal-btn-default-L7yE6:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0);box-shadow:var(--animal-shadow-sm)}.animal-btn-primary-9tMG9{color:#794f27;background:#f8f8f0;border-color:#f8f8f0;box-shadow:0 5px #bdaea0}.animal-btn-primary-9tMG9:hover:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(-1px);box-shadow:0 6px #bdaea0}.animal-btn-primary-9tMG9:active:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(2px);box-shadow:0 1px #bdaea0}.animal-btn-dashed-wzZ-i{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color);border-style:dashed}.animal-btn-dashed-wzZ-i:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);transform:translateY(-1px)}.animal-btn-dashed-wzZ-i:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0)}.animal-btn-text-Tope4{color:var(--animal-text-color);background:transparent;border-color:transparent;box-shadow:none}.animal-btn-text-Tope4:hover:not(:disabled){background:var(--animal-bg-color-secondary)}.animal-btn-text-Tope4:active:not(:disabled){background:#e9ddc6}.animal-btn-link-pURnf{color:var(--animal-primary-color);background:transparent;border-color:transparent;box-shadow:none}.animal-btn-link-pURnf:hover:not(:disabled){color:var(--animal-primary-color-hover);opacity:.85}.animal-btn-link-pURnf:active:not(:disabled){color:var(--animal-primary-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9{color:#fff;background:var(--animal-error-color);border-color:var(--animal-error-color);box-shadow:0 5px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9:hover:not(:disabled){background:var(--animal-error-color-hover);border-color:var(--animal-error-color-hover);box-shadow:0 6px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9:active:not(:disabled){background:var(--animal-error-color-active);border-color:var(--animal-error-color-active);box-shadow:0 1px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6,.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i{color:#e05a5a;border-color:var(--animal-error-color)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6:hover:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i:hover:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-hover)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6:active:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i:active:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4,.animal-btn-danger-zQ4kF.animal-btn-link-pURnf{color:#fff}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4:hover:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-link-pURnf:hover:not(:disabled){color:#fff}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4:active:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-link-pURnf:active:not(:disabled){color:#fff}.animal-btn-ghost-Ykty4{background:transparent;box-shadow:none}.animal-btn-ghost-Ykty4.animal-btn-primary-9tMG9{color:var(--animal-primary-color);background:transparent;box-shadow:none}.animal-btn-ghost-Ykty4.animal-btn-primary-9tMG9:hover:not(:disabled){color:var(--animal-primary-color-hover);border-color:var(--animal-primary-color-hover);background:#19c8b914}.animal-btn-block-MC4pp{display:flex;width:100%}.animal-btn-loading-PfXLM{cursor:default;pointer-events:none;box-shadow:none;background:#0ec4b6;border:4px solid #4de2da;color:#fff;background-image:repeating-linear-gradient(-45deg,#0ec4b6,#0ec4b6 10px,#01b0a7 10px 20px);background-size:28.28px 28.28px;animation:animal-animal-btn-loading-Rf1hg 1s linear infinite}.animal-btn-icon-P5CS9{display:inline-flex;align-items:center}@keyframes animal-animal-btn-loading-Rf1hg{0%{background-position:0 0}to{background-position:-28.28px 0}}
|
|
4
4
|
|
|
5
|
-
.animal-card-DJ515{border-radius:20px;background:#f7f3df;padding:16px 24px;color:#725d42;font-weight:500;transition:all .3s ease
|
|
5
|
+
.animal-card-DJ515{border-radius:20px;background:#f7f3df;padding:16px 24px;color:#725d42;font-weight:500;transition:all .3s ease}.animal-card-dashed-fqnm1{background:#faf8f2;border:2px dashed #e8dcc8;box-shadow:none}.animal-card-hoverable-RF-YV{cursor:pointer}.animal-card-hoverable-RF-YV:hover{transform:translateY(-2px)}.animal-card-hoverable-RF-YV.animal-card-dashed-fqnm1:hover{transform:none;border-color:#d4c4a8}.animal-card-app-pink-3Eo8d{background:#f8a6b2;color:#fff}.animal-card-purple-Gq7sR{background:#b77dee;color:#fff}.animal-card-app-blue-GHH1a{background:#889df0;color:#fff}.animal-card-app-yellow-DWB-L{background:#f7cd67;color:#725d42}.animal-card-app-orange-V5yD7{background:#e59266;color:#fff}.animal-card-app-teal-R5kFG{background:#82d5bb;color:#fff}.animal-card-app-green-xlNUs{background:#8ac68a;color:#fff}.animal-card-app-red-DzE0l{background:#fc736d;color:#fff}.animal-card-lime-green-KiJbe{background:#d1da49;color:#3d5a1a}.animal-card-yellow-green-4c-lF{background:#ecdf52;color:#725d42}.animal-card-brown-hLCrx{background:#9a835a;color:#fff}.animal-card-warm-peach-pink-RlSVo{background:#e18c6f;color:#fff}.animal-pattern-default-w-ord{background:radial-gradient(circle,rgba(196,184,158,.15) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(196,184,158,.1) 1px,transparent 1px),#f7f3df;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #d4c4a8;color:#725d42}.animal-pattern-app-pink--UNSj{background:radial-gradient(circle,rgba(248,166,178,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,200,210,.12) 1px,transparent 1px),#fde4e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #f8a6b2;color:#a85565}.animal-pattern-purple-uTyc6{background:radial-gradient(circle,rgba(183,125,238,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(220,180,255,.12) 1px,transparent 1px),#f0e8ff;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #b77dee;color:#6a3a9a}.animal-pattern-app-blue-KIXQM{background:radial-gradient(circle,rgba(136,157,240,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(180,195,255,.12) 1px,transparent 1px),#e8edff;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #889df0;color:#4a5a8a}.animal-pattern-app-yellow-K9MwO{background:radial-gradient(circle,rgba(247,205,103,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,230,160,.12) 1px,transparent 1px),#fff8e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #f7cd67;color:#7a6528}.animal-pattern-app-orange-QdKbc{background:radial-gradient(circle,rgba(229,146,102,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,190,150,.12) 1px,transparent 1px),#fff0e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #e59266;color:#8a4a2a}.animal-pattern-app-teal-bRRLd{background:radial-gradient(circle,rgba(130,213,187,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(170,235,210,.12) 1px,transparent 1px),#e8faf5;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #82d5bb;color:#2a6b5a}.animal-pattern-app-green-FKDYa{background:radial-gradient(circle,rgba(138,198,138,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(180,220,180,.12) 1px,transparent 1px),#e8f5e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #8ac68a;color:#3a6b3a}.animal-pattern-app-red--c4q5{background:radial-gradient(circle,rgba(252,115,109,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,160,155,.12) 1px,transparent 1px),#ffe8e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #fc736d;color:#9a3a3a}.animal-pattern-lime-green-z13TC{background:radial-gradient(circle,rgba(209,218,73,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(230,240,130,.12) 1px,transparent 1px),#f5f8e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #d1da49;color:#5a6b28}.animal-pattern-yellow-green-Cgkp8{background:radial-gradient(circle,rgba(236,223,82,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,245,140,.12) 1px,transparent 1px),#fffde8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #ecdf52;color:#6a5a28}.animal-pattern-brown-2fhlx{background:radial-gradient(circle,rgba(154,131,90,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(190,165,120,.12) 1px,transparent 1px),#f5f0e0;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #9a835a;color:#5a4a2a}.animal-pattern-warm-peach-pink-EXPaC{background:radial-gradient(circle,rgba(225,140,111,.18) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,185,160,.12) 1px,transparent 1px),#fff0e8;background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;border:1.5px solid #e18c6f;color:#8a4a2a}
|
|
6
6
|
|
|
7
7
|
.animal-checkboxGroup-q3P6l{display:flex;flex-wrap:wrap;gap:16px;font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.animal-horizontal-fBBSw{flex-direction:row}.animal-vertical-klL45{flex-direction:column;gap:12px}.animal-checkboxItem-DxKFM{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;position:relative}.animal-small-2wCHI{--cbx-size: 18px;--cbx-check-w: 10px;--cbx-check-h: 9px}.animal-small-2wCHI .animal-label-L0ila{font-size:12px}.animal-middle-VUB-E{--cbx-size: 22px;--cbx-check-w: 12px;--cbx-check-h: 11px}.animal-middle-VUB-E .animal-label-L0ila{font-size:14px}.animal-large-QQxPe{--cbx-size: 28px;--cbx-check-w: 15px;--cbx-check-h: 14px}.animal-large-QQxPe .animal-label-L0ila{font-size:16px}.animal-cbx-r-W7r{position:relative;width:var(--cbx-size);height:var(--cbx-size);flex-shrink:0;box-sizing:border-box}.animal-cbx-r-W7r input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0;position:absolute;top:0;left:0;width:var(--cbx-size);height:var(--cbx-size);border:2px solid #c4b89e;border-radius:50%;background:#f7f3df;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.animal-cbx-r-W7r input[type=checkbox]:focus-visible{outline:2px solid #f5c31c;outline-offset:2px}.animal-cbx-r-W7r .animal-splash-95w6m{display:block;width:var(--cbx-size);height:var(--cbx-size);background:none;border-radius:50%;position:absolute;top:0;left:0;transform:translateZ(0);pointer-events:none}.animal-cbx-r-W7r .animal-check-aNoPL{position:absolute;top:50%;left:50%;width:var(--cbx-check-w);height:var(--cbx-check-h);transform:translate(-50%,-54%);z-index:1;pointer-events:none}.animal-cbx-r-W7r .animal-check-aNoPL path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}.animal-cbx-r-W7r input:checked{border-color:#50b9ab}.animal-cbx-r-W7r input:checked~.animal-splash-95w6m{animation:animal-animal-cbx-splash-dEVmu .6s ease forwards}.animal-cbx-r-W7r input:checked~.animal-check-aNoPL path{stroke-dashoffset:0}.animal-label-L0ila{color:#725d42;font-weight:500;letter-spacing:.01em;transition:color .15s}.animal-checked-S7gPe .animal-label-L0ila{color:#794f27}.animal-checked-S7gPe .animal-cbx-r-W7r input{background:#19c8b9}.animal-disabled-zDC-1{cursor:not-allowed;opacity:.55}.animal-disabled-zDC-1 .animal-cbx-r-W7r input{background:#f0ece2;border-color:#d4c9b4}.animal-disabled-zDC-1 .animal-cbx-r-W7r input:checked~.animal-splash-95w6m{animation:none}.animal-disabled-zDC-1 .animal-cbx-r-W7r .animal-check-aNoPL path{stroke:#c4b89e}.animal-disabled-zDC-1 .animal-label-L0ila{color:#c4b89e}.animal-groupDisabled-LvBFd .animal-checkboxItem-DxKFM{cursor:not-allowed}@keyframes animal-animal-cbx-splash-dEVmu{40%{background:#19c8b9;box-shadow:0 -18px 0 -8px #19c8b9,16px -8px 0 -8px #19c8b9,16px 8px 0 -8px #19c8b9,0 18px 0 -8px #19c8b9,-16px 8px 0 -8px #19c8b9,-16px -8px 0 -8px #19c8b9}to{background:#19c8b9;box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}
|
|
8
8
|
|
|
@@ -9,6 +9,13 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
9
9
|
color?: CardColor;
|
|
10
10
|
/** 背景花纹类型 */
|
|
11
11
|
pattern?: CardPattern;
|
|
12
|
+
/**
|
|
13
|
+
* 是否启用 hover 效果(光标 pointer + translateY -2px)。
|
|
14
|
+
* 默认 `false`(只读卡片):无 hover、无 cursor 变化。
|
|
15
|
+
* 设为 `true` 开启(可点击卡片 / 列表项等交互场景)。
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
18
|
+
hoverable?: boolean;
|
|
12
19
|
/** 自定义内容 */
|
|
13
20
|
children?: React.ReactNode;
|
|
14
21
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "animal-island-ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.3",
|
|
4
4
|
"description": "A nature-inspired React component library",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/cjs/index.cjs",
|
|
@@ -48,7 +48,9 @@
|
|
|
48
48
|
"lint:fix": "eslint . --fix",
|
|
49
49
|
"format": "prettier --write .",
|
|
50
50
|
"format:check": "prettier --check .",
|
|
51
|
-
"ci": "npm run format:check && npm run check:docs && npm run lint && npm run test:run && npm run build"
|
|
51
|
+
"ci": "npm run format:check && npm run check:docs && npm run lint && npm run test:run && npm run build",
|
|
52
|
+
"setup:hooks": "git config core.hooksPath .githooks",
|
|
53
|
+
"prepare": "npm run setup:hooks"
|
|
52
54
|
},
|
|
53
55
|
"peerDependencies": {
|
|
54
56
|
"react": ">=17.0.0",
|