@m4l/components 7.2.2 → 8.0.0

package/storybook/components/extended/mui/Typography/PaletteColor/text.primary/Variantes/h1/Estados/typography.h1.estados.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../../../../../../../../src/components/mui_extended/Typography';
+/**
+ * La variante h1 en typography establece estilos predeterminados para encabezados principales,
+ * incluyendo el tamaño de fuente, peso, espaciado de letra y márgenes, optimizados para resaltar títulos
+ * importantes en la interfaz. Es personalizable según los requisitos del tema para adaptarse a diferentes
+ * diseños y dispositivos.
+ */
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+/**
+ * Estado enabled del componente Typography con la variante h1.
+ */
+export declare const Base: Story;
+/**
+ * Estado skeleton de una sola linea del componente Typography con la variante h1.
+ */
+export declare const Skeleton: Story;
+/**
+ * Estado skeleton de varias líneas del componente Typography con la variante h1.
+ */
+export declare const skeletonRows: Story;

package/storybook/components/extended/mui/Typography/PaletteColor/text.primary/Variantes/h2/Estados/typography.h2.estados.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../../../../../../../../src/components/mui_extended/Typography';
+/**
+ * La variante h2 en typography establece estilos predeterminados para encabezados de segundo nivel,
+ * incluyendo el tamaño de fuente, peso, espaciado de letra y márgenes, optimizados para resaltar títulos
+ * importantes en la interfaz. Es personalizable según los requisitos del tema para adaptarse a diferentes
+ * diseños y dispositivos.
+ */
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+/**
+ * Estado enabled del componente Typography con la variante h2.
+ */
+export declare const Base: Story;
+/**
+ * Estado skeleton de una sola linea del componente Typography con la variante h2.
+ */
+export declare const Skeleton: Story;
+/**
+ * Estado skeleton de varias líneas del componente Typography con la variante h2.
+ */
+export declare const skeletonRows: Story;

package/storybook/components/extended/mui/Typography/PaletteColor/text.primary/Variantes/h3/Estados/typography.h3.estados.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../../../../../../../../src/components/mui_extended/Typography';
+/**
+ * La variante h3 en typography establece estilos predeterminados para encabezados de tercer nivel,
+ * incluyendo el tamaño de fuente, peso, espaciado de letra y márgenes, optimizados para resaltar títulos
+ * importantes en la interfaz. Es personalizable según los requisitos del tema para adaptarse a diferentes
+ * diseños y dispositivos.
+ */
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+/**
+ * Estado enabled del componente Typography con la variante h3.
+ */
+export declare const Base: Story;
+/**
+ * Estado skeleton de una sola linea del componente Typography con la variante h3.
+ */
+export declare const Skeleton: Story;
+/**
+ * Estado skeleton de varias líneas del componente Typography con la variante h3.
+ */
+export declare const skeletonRows: Story;

package/storybook/components/extended/mui/Typography/PaletteColor/text.primary/Variantes/h5/Estados/typography.h5.estados.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../../../../../../../../src/components/mui_extended/Typography';
+/**
+ * La variante h5 en typography establece estilos predeterminados para encabezados de quinto nivel,
+ * incluyendo el tamaño de fuente, peso, espaciado de letra y márgenes, optimizados para resaltar títulos
+ * importantes en la interfaz. Es personalizable según los requisitos del tema para adaptarse a diferentes
+ * diseños y dispositivos.
+ */
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+/**
+ * Estado enabled del componente Typography con la variante h5.
+ */
+export declare const Base: Story;
+/**
+ * Estado skeleton de una sola linea del componente Typography con la variante h5.
+ */
+export declare const Skeleton: Story;
+/**
+ * Estado skeleton de varias líneas del componente Typography con la variante h5.
+ */
+export declare const skeletonRows: Story;

package/storybook/components/extended/mui/Typography/PaletteColor/text.primary/Variantes/paragraph/Estados/typography.paragraph.estados.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../../../../../../../../src/components/mui_extended/Typography';
+/**
+ * La variante paragraph en typography establece estilos predeterminados para los párrafos,
+ * incluyendo el tamaño de fuente, peso, espaciado de letra y márgenes, optimizados para resaltar títulos
+ * importantes en la interfaz. Es personalizable según los requisitos del tema para adaptarse a diferentes
+ * diseños y dispositivos.
+ */
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+/**
+ * Estado enabled del componente Typography con la variante paragraph.
+ */
+export declare const Base: Story;
+/**
+ * Estado skeleton de una sola linea del componente Typography con la variante paragraph.
+ */
+export declare const Skeleton: Story;
+/**
+ * Estado skeleton de varias líneas del componente Typography con la variante paragraph.
+ */
+export declare const skeletonRows: Story;

