@6thbridge/hexa 0.0.17 → 0.0.18

package/dist/output.css

@@ -719,6 +719,11 @@ video {
   aspect-ratio: 1 / 1;
 }
 
+.size-5{
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
 .\!h-14{
   height: 3.5rem !important;
 }
@@ -895,6 +900,10 @@ video {
   max-width: max-content;
 }
 
+.max-w-xl{
+  max-width: 36rem;
+}
+
 .\!flex-1{
   flex: 1 1 0% !important;
 }
@@ -1019,11 +1028,22 @@ video {
   gap: 1rem;
 }
 
+.gap-x-1{
+  -moz-column-gap: 0.25rem;
+       column-gap: 0.25rem;
+}
+
 .gap-x-3{
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
 }
 
+.-space-x-px > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1px * var(--tw-space-x-reverse));
+  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .space-x-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1123,6 +1143,11 @@ video {
   border-bottom-left-radius: 8px;
 }
 
+.rounded-l-md{
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
 .rounded-l-none{
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
@@ -1133,6 +1158,11 @@ video {
   border-bottom-right-radius: 8px;
 }
 
+.rounded-r-md{
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
 .\!border-0{
   border-width: 0px !important;
 }
@@ -1193,6 +1223,11 @@ video {
   border-color: rgb(233 235 248 / var(--tw-border-opacity, 1));
 }
 
+.border-gray-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
+
 .border-gray-300{
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -1378,6 +1413,11 @@ video {
   padding-right: 0.875rem;
 }
 
+.px-4{
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
 .px-5{
   padding-left: 1.25rem;
   padding-right: 1.25rem;
@@ -1638,6 +1678,11 @@ video {
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
 
+.text-gray-900{
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+
 .text-green-500{
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -2300,6 +2345,10 @@ input:-webkit-autofill:active {
     order: 0;
   }
 
+  .sm\:flex{
+    display: flex;
+  }
+
   .sm\:w-56{
     width: 14rem;
   }
@@ -2312,11 +2361,36 @@ input:-webkit-autofill:active {
     align-items: center;
   }
 
+  .sm\:gap-x-2{
+    -moz-column-gap: 0.5rem;
+         column-gap: 0.5rem;
+  }
+
   .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
     margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
   }
+
+  .sm\:px-4{
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .sm\:px-6{
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .sm\:py-2{
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:text-sm{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
 }
 
 @media (min-width: 768px){

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -50,6 +50,7 @@
     "react": "^18",
     "react-dom": "^18",
     "react-otp-input": "^3.1.1",
+    "react-paginate": "8.2.0",
     "react-phone-number-input": "^3.3.9",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7"