@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 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
  }
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ type IconCountTypes = {
3
+ icon: any;
4
+ count?: string;
5
+ };
6
+ export declare const HawaIconCount: React.FunctionComponent<IconCountTypes>;
7
+ export {};
@@ -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;
@@ -3,6 +3,7 @@ export * from "./HawaSwitch";
3
3
  export * from "./HawaCheckbox";
4
4
  export * from "./HawaPanelTabs";
5
5
  export * from "./HawaChip";
6
+ export * from "./HawaIconCount";
6
7
  export * from "./HawaSettingsRow";
7
8
  export * from "./HawaSelect";
8
9
  export * from "./HawaRange";