@codeplex-sac/ui 0.0.3 → 0.0.4

package/index.mjs

@@ -7430,16 +7430,36 @@ const TS = D("input")({
         case "primary":
         case "danger":
         case "success":
+        case "contenido":
           return "contained";
         case "secondary":
         case "outline":
+        case "borde":
           return "outlined";
         case "ghost":
+        case "texto":
           return "text";
         default:
           return "contained";
       }
-    }, p = (v) => {
+    }, p = (v, O) => {
+      if (O)
+        switch (O) {
+          case "primario":
+            return "primary";
+          case "secundario":
+            return "secondary";
+          case "exito":
+            return "success";
+          case "error":
+            return "error";
+          case "info":
+            return "info";
+          case "advertencia":
+            return "warning";
+          default:
+            return O;
+        }
       switch (v) {
         case "primary":
           return "primary";
@@ -7453,7 +7473,6 @@ const TS = D("input")({
           return "primary";
         case "ghost":
           return "inherit";
-        // Takes parent context color
         default:
           return "primary";
       }
@@ -7474,7 +7493,7 @@ const TS = D("input")({
       {
         ref: b,
         variant: h(e),
-        color: d || p(e),
+        color: p(e, d),
         size: y(o),
         disabled: r || n,
         startIcon: n ? /* @__PURE__ */ S(sr, { size: 20, color: "inherit" }) : a || l,
@@ -24299,16 +24318,19 @@ const Kx = ({
   variante: n = "contained",
   color: r = "primary",
   ...a
-}) => /* @__PURE__ */ S(
-  md,
-  {
-    size: o,
-    variant: n,
-    color: r,
-    ...a,
-    children: e
-  }
-), qS = Kx;
+}) => {
+  const i = (l) => l === "contenido" ? "contained" : l === "texto" ? "text" : l === "borde" ? "outlined" : l, s = (l) => l === "primario" ? "primary" : l === "secundario" ? "secondary" : l === "exito" ? "success" : l === "error" ? "error" : l === "info" ? "info" : l === "advertencia" ? "warning" : l;
+  return /* @__PURE__ */ S(
+    md,
+    {
+      size: o,
+      variant: i(n),
+      color: s(r),
+      ...a,
+      children: e
+    }
+  );
+}, qS = Kx;
 function Yx(e) {
   return ge("PrivateSwitchBase", e);
 }

package/lib/boton/boton.d.ts

@@ -1,17 +1,19 @@
 import { default as React } from 'react';
 import { ButtonProps } from '@mui/material/Button';
-export type CodeplexBotonVariante = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
+export type CodeplexBotonVariante = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'contenido' | 'texto' | 'borde';
 export type CodeplexBotonTamano = 'xs' | 'sm' | 'md' | 'lg';
-export interface CodeplexBotonProps extends Omit<ButtonProps, 'variant' | 'size' | 'onClick'> {
+export interface CodeplexBotonProps extends Omit<ButtonProps, 'variant' | 'size' | 'onClick' | 'color'> {
     variante?: CodeplexBotonVariante;
     tamano?: CodeplexBotonTamano;
     cargando?: boolean;
     alHacerClick?: ButtonProps['onClick'];
+    color?: ButtonProps['color'] | 'primario' | 'secundario' | 'exito' | 'error' | 'info' | 'advertencia';
     iconoIzquierda?: React.ReactNode;
     iconoDerecha?: React.ReactNode;
     component?: React.ElementType;
     to?: string;
     href?: string;
+    fullWidth?: boolean;
 }
 export declare const EntradaOcultaVisualmente: React.ComponentType<React.ComponentProps<"input">>;
 export declare const CodeplexBoton: React.ForwardRefExoticComponent<Omit<CodeplexBotonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/lib/grupo-botones/grupo-botones.d.ts

@@ -1,8 +1,8 @@
 import { ButtonGroupProps } from '@mui/material/ButtonGroup';
-export interface CodeplexGrupoBotonesProps extends ButtonGroupProps {
-    variante?: ButtonGroupProps['variant'];
+export interface CodeplexGrupoBotonesProps extends Omit<ButtonGroupProps, 'variant' | 'color'> {
+    variante?: ButtonGroupProps['variant'] | 'contenido' | 'texto' | 'borde';
     tamano?: ButtonGroupProps['size'];
-    color?: ButtonGroupProps['color'];
+    color?: ButtonGroupProps['color'] | 'primario' | 'secundario' | 'exito' | 'error' | 'info' | 'advertencia';
 }
 export declare const CodeplexGrupoBotones: ({ children, tamano, variante, color, ...props }: CodeplexGrupoBotonesProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CodeplexButtonGroup: ({ children, tamano, variante, color, ...props }: CodeplexGrupoBotonesProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-sac/ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {