@sikka/hawa 0.0.242 → 0.0.243
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/styles.css +12 -12
- package/es/elements/HawaIconCount.d.ts +7 -0
- package/es/elements/HawaItemCard.d.ts +9 -0
- package/es/elements/index.d.ts +1 -0
- package/es/index.es.js +2 -2
- package/lib/elements/HawaIconCount.d.ts +7 -0
- package/lib/elements/HawaItemCard.d.ts +9 -0
- package/lib/elements/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/elements/HawaIconCount.tsx +17 -0
- package/src/elements/HawaItemCard.tsx +54 -12
- package/src/elements/index.ts +1 -0
- package/src/styles.css +12 -12
package/dist/styles.css
CHANGED
|
@@ -1659,18 +1659,9 @@ video {
|
|
|
1659
1659
|
.bg-opacity-75 {
|
|
1660
1660
|
--tw-bg-opacity: 0.75;
|
|
1661
1661
|
}
|
|
1662
|
-
.bg-\[url\(\'https\:\/\/via\.placeholder\.com\/50\'\)\] {
|
|
1663
|
-
background-image: url('https://via.placeholder.com/50');
|
|
1664
|
-
}
|
|
1665
1662
|
.bg-none {
|
|
1666
1663
|
background-image: none;
|
|
1667
1664
|
}
|
|
1668
|
-
.bg-cover {
|
|
1669
|
-
background-size: cover;
|
|
1670
|
-
}
|
|
1671
|
-
.bg-no-repeat {
|
|
1672
|
-
background-repeat: no-repeat;
|
|
1673
|
-
}
|
|
1674
1665
|
.object-cover {
|
|
1675
1666
|
-o-object-fit: cover;
|
|
1676
1667
|
object-fit: cover;
|
|
@@ -1705,6 +1696,9 @@ video {
|
|
|
1705
1696
|
.p-5 {
|
|
1706
1697
|
padding: 1.25rem;
|
|
1707
1698
|
}
|
|
1699
|
+
.p-6 {
|
|
1700
|
+
padding: 1.5rem;
|
|
1701
|
+
}
|
|
1708
1702
|
.px-1 {
|
|
1709
1703
|
padding-left: 0.25rem;
|
|
1710
1704
|
padding-right: 0.25rem;
|
|
@@ -1806,9 +1800,6 @@ video {
|
|
|
1806
1800
|
.pt-4 {
|
|
1807
1801
|
padding-top: 1rem;
|
|
1808
1802
|
}
|
|
1809
|
-
.pt-6 {
|
|
1810
|
-
padding-top: 1.5rem;
|
|
1811
|
-
}
|
|
1812
1803
|
.text-left {
|
|
1813
1804
|
text-align: left;
|
|
1814
1805
|
}
|
|
@@ -2387,6 +2378,15 @@ body {
|
|
|
2387
2378
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
2388
2379
|
}
|
|
2389
2380
|
|
|
2381
|
+
.group:hover .group-hover\:opacity-100 {
|
|
2382
|
+
opacity: 1;
|
|
2383
|
+
}
|
|
2384
|
+
|
|
2385
|
+
.group:hover .group-hover\:blur-lg {
|
|
2386
|
+
--tw-blur: blur(16px);
|
|
2387
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
2388
|
+
}
|
|
2389
|
+
|
|
2390
2390
|
.peer:checked ~ .peer-checked\:bg-buttonPrimary-500 {
|
|
2391
2391
|
background-color: var(--button-primary-500);
|
|
2392
2392
|
}
|
|
@@ -7,7 +7,16 @@ interface ItemCardTypes {
|
|
|
7
7
|
lang?: string;
|
|
8
8
|
cardImage?: string;
|
|
9
9
|
onCardClick?: any;
|
|
10
|
+
counts?: any;
|
|
10
11
|
orientation?: "horizontal" | "vertical";
|
|
12
|
+
/** Enabling this blurs the image on hover and shows an action button */
|
|
13
|
+
clickableImage?: boolean;
|
|
14
|
+
/** The function of the action button on the image of the card */
|
|
15
|
+
clickableImageAction?: () => void;
|
|
16
|
+
/** The text of the action button on the image of the card */
|
|
17
|
+
clickableImageActionText: string;
|
|
18
|
+
/** The icon of the action button on the image of the card */
|
|
19
|
+
clickableImageActionIcon?: any;
|
|
11
20
|
}
|
|
12
21
|
type THeaderActions = {
|
|
13
22
|
icon?: JSX.Element;
|
package/es/elements/index.d.ts
CHANGED