@6thbridge/hexa 0.0.1 → 0.0.3

package/dist/output.css

@@ -572,6 +572,10 @@ video {
   pointer-events: auto;
 }
 
+.visible{
+  visibility: visible;
+}
+
 .fixed{
   position: fixed;
 }
@@ -639,6 +643,22 @@ video {
   margin-right: auto;
 }
 
+.\!-mt-0{
+  margin-top: -0px !important;
+}
+
+.-mr-2{
+  margin-right: -0.5rem;
+}
+
+.ml-1{
+  margin-left: 0.25rem;
+}
+
+.ml-2{
+  margin-left: 0.5rem;
+}
+
 .ml-auto{
   margin-left: auto;
 }
@@ -663,6 +683,10 @@ video {
   display: none;
 }
 
+.\!h-5{
+  height: 1.25rem !important;
+}
+
 .h-10{
   height: 2.5rem;
 }
@@ -679,6 +703,14 @@ video {
   height: 1rem;
 }
 
+.h-5{
+  height: 1.25rem;
+}
+
+.h-72{
+  height: 18rem;
+}
+
 .h-\[1\.75rem\]{
   height: 1.75rem;
 }
@@ -687,10 +719,6 @@ video {
   height: 2.5rem;
 }
 
-.h-\[20px\]{
-  height: 20px;
-}
-
 .h-\[3rem\]{
   height: 3rem;
 }
@@ -708,10 +736,6 @@ video {
   height: 1px;
 }
 
-.max-h-\[225px\]{
-  max-height: 225px;
-}
-
 .max-h-\[270px\]{
   max-height: 270px;
 }
@@ -724,6 +748,10 @@ video {
   min-height: 80px;
 }
 
+.\!w-6{
+  width: 1.5rem !important;
+}
+
 .w-2\.5{
   width: 0.625rem;
 }
@@ -732,6 +760,10 @@ video {
   width: 1rem;
 }
 
+.w-6{
+  width: 1.5rem;
+}
+
 .w-72{
   width: 18rem;
 }
@@ -744,6 +776,10 @@ video {
   width: 2.75rem;
 }
 
+.w-\[200px\]{
+  width: 200px;
+}
+
 .w-\[3rem\]{
   width: 3rem;
 }
@@ -838,6 +874,10 @@ video {
   justify-content: space-between;
 }
 
+.gap-1{
+  gap: 0.25rem;
+}
+
 .gap-2{
   gap: 0.5rem;
 }
@@ -906,16 +946,31 @@ video {
   border-radius: 0.125rem;
 }
 
+.rounded-e-none{
+  border-start-end-radius: 0px;
+  border-end-end-radius: 0px;
+}
+
 .rounded-l-\[8px\]{
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
 }
 
+.rounded-l-none{
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
 .rounded-r-\[8px\]{
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
 }
 
+.rounded-s-lg{
+  border-start-start-radius: 0.5rem;
+  border-end-start-radius: 0.5rem;
+}
+
 .\!border-0{
   border-width: 0px !important;
 }
@@ -932,10 +987,18 @@ video {
   border-left-width: 0px !important;
 }
 
+.\!border-r-0{
+  border-right-width: 0px !important;
+}
+
 .border-l{
   border-left-width: 1px;
 }
 
+.border-l-0{
+  border-left-width: 0px;
+}
+
 .border-r{
   border-right-width: 1px;
 }
@@ -1020,6 +1083,10 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.bg-white\/20{
+  background-color: rgb(255 255 255 / 0.2);
+}
+
 .stroke-\[\#232528\]{
   stroke: #232528;
 }
@@ -1158,10 +1225,6 @@ video {
   font-size: 0.875rem;
 }
 
-.text-\[10px\]{
-  font-size: 10px;
-}
-
 .text-\[1rem\]{
   font-size: 1rem;
 }
@@ -1218,10 +1281,6 @@ video {
   line-height: 1.5rem;
 }
 
-.leading-\[100\%\]{
-  line-height: 100%;
-}
-
 .leading-\[1rem\]{
   line-height: 1rem;
 }
@@ -1243,6 +1302,10 @@ video {
   color: rgb(25 25 25 / var(--tw-text-opacity, 1));
 }
 
+.text-\[\#191919\]\/50{
+  color: rgb(25 25 25 / 0.5);
+}
+
 .text-\[\#79818C\]{
   --tw-text-opacity: 1;
   color: rgb(121 129 140 / var(--tw-text-opacity, 1));
@@ -1294,6 +1357,14 @@ video {
   caret-color: #DEDEDE;
 }
 
+.opacity-0{
+  opacity: 0;
+}
+
+.opacity-100{
+  opacity: 1;
+}
+
 .opacity-50{
   opacity: 0.5;
 }
@@ -1319,6 +1390,10 @@ video {
   outline-offset: 2px;
 }
 
+.filter{
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .transition{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -1388,7 +1463,7 @@ input[type="number"] {
 :root {
   /* --color-primary: rgb(1, 2, 4); */
   --color-primary: #0231c5;
-  --color-primary-accent: #dedede;
+  --color-primary-accent: #f5f7f9;
 }
 
 .placeholder\:text-\[\#79818C\]::-moz-placeholder{
@@ -1489,6 +1564,10 @@ input[type="number"] {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:ring-offset-1:focus{
+  --tw-ring-offset-width: 1px;
+}
+
 .focus\:ring-offset-2:focus{
   --tw-ring-offset-width: 2px;
 }
@@ -1699,6 +1778,12 @@ input[type="number"] {
   }
 }
 
+@media (min-width: 768px){
+  .md\:w-\[300px\]{
+    width: 300px;
+  }
+}
+
 .\[\&\>span\]\:items-center>span{
   align-items: center;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -47,6 +47,7 @@
     "lucide-react": "^0.474.0",
     "react": "^18",
     "react-dom": "^18",
+    "react-phone-number-input": "^3.3.9",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7"
   },

package/turbo/generators/config.ts

@@ -1,30 +0,0 @@
-import type { PlopTypes } from "@turbo/gen";
-
-// Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
-
-export default function generator(plop: PlopTypes.NodePlopAPI): void {
-  // A simple generator to add a new React component to the internal UI library
-  plop.setGenerator("react-component", {
-    description: "Adds a new react component",
-    prompts: [
-      {
-        type: "input",
-        name: "name",
-        message: "What is the name of the component?",
-      },
-    ],
-    actions: [
-      {
-        type: "add",
-        path: "src/{{kebabCase name}}.tsx",
-        templateFile: "templates/component.hbs",
-      },
-      {
-        type: "append",
-        path: "package.json",
-        pattern: /"exports": {(?<insertion>)/g,
-        template: '    "./{{kebabCase name}}": "./src/{{kebabCase name}}.tsx",',
-      },
-    ],
-  });
-}

package/turbo/generators/templates/component.hbs

@@ -1,8 +0,0 @@
-export const {{ pascalCase name }} = ({ children }: { children: React.ReactNode }) => {
-  return (
-    <div>
-      <h1>{{ pascalCase name }} Component</h1>
-      {children}
-    </div>
-  );
-};