@adamosuiteservices/ui 2.13.0 → 2.13.2

package/docs/components/ui/typography.md

@@ -21,7 +21,7 @@ import { Typography } from "@adamosuiteservices/ui/typography";
 | Prop        | Tipo                                        | Default     | Descripción                             |
 | ----------- | ------------------------------------------- | ----------- | --------------------------------------- |
 | `variant`   | `"lg" \| "md" \| "sm" \| "xs" \| "caption"` | `"sm"`      | Tamaño del texto                        |
-| `color`     | `"default" \| "muted"`                      | `"default"` | Color del texto                         |
+| `color`     | `"default" \| "muted" \| "primary" \| "success" \| "warning" \| "destructive" \| "waiting" \| "secondary"` | `"default"` | Color del texto                         |
 | `asChild`   | `boolean`                                   | `false`     | Renderiza como child element (usa Slot) |
 | `className` | `string`                                    | -           | Clases CSS adicionales                  |
 
@@ -41,10 +41,16 @@ import { Typography } from "@adamosuiteservices/ui/typography";
 
 ### Colores
 
-| Color     | Clase CSS                 | Uso                        |
-| --------- | ------------------------- | -------------------------- |
-| `default` | `text-foreground`         | Texto principal (default)  |
-| `muted`   | `text-muted-foreground`   | Texto secundario           |
+| Color         | Clase CSS                 | Uso                                    |
+| ------------- | ------------------------- | -------------------------------------- |
+| `default`     | `text-foreground`         | Texto principal (default)              |
+| `muted`       | `text-muted-foreground`   | Texto secundario                       |
+| `primary`     | `text-primary`            | Texto con color de marca               |
+| `success`     | `text-success`            | Mensajes de éxito, confirmaciones      |
+| `warning`     | `text-warning`            | Advertencias, precauciones             |
+| `destructive` | `text-destructive`        | Errores, acciones destructivas         |
+| `waiting`     | `text-waiting`            | Estados pendientes, en progreso        |
+| `secondary`   | `text-secondary-foreground` | Texto secundario alternativo         |
 
 ## Patrones de Uso
 
@@ -169,9 +175,34 @@ import { Typography } from "@adamosuiteservices/ui/typography";
   This is secondary text with muted color (muted-foreground).
 </Typography>
 
+{/* Primary brand color */}
+<Typography variant="md" color="primary">
+  Important information with brand color.
+</Typography>
+
+{/* Success messages */}
+<Typography variant="md" color="success">
+  ✓ Operation completed successfully!
+</Typography>
+
+{/* Warning messages */}
+<Typography variant="md" color="warning">
+  ⚠ Please review this information carefully.
+</Typography>
+
+{/* Error messages */}
+<Typography variant="md" color="destructive">
+  ✕ Error: File could not be uploaded.
+</Typography>
+
+{/* Pending states */}
+<Typography variant="md" color="waiting">
+  ⏳ Processing your request...
+</Typography>
+
 {/* Combining with sizes */}
-<Typography variant="lg" color="default">
-  Large heading text
+<Typography variant="lg" color="primary">
+  Large heading with brand color
 </Typography>
 
 <Typography variant="sm" color="muted">
@@ -249,6 +280,12 @@ import { Typography } from "@adamosuiteservices/ui/typography";
 
 - **default**: text-foreground - **default**
 - **muted**: text-muted-foreground
+- **primary**: text-primary
+- **success**: text-success
+- **warning**: text-warning
+- **destructive**: text-destructive
+- **waiting**: text-waiting
+- **secondary**: text-secondary-foreground
 
 ## Accesibilidad
 
@@ -264,7 +301,10 @@ import { Typography } from "@adamosuiteservices/ui/typography";
 - **Default element**: `<p>` cuando `asChild=false`
 - **Default variants**: `variant="sm"` y `color="default"`
 - **Data attribute**: `data-slot="typography"` para identificación
-- **Color variants**: Incluye colores default (foreground) y muted (muted-foreground)
+- **Color variants**: 8 variantes de color para diferentes contextos semánticos:
+  - Neutral: default, muted, secondary
+  - Brand: primary
+  - States: success, warning, destructive, waiting
 - **Extensibilidad**: Combina con utility classes para estilos adicionales (weight, spacing, etc.)
 
 ## Troubleshooting

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamosuiteservices/ui",
-  "version": "2.13.0",
+  "version": "2.13.2",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",

package/dist/typography-9EoV0kcN.js

@@ -1,44 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { S as d } from "./index-BvLQnI56.js";
-import { c as n } from "./index-CRiPKpXj.js";
-import { c as p } from "./index-BqtVL8d-.js";
-const x = p("", {
-  variants: {
-    variant: {
-      sm: "adm:text-sm",
-      md: "adm:text-base",
-      lg: "adm:text-lg",
-      xs: "adm:text-xs",
-      caption: "adm:text-[11px]"
-    },
-    color: {
-      default: "adm:text-foreground",
-      muted: "adm:text-muted-foreground"
-    }
-  },
-  defaultVariants: {
-    variant: "sm",
-    color: "default"
-  }
-});
-function u({
-  className: t,
-  variant: a,
-  color: o,
-  asChild: r = !1,
-  ...m
-}) {
-  const s = r ? d : "p";
-  return /* @__PURE__ */ e.jsx(
-    s,
-    {
-      "data-slot": "typography",
-      className: n(x({ variant: a, color: o, className: t })),
-      ...m
-    }
-  );
-}
-export {
-  u as T
-};

package/dist/typography-DqQZZpkD.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const n=require("./jsx-runtime-BB_1_6y_.cjs"),d=require("./index-CjyiloO7.cjs"),i=require("./index-DoxiiusW.cjs"),m=require("./index-BTzZJcis.cjs"),u=m.cva("",{variants:{variant:{sm:"adm:text-sm",md:"adm:text-base",lg:"adm:text-lg",xs:"adm:text-xs",caption:"adm:text-[11px]"},color:{default:"adm:text-foreground",muted:"adm:text-muted-foreground"}},defaultVariants:{variant:"sm",color:"default"}});function x({className:t,variant:e,color:a,asChild:r=!1,...s}){const o=r?d.Slot:"p";return n.jsxRuntimeExports.jsx(o,{"data-slot":"typography",className:i.cn(u({variant:e,color:a,className:t})),...s})}exports.Typography=x;