@sikka/hawa 0.0.246 → 0.0.248
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 +17 -0
- package/es/elements/FloatingCommentExec.d.ts +4 -0
- package/es/elements/HawaModal.d.ts +5 -15
- package/es/elements/UserFeedback.d.ts +1 -0
- package/es/elements/index.d.ts +1 -0
- package/es/index.es.js +65 -2
- package/lib/elements/FloatingCommentExec.d.ts +4 -0
- package/lib/elements/HawaModal.d.ts +5 -15
- package/lib/elements/UserFeedback.d.ts +1 -0
- package/lib/elements/index.d.ts +1 -0
- package/lib/index.js +65 -2
- package/package.json +5 -21
- package/src/elements/FloatingCommentExec.tsx +106 -0
- package/src/elements/HawaModal.tsx +5 -15
- package/src/elements/HawaPanelTabs.tsx +1 -1
- package/src/elements/HawaStats.tsx +0 -1
- package/src/elements/UserFeedback.tsx +108 -38
- package/src/elements/index.ts +1 -0
- package/src/styles.css +17 -0
package/dist/styles.css
CHANGED
|
@@ -624,6 +624,9 @@ video {
|
|
|
624
624
|
.left-3 {
|
|
625
625
|
left: 0.75rem;
|
|
626
626
|
}
|
|
627
|
+
.left-4 {
|
|
628
|
+
left: 1rem;
|
|
629
|
+
}
|
|
627
630
|
.right-0 {
|
|
628
631
|
right: 0px;
|
|
629
632
|
}
|
|
@@ -1062,6 +1065,9 @@ video {
|
|
|
1062
1065
|
.min-w-\[24px\] {
|
|
1063
1066
|
min-width: 24px;
|
|
1064
1067
|
}
|
|
1068
|
+
.min-w-\[32px\] {
|
|
1069
|
+
min-width: 32px;
|
|
1070
|
+
}
|
|
1065
1071
|
.min-w-fit {
|
|
1066
1072
|
min-width: -moz-fit-content;
|
|
1067
1073
|
min-width: fit-content;
|
|
@@ -1659,6 +1665,9 @@ video {
|
|
|
1659
1665
|
.bg-opacity-75 {
|
|
1660
1666
|
--tw-bg-opacity: 0.75;
|
|
1661
1667
|
}
|
|
1668
|
+
.bg-opacity-80 {
|
|
1669
|
+
--tw-bg-opacity: 0.8;
|
|
1670
|
+
}
|
|
1662
1671
|
.bg-none {
|
|
1663
1672
|
background-image: none;
|
|
1664
1673
|
}
|
|
@@ -1962,6 +1971,10 @@ video {
|
|
|
1962
1971
|
--tw-text-opacity: 1;
|
|
1963
1972
|
color: rgb(185 28 28 / var(--tw-text-opacity));
|
|
1964
1973
|
}
|
|
1974
|
+
.text-red-900 {
|
|
1975
|
+
--tw-text-opacity: 1;
|
|
1976
|
+
color: rgb(127 29 29 / var(--tw-text-opacity));
|
|
1977
|
+
}
|
|
1965
1978
|
.text-white {
|
|
1966
1979
|
--tw-text-opacity: 1;
|
|
1967
1980
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
@@ -2310,6 +2323,10 @@ body {
|
|
|
2310
2323
|
text-decoration-thickness: 2px;
|
|
2311
2324
|
}
|
|
2312
2325
|
|
|
2326
|
+
.hover\:opacity-50:hover {
|
|
2327
|
+
opacity: 0.5;
|
|
2328
|
+
}
|
|
2329
|
+
|
|
2313
2330
|
.hover\:shadow-lg:hover {
|
|
2314
2331
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
2315
2332
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
@@ -1,30 +1,20 @@
|
|
|
1
1
|
import { ReactElement, FC } from "react";
|
|
2
2
|
type ModalTypes = {
|
|
3
|
-
/**
|
|
4
|
-
* The boolean to open and close the modal
|
|
5
|
-
*/
|
|
3
|
+
/** * The boolean to open and close the modal */
|
|
6
4
|
open: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* The title of the modal, it will appear in the header of the modal
|
|
9
|
-
*/
|
|
5
|
+
/** * The title of the modal, it will appear in the header of the modal */
|
|
10
6
|
title: string;
|
|
11
7
|
/**
|
|
12
8
|
* a function that's triggered when the modal is closed either by the clicking the close button or outside the modal.
|
|
13
9
|
* @returns void
|
|
14
10
|
*/
|
|
15
11
|
onClose: () => void;
|
|
16
|
-
/**
|
|
17
|
-
* Boolean to enable/disable closing the modal upon clicking outside the modal
|
|
18
|
-
*/
|
|
12
|
+
/** * Boolean to enable/disable closing the modal upon clicking outside the modal */
|
|
19
13
|
closeOnClickOutside?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* The id of the modal
|
|
22
|
-
*/
|
|
14
|
+
/** * The id of the modal */
|
|
23
15
|
modalID?: string;
|
|
24
16
|
children: ReactElement;
|
|
25
|
-
/**
|
|
26
|
-
* The array of actions for the modal, it will appear in the footer of the modal
|
|
27
|
-
*/
|
|
17
|
+
/** * The array of actions for the modal, it will appear in the footer of the modal */
|
|
28
18
|
actions: any;
|
|
29
19
|
};
|
|
30
20
|
export declare const HawaModal: FC<ModalTypes>;
|
package/es/elements/index.d.ts
CHANGED
|
@@ -35,6 +35,7 @@ export * from "./UserFeedback";
|
|
|
35
35
|
export * from "./ArrowCarousel";
|
|
36
36
|
export * from "./FloatingComment";
|
|
37
37
|
export * from "./FloatingCommentSlate";
|
|
38
|
+
export * from "./FloatingCommentExec";
|
|
38
39
|
export * from "./BackToTop";
|
|
39
40
|
export * from "./HawaTextField";
|
|
40
41
|
export * from "./HawaCardInput";
|