package/storybook/components/extended/mui/Typography/PaletteColor/text.primary/Variantes/paragraphDens/Estados/typography.paragraphDens.estados.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../../../../../../../../src/components/mui_extended/Typography';
+/**
+ * La variante paragraphDens en typography establece estilos predeterminados para los parráfos densos,
+ * incluyendo el tamaño de fuente, peso, espaciado de letra y márgenes, optimizados para resaltar títulos
+ * importantes en la interfaz. Es personalizable según los requisitos del tema para adaptarse a diferentes
+ * diseños y dispositivos.
+ */
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+/**
+ * Estado enabled del componente Typography con la variante paragraphDens.
+ */
+export declare const Base: Story;
+/**
+ * Estado skeleton de una sola linea del componente Typography con la variante paragraphDens.
+ */
+export declare const Skeleton: Story;
+/**
+ * Estado skeleton de varias líneas del componente Typography con la variante paragraphDens.
+ */
+export declare const skeletonRows: Story;

package/storybook/components/extended/mui/Typography/PaletteColor/text.primary/Variantes/subtitle/Estados/typography.subtitle.estados.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../../../../../../../../src/components/mui_extended/Typography';
+/**
+ * La variante subtitle en typography establece estilos predeterminados para sub títulos,
+ * incluyendo el tamaño de fuente, peso, espaciado de letra y márgenes, optimizados para resaltar títulos
+ * importantes en la interfaz. Es personalizable según los requisitos del tema para adaptarse a diferentes
+ * diseños y dispositivos.
+ */
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+/**
+ * Estado enabled del componente Typography con la variante subtitle.
+ */
+export declare const Base: Story;
+/**
+ * Estado skeleton de una sola linea del componente Typography con la variante subtitle.
+ */
+export declare const Skeleton: Story;
+/**
+ * Estado skeleton de varias líneas del componente Typography con la variante subtitle.
+ */
+export declare const skeletonRows: Story;

package/storybook/components/extended/mui/Typography/PaletteColor/text.primary/Variantes/subtitleDens/Estados/typography.subtitleDens.estados.stories.d.ts

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '../../../../../../../../../../src/components/mui_extended/Typography';
+/**
+ * La variante subtitleDens en typography establece estilos predeterminados para sub títulos densos,
+ * incluyendo el tamaño de fuente, peso, espaciado de letra y márgenes, optimizados para resaltar títulos
+ * importantes en la interfaz. Es personalizable según los requisitos del tema para adaptarse a diferentes
+ * diseños y dispositivos.
+ */
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+/**
+ * Estado enabled del componente Typography con la variante subtitleDens.
+ */
+export declare const Base: Story;
+/**
+ * Estado skeleton de una sola linea del componente Typography con la variante subtitleDens.
+ */
+export declare const Skeleton: Story;
+/**
+ * Estado skeleton de varias líneas del componente Typography con la variante subtitleDens.
+ */
+export declare const skeletonRows: Story;

package/test/mocks.d.ts

@@ -15,15 +15,15 @@ export declare const mock_useEnvironment: {
     domain_token: string;
 };
 export declare const mockedGraphics: {
-    useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
+    useFormatter: import('vitest').MockInstance<() => import('@m4l/graphics').Formatters>;
 };
 export declare function restoreGraphicsMocked(): void;
 export declare const mockedCore: {
-    useNetwork: import('vitest').MockInstance<() => import('@m4l/core/src/contexts/NetworkContext/types').NetworkType>;
-    useHostTools: import('vitest').MockInstance<() => core.HostToolsType>;
-    useFlagsPresent: import('vitest').MockInstance<(compareFlags: Array<import('@m4l/core/src/contexts/FlagsContext/types').Flag>) => boolean>;
-    useModuleDictionary: import('vitest').MockInstance<() => import('@m4l/core/src/contexts/ModuleDictionaryContext/types').ModuleDictionaryContextProps>;
-    useEnvironment: import('vitest').MockInstance<() => import('@m4l/core/src/contexts/EnvironmentContext/types').EnvironmentContextType>;
+    useNetwork: import('vitest').MockInstance<() => import('@m4l/core/contexts/NetworkContext/types').NetworkType>;
+    useHostTools: import('vitest').MockInstance<() => import('@m4l/core').HostToolsType>;
+    useFlagsPresent: import('vitest').MockInstance<(compareFlags: Array<import('@m4l/core/contexts/FlagsContext/types').Flag>) => boolean>;
+    useModuleDictionary: import('vitest').MockInstance<() => import('@m4l/core/contexts/ModuleDictionaryContext/types').ModuleDictionaryContextProps>;
+    useEnvironment: import('vitest').MockInstance<() => import('@m4l/core/contexts/EnvironmentContext/types').EnvironmentContextType>;
     useModuleSkeleton: import('vitest').MockInstance<() => boolean>;
 };
 /**
@@ -32,5 +32,5 @@ export declare const mockedCore: {
 export declare function restoreCoreMocked(): void;
 export declare const coreImplementation: typeof core;
 export declare const graphicsImplementation: {
-    useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
+    useFormatter: import('vitest').MockInstance<() => import('@m4l/graphics').Formatters>;
 };

package/utils/index.d.ts

@@ -9,7 +9,7 @@ export declare const getPaletteColor: (palette: Palette, s: string) => any;
 /**
  * TODO: Documentar
  */
-export declare const getVariantColor: (variant: VariantColor | undefined) => "info" | "warning" | "error" | "primary";
+export declare const getVariantColor: (variant: VariantColor | undefined) => "primary" | "info" | "warning" | "error";
 /**
  * TODO: Documentar
  */

package/components/mui_extended/Typography/styles.d.ts

@@ -1 +0,0 @@
-export declare const WarpperTypography: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Typography/styles.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material/styles";
-const WarpperTypography = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LTypography?.styleOverrides || {}
-}));
-export {
-  WarpperTypography as W
-};

package/components/mui_extended/Typography/subcomponents/index.d.ts

@@ -1,5 +0,0 @@
-import { SkeletonTypographyProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare const SkeletonTypography: (props: SkeletonTypographyProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Typography/subcomponents/index.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-const SkeletonTypography = (props) => {
-  const { skeletonWidth, skeletonHeight } = props;
-  return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletonHeight });
-};
-export {
-  SkeletonTypography as S
-};

package/components/mui_extended/Typography/subcomponents/types.d.ts

@@ -1,2 +0,0 @@
-import { SkeletonProps } from '../types';
-export type SkeletonTypographyProps = SkeletonProps;

package/components/mui_extended/Typography/tests/constants.d.ts

@@ -1 +0,0 @@
-export declare const TYPOGRAPHY_PREFIX = "Typography";

package/components/mui_extended/Typography/tests/constants.js

@@ -1,4 +0,0 @@
-const TYPOGRAPHY_PREFIX = "Typography";
-export {
-  TYPOGRAPHY_PREFIX as T
-};

package/components/mui_extended/Typography/tests/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/mui_extended/Typography/tests/utils.d.ts

@@ -1,2 +0,0 @@
-import { TypographyClassesKey } from '../utils/Clases/types';
-export declare const getNameDataTestId: (KEY: TypographyClassesKey) => string;

package/components/mui_extended/Typography/tests/utils.js

@@ -1,7 +0,0 @@
-import { T as TYPOGRAPHY_PREFIX } from "./constants.js";
-const getNameDataTestId = (KEY) => {
-  return `${TYPOGRAPHY_PREFIX}-${KEY}`;
-};
-export {
-  getNameDataTestId as g
-};

package/components/mui_extended/Typography/utils/Clases/index.d.ts

@@ -1,9 +0,0 @@
-import { TypographyClassesType } from './types';
-export declare const typographyClasses: TypographyClassesType;
-export declare function getTypographyClassesUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const useUtilityClasses: () => {
-    root: string;
-};

package/components/mui_extended/Typography/utils/Clases/index.js

@@ -1,22 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-generateUtilityClasses("M4LTypography", [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getTypographyClassesUtilityClass(slot) {
-  return generateUtilityClass("M4LTypography", slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTypographyClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};

package/components/mui_extended/Typography/utils/Clases/types.d.ts

@@ -1,4 +0,0 @@
-export interface TypographyClassesType {
-    root: string;
-}
-export type TypographyClassesKey = keyof TypographyClassesType;