upconta.frontend-utils 1.0.22 → 1.0.23

package/.dist/style/main.css

@@ -1,4 +1,8 @@
-@tailwind base;
+@layer tailwind-base, antd;
+
+@layer tailwind-base {
+  @tailwind base;
+}
 @tailwind components;
 @tailwind utilities;
 

package/Readme.md

@@ -17,3 +17,53 @@ pnpm run build -w
 ```
 
 La aplicación en next debe utilizar los **archivos compilados**.
+
+## Dependencias
+
+Las siguientes dependencias deben ser instaladas en los proyectos que utilicen esta librería
+
+```zsh
+pnpm add antd -P
+```
+
+# Características
+
+## Estilos de UpConta
+
+Las siguientes son un conjunto de configuraciones para que los proyectos que utilicen esta librería puedan tener el estilo de UpConta.
+
+Se debe agregar el `margin: 0` al body del proyecto:
+
+```tsx
+import { Html, Head, Main, NextScript } from "next/document";
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body style={{ margin: 0 }}>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
+
+```
+
+El estilo principal de UpConta y las configuraciones para Ant Design se encuentran dentro del componente `TemaPrincipal` y debe utilizarse de la siguiente manera
+
+
+```tsx
+// _app.tsx
+import { TemaPrincipal } from "upconta.frontend-utils"
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <TemaPrincipal>
+      <Component {...pageProps} />;
+      <Button>Primary Button</Button>
+    </TemaPrincipal>
+  );
+}
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "upconta.frontend-utils",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "",
   "main": ".dist/cjs/index.js",
   "module": ".dist/esm/index.js",