@sikka/hawa 0.0.265 → 0.0.266
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 +57 -4
- package/es/elements/HawaAlert.d.ts +2 -0
- package/es/elements/HawaButton.d.ts +2 -1
- package/es/elements/HawaInlineCode.d.ts +6 -0
- package/es/elements/Timeline.d.ts +13 -0
- package/es/elements/index.d.ts +6 -4
- package/es/index.es.js +3 -3
- package/es/layout/HawaAppLayoutSimplified.d.ts +2 -0
- package/lib/elements/HawaAlert.d.ts +2 -0
- package/lib/elements/HawaButton.d.ts +2 -1
- package/lib/elements/HawaInlineCode.d.ts +6 -0
- package/lib/elements/Timeline.d.ts +13 -0
- package/lib/elements/index.d.ts +6 -4
- package/lib/index.js +3 -3
- package/lib/layout/HawaAppLayoutSimplified.d.ts +2 -0
- package/package.json +1 -1
- package/src/elements/HawaAlert.tsx +73 -51
- package/src/elements/HawaButton.tsx +17 -4
- package/src/elements/HawaCodeBlock.tsx +1 -0
- package/src/elements/HawaInlineCode.tsx +9 -0
- package/src/elements/HawaMenu.tsx +2 -2
- package/src/elements/Timeline.tsx +35 -0
- package/src/elements/index.ts +6 -4
- package/src/layout/HawaAppLayoutSimplified.tsx +98 -82
- package/src/styles.css +57 -4
- package/src/tailwind.css +18 -0
package/dist/styles.css
CHANGED
|
@@ -403,6 +403,24 @@ video {
|
|
|
403
403
|
var(--border-radius) - calc(var(--border-radius) / 3)
|
|
404
404
|
);
|
|
405
405
|
}
|
|
406
|
+
|
|
407
|
+
.inline-code {
|
|
408
|
+
font-size: 0.75rem;
|
|
409
|
+
/* color: theme("colors.slate.500"); */
|
|
410
|
+
/* background-color: theme("colors.stone.100"); */
|
|
411
|
+
border-radius: var(--border-radius);
|
|
412
|
+
/* padding-left: theme("spacing[1.5]");
|
|
413
|
+
padding-right: theme("spacing[1.5]");
|
|
414
|
+
padding-top: theme("spacing.1");
|
|
415
|
+
padding-bottom: theme("spacing.1"); */
|
|
416
|
+
padding: 0.25rem 0.375rem;
|
|
417
|
+
/* margin: theme("spacing.0") theme("spacing.1"); */
|
|
418
|
+
|
|
419
|
+
border: #d1d5db 1px solid;
|
|
420
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
421
|
+
Liberation Mono, Courier New, monospace;
|
|
422
|
+
}
|
|
423
|
+
|
|
406
424
|
input[type="number"]::-webkit-inner-spin-button,
|
|
407
425
|
input[type="number"]::-webkit-outer-spin-button {
|
|
408
426
|
-webkit-appearance: none;
|
|
@@ -597,6 +615,9 @@ video {
|
|
|
597
615
|
.-left-1 {
|
|
598
616
|
left: -0.25rem;
|
|
599
617
|
}
|
|
618
|
+
.-left-1\.5 {
|
|
619
|
+
left: -0.375rem;
|
|
620
|
+
}
|
|
600
621
|
.-right-10 {
|
|
601
622
|
right: -2.5rem;
|
|
602
623
|
}
|
|
@@ -769,6 +790,9 @@ video {
|
|
|
769
790
|
.ml-3 {
|
|
770
791
|
margin-left: 0.75rem;
|
|
771
792
|
}
|
|
793
|
+
.ml-4 {
|
|
794
|
+
margin-left: 1rem;
|
|
795
|
+
}
|
|
772
796
|
.ml-40 {
|
|
773
797
|
margin-left: 10rem;
|
|
774
798
|
}
|
|
@@ -820,6 +844,9 @@ video {
|
|
|
820
844
|
.mt-1 {
|
|
821
845
|
margin-top: 0.25rem;
|
|
822
846
|
}
|
|
847
|
+
.mt-1\.5 {
|
|
848
|
+
margin-top: 0.375rem;
|
|
849
|
+
}
|
|
823
850
|
.mt-14 {
|
|
824
851
|
margin-top: 3.5rem;
|
|
825
852
|
}
|
|
@@ -1160,6 +1187,10 @@ video {
|
|
|
1160
1187
|
--tw-translate-y: 50%;
|
|
1161
1188
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1162
1189
|
}
|
|
1190
|
+
.-rotate-180 {
|
|
1191
|
+
--tw-rotate: -180deg;
|
|
1192
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1193
|
+
}
|
|
1163
1194
|
.-rotate-90 {
|
|
1164
1195
|
--tw-rotate: -90deg;
|
|
1165
1196
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1547,6 +1578,10 @@ video {
|
|
|
1547
1578
|
--tw-border-opacity: 1;
|
|
1548
1579
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
1549
1580
|
}
|
|
1581
|
+
.border-gray-900 {
|
|
1582
|
+
--tw-border-opacity: 1;
|
|
1583
|
+
border-color: rgb(17 24 39 / var(--tw-border-opacity));
|
|
1584
|
+
}
|
|
1550
1585
|
.border-green-300 {
|
|
1551
1586
|
--tw-border-opacity: 1;
|
|
1552
1587
|
border-color: rgb(134 239 172 / var(--tw-border-opacity));
|
|
@@ -1607,6 +1642,9 @@ video {
|
|
|
1607
1642
|
.bg-buttonPrimary-500 {
|
|
1608
1643
|
background-color: var(--button-primary-500);
|
|
1609
1644
|
}
|
|
1645
|
+
.bg-buttonSecondary-500 {
|
|
1646
|
+
background-color: var(--button-secondary-500);
|
|
1647
|
+
}
|
|
1610
1648
|
.bg-cyan-800 {
|
|
1611
1649
|
--tw-bg-opacity: 1;
|
|
1612
1650
|
background-color: rgb(21 94 117 / var(--tw-bg-opacity));
|
|
@@ -1659,10 +1697,6 @@ video {
|
|
|
1659
1697
|
--tw-bg-opacity: 1;
|
|
1660
1698
|
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
|
|
1661
1699
|
}
|
|
1662
|
-
.bg-green-400 {
|
|
1663
|
-
--tw-bg-opacity: 1;
|
|
1664
|
-
background-color: rgb(74 222 128 / var(--tw-bg-opacity));
|
|
1665
|
-
}
|
|
1666
1700
|
.bg-green-500 {
|
|
1667
1701
|
--tw-bg-opacity: 1;
|
|
1668
1702
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
@@ -1935,6 +1969,10 @@ video {
|
|
|
1935
1969
|
.text-\[9px\] {
|
|
1936
1970
|
font-size: 9px;
|
|
1937
1971
|
}
|
|
1972
|
+
.text-base {
|
|
1973
|
+
font-size: 1rem;
|
|
1974
|
+
line-height: 1.5rem;
|
|
1975
|
+
}
|
|
1938
1976
|
.text-lg {
|
|
1939
1977
|
font-size: 1.125rem;
|
|
1940
1978
|
line-height: 1.75rem;
|
|
@@ -1981,6 +2019,9 @@ video {
|
|
|
1981
2019
|
.leading-4 {
|
|
1982
2020
|
line-height: 1rem;
|
|
1983
2021
|
}
|
|
2022
|
+
.leading-none {
|
|
2023
|
+
line-height: 1;
|
|
2024
|
+
}
|
|
1984
2025
|
.leading-tight {
|
|
1985
2026
|
line-height: 1.25;
|
|
1986
2027
|
}
|
|
@@ -2322,6 +2363,10 @@ body {
|
|
|
2322
2363
|
--tw-bg-opacity: 1;
|
|
2323
2364
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
2324
2365
|
}
|
|
2366
|
+
.hover\:bg-gray-300:hover {
|
|
2367
|
+
--tw-bg-opacity: 1;
|
|
2368
|
+
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
|
2369
|
+
}
|
|
2325
2370
|
.hover\:bg-gray-400:hover {
|
|
2326
2371
|
--tw-bg-opacity: 1;
|
|
2327
2372
|
background-color: rgb(156 163 175 / var(--tw-bg-opacity));
|
|
@@ -2508,6 +2553,10 @@ body {
|
|
|
2508
2553
|
--tw-bg-opacity: 1;
|
|
2509
2554
|
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
|
|
2510
2555
|
}
|
|
2556
|
+
:is(.dark .dark\:bg-gray-200) {
|
|
2557
|
+
--tw-bg-opacity: 1;
|
|
2558
|
+
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
2559
|
+
}
|
|
2511
2560
|
:is(.dark .dark\:bg-gray-600) {
|
|
2512
2561
|
--tw-bg-opacity: 1;
|
|
2513
2562
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
@@ -2572,6 +2621,10 @@ body {
|
|
|
2572
2621
|
--tw-text-opacity: 1;
|
|
2573
2622
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
2574
2623
|
}
|
|
2624
|
+
:is(.dark .dark\:text-gray-800) {
|
|
2625
|
+
--tw-text-opacity: 1;
|
|
2626
|
+
color: rgb(31 41 55 / var(--tw-text-opacity));
|
|
2627
|
+
}
|
|
2575
2628
|
:is(.dark .dark\:text-green-800) {
|
|
2576
2629
|
--tw-text-opacity: 1;
|
|
2577
2630
|
color: rgb(22 101 52 / var(--tw-text-opacity));
|
|
@@ -3,7 +3,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
3
3
|
variant?: "contained" | "outlined";
|
|
4
4
|
feedback?: string;
|
|
5
5
|
tooltipDirection?: "rtl" | "ltr";
|
|
6
|
-
color?: "default" | "primary" | "secondary";
|
|
6
|
+
color?: "default" | "primary" | "secondary" | "light" | "dark";
|
|
7
7
|
width?: "full" | "normal" | "half";
|
|
8
8
|
size?: "xs" | "small" | "medium" | "large" | "noPadding" | "full";
|
|
9
9
|
margins?: "none" | "1" | "2" | "3" | "4";
|
|
@@ -14,6 +14,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
14
14
|
endIcon?: any;
|
|
15
15
|
isLoading?: boolean;
|
|
16
16
|
badge?: any;
|
|
17
|
+
edgeCorner?: any;
|
|
17
18
|
}
|
|
18
19
|
export declare const HawaButton: FC<ButtonProps>;
|
|
19
20
|
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
type TimelineTypes = {
|
|
3
|
+
title: any;
|
|
4
|
+
steps: StepTypes[];
|
|
5
|
+
};
|
|
6
|
+
type StepTypes = {
|
|
7
|
+
date: string;
|
|
8
|
+
title: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
actions?: any;
|
|
11
|
+
};
|
|
12
|
+
export declare const Timeline: FC<TimelineTypes>;
|
|
13
|
+
export {};
|
package/es/elements/index.d.ts
CHANGED
|
@@ -13,8 +13,6 @@ export * from "./HawaTable";
|
|
|
13
13
|
export * from "./HawaColorPicker";
|
|
14
14
|
export * from "./HawaSearchBar";
|
|
15
15
|
export * from "./HawaAccordion";
|
|
16
|
-
export * from "./DragDropImages";
|
|
17
|
-
export * from "./DraggableCard";
|
|
18
16
|
export * from "./HawaPhoneInput";
|
|
19
17
|
export * from "./HawaTooltip";
|
|
20
18
|
export * from "./HawaTabs";
|
|
@@ -22,22 +20,26 @@ export * from "./HawaModal";
|
|
|
22
20
|
export * from "./HawaMenu";
|
|
23
21
|
export * from "./HawaCopyrights";
|
|
24
22
|
export * from "./HawaStepper";
|
|
25
|
-
export * from "./Breadcrumb";
|
|
26
23
|
export * from "./HawaStats";
|
|
27
24
|
export * from "./HawaCodeBlock";
|
|
28
25
|
export * from "./HawaSpinner";
|
|
29
26
|
export * from "./HawaRadio";
|
|
30
27
|
export * from "./HawaDrawer";
|
|
28
|
+
export * from "./HawaDatepicker";
|
|
29
|
+
export * from "./DragDropImages";
|
|
30
|
+
export * from "./DraggableCard";
|
|
31
|
+
export * from "./Breadcrumb";
|
|
31
32
|
export * from "./SubsectionList";
|
|
32
33
|
export * from "./UsageCard";
|
|
33
34
|
export * from "./InvoiceAccordion";
|
|
34
|
-
export * from "./HawaDatepicker";
|
|
35
35
|
export * from "./UserFeedback";
|
|
36
36
|
export * from "./ArrowCarousel";
|
|
37
37
|
export * from "./FloatingComment";
|
|
38
38
|
export * from "./FloatingCommentSlate";
|
|
39
39
|
export * from "./FloatingCommentExec";
|
|
40
40
|
export * from "./BackToTop";
|
|
41
|
+
export * from "./HawaInlineCode";
|
|
42
|
+
export * from "./Timeline";
|
|
41
43
|
export * from "./HawaTextField";
|
|
42
44
|
export * from "./HawaCardInput";
|
|
43
45
|
export * from "./HawaPinInput";
|