@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 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));
@@ -16,6 +16,8 @@ type AlertTypes = {
16
16
  variant: "contained" | "outlined";
17
17
  }
18
18
  ];
19
+ persistant?: boolean;
20
+ icon?: any;
19
21
  };
20
22
  export declare const HawaAlert: React.FunctionComponent<AlertTypes>;
21
23
  export {};
@@ -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,6 @@
1
+ import { FC } from "react";
2
+ type InlineCodeTypes = {
3
+ text: string;
4
+ };
5
+ export declare const HawaInlineCode: FC<InlineCodeTypes>;
6
+ 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 {};
@@ -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";