@sikka/hawa 0.0.259 → 0.0.261

package/dist/styles.css

@@ -399,6 +399,9 @@ video {
     --button-secondary-700: #b48d24;
 
     --border-radius: 10px;
+    --border-radius-inner: calc(
+      var(--border-radius) - calc(var(--border-radius) / 3)
+    );
   }
   input[type="number"]::-webkit-inner-spin-button,
   input[type="number"]::-webkit-outer-spin-button {
@@ -1039,6 +1042,9 @@ video {
 .w-9 {
   width: 2.25rem;
 }
+.w-\[12px\] {
+  width: 12px;
+}
 .w-\[32px\] {
   width: 32px;
 }
@@ -1088,6 +1094,9 @@ video {
 .max-w-\[200px\] {
   max-width: 200px;
 }
+.max-w-\[52px\] {
+  max-width: 52px;
+}
 .max-w-fit {
   max-width: -moz-fit-content;
   max-width: fit-content;
@@ -1347,6 +1356,9 @@ video {
 .rounded-full {
   border-radius: 9999px;
 }
+.rounded-inner {
+  border-radius: var(--border-radius-inner);
+}
 .rounded-lg {
   border-radius: 0.5rem;
 }
@@ -1597,6 +1609,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
+.bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
 .bg-gray-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -1788,6 +1804,9 @@ video {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.pb-0 {
+  padding-bottom: 0px;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -1803,6 +1822,9 @@ video {
 .pl-3 {
   padding-left: 0.75rem;
 }
+.pl-4 {
+  padding-left: 1rem;
+}
 .pl-6 {
   padding-left: 1.5rem;
 }
@@ -1812,6 +1834,9 @@ video {
 .pr-3 {
   padding-right: 0.75rem;
 }
+.pr-4 {
+  padding-right: 1rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -1855,6 +1880,9 @@ video {
   font-size: 3.75rem;
   line-height: 1;
 }
+.text-\[0\.75rem\] {
+  font-size: 0.75rem;
+}
 .text-\[10px\] {
   font-size: 10px;
 }
@@ -2289,6 +2317,11 @@ body {
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-gray-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-gray-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));

package/es/elements/HawaCodeBlock.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type CodeBlockTypes = {
+    color?: "dark" | "light";
+    language?: string;
+    tabs?: TabsTypes[];
+    code?: string;
+};
+type TabsTypes = {
+    title: string;
+    code: string;
+};
+export declare const HawaCodeBlock: FC<CodeBlockTypes>;
+export {};

package/es/elements/index.d.ts

@@ -24,6 +24,7 @@ export * from "./HawaCopyrights";
 export * from "./HawaStepper";
 export * from "./Breadcrumb";
 export * from "./HawaStats";
+export * from "./HawaCodeBlock";
 export * from "./HawaSpinner";
 export * from "./HawaRadio";
 export * from "./HawaDrawer";