@groupeactual/ui-kit 0.2.7 → 0.2.8

package/dist/index.d.ts

@@ -1,21 +1,26 @@
 /// <reference types="react" />
-import { TypographyProps } from '@mui/material';
-import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
+import { TypographyProps } from '@mui/material/Typography';
 import { ButtonProps } from '@mui/material/Button';
 import * as react from 'react';
 import { FocusEventHandler, ChangeEventHandler, ReactNode, PropsWithChildren } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme as Theme$1 } from '@mui/system';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 
-interface Props$6 extends TypographyProps {
-    variant?: 'body1' | 'body2' | 'caption';
+interface Props$7 {
+    variant?: 'big_number' | 'body1_regular' | 'body1_medium' | 'body1_bold' | 'body2_regular' | 'body2_medium' | 'body2_bold' | 'caption' | 'button_notif';
+    component?: string;
+}
+declare const ActText$1: (props: Props$7) => JSX.Element;
+
+interface Props$6 {
+    variant?: 'link1' | 'link2';
     component?: string;
 }
 declare const ActText: (props: Props$6) => JSX.Element;
 
-interface Props$5 extends Omit<TypographyProps$1, 'paragraph'> {
-    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2';
+interface Props$5 extends Omit<TypographyProps, 'paragraph'> {
+    variant?: 'h1' | 'h2' | 'h3' | 'h4';
     component?: string;
 }
 declare const ActHeading: (props: Props$5) => JSX.Element;
@@ -42,7 +47,7 @@ interface Props$3 {
     value: boolean;
     name: string;
     onChange: (field: string, value: any, shouldValidate?: boolean | undefined) => void;
-    sx: SxProps<Theme>;
+    sx: SxProps<Theme$1>;
 }
 declare const Checkbox: ({ name, value, error, label, onChange, sx }: Props$3) => JSX.Element;
 
@@ -62,15 +67,16 @@ interface Props$1 {
 }
 declare const IconProvider: ({ variant, icon, color, size }: Props$1) => JSX.Element;
 
+declare type Theme = 'Default' | 'Ep';
 interface DesignSystemContextValues {
     isDarkTheme: boolean;
-    themeName: string;
+    themeName: Theme;
     toggleDarkTheme: () => void;
 }
 declare const DesignSystemContext: react.Context<DesignSystemContextValues>;
 interface Props {
-    name?: DesignSystemContextValues['themeName'];
+    name?: Theme;
 }
 declare const DesignSystemProvider: ({ children, name }: PropsWithChildren<Props>) => JSX.Element;
 
-export { ActAccordion, ActButton, Checkbox as ActCheckbox, ActHeading, ActText, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, IconProvider, TextField };
+export { ActAccordion as Accordion, ActButton as Button, Checkbox, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, ActHeading as Heading, IconProvider, ActText as Link, ActText$1 as Text, TextField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "A simple template for a custom React component library",
   "scripts": {
     "build": "rollup -c",

package/src/DesignSystemProvider.tsx

@@ -9,20 +9,25 @@ import { useMaterialThemeTokens } from '@groupeactual/design-tokens';
 import { ThemeProvider } from '@emotion/react';
 import { createTheme } from '@mui/material';
 
+// Deux themes pour le moment :
+// Default = Theme backoffice Material
+// Ep = Espace personnel
+type Theme = 'Default' | 'Ep';
+
 export interface DesignSystemContextValues {
   isDarkTheme: boolean;
-  themeName: string;
+  themeName: Theme;
   toggleDarkTheme: () => void;
 }
 
 export const DesignSystemContext = createContext<DesignSystemContextValues>({
   isDarkTheme: false,
-  themeName: 'default',
+  themeName: 'Default',
   toggleDarkTheme: () => {}
 });
 
 interface Props {
-  name?: DesignSystemContextValues['themeName'];
+  name?: Theme;
 }
 
 const MaterialThemeProvider = ({ children }: PropsWithChildren<unknown>) => {
@@ -36,7 +41,7 @@ const MaterialThemeProvider = ({ children }: PropsWithChildren<unknown>) => {
 
 const DesignSystemProvider = ({
   children,
-  name: themeName = 'default'
+  name: themeName = 'Default'
 }: PropsWithChildren<Props>) => {
   const [isDarkTheme, setIsDarkTheme] = useState(false);
 

package/src/components/Heading/Heading.tsx

@@ -1,8 +1,7 @@
 import Typography, { TypographyProps } from '@mui/material/Typography';
 
-
 interface Props extends Omit<TypographyProps, 'paragraph'> {
-  variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2';
+  variant?: 'h1' | 'h2' | 'h3' | 'h4';
   component?: string;
 }
 

package/src/components/Link/Link.tsx

@@ -0,0 +1,12 @@
+import { Typography, TypographyProps } from '@mui/material';
+
+interface Props {
+  variant?: 'link1' | 'link2';
+  component?: string;
+}
+
+const ActText = (props: Props) => (
+  <Typography {...(props as TypographyProps)} />
+);
+
+export default ActText;

package/src/components/Link/index.ts

@@ -0,0 +1 @@
+export { default } from './Link';

package/src/components/Text/Text.tsx

@@ -1,10 +1,21 @@
 import { Typography, TypographyProps } from '@mui/material';
 
-interface Props extends TypographyProps {
-  variant?: 'body1' | 'body2' | 'caption';
+interface Props {
+  variant?:
+    | 'big_number'
+    | 'body1_regular'
+    | 'body1_medium'
+    | 'body1_bold'
+    | 'body2_regular'
+    | 'body2_medium'
+    | 'body2_bold'
+    | 'caption'
+    | 'button_notif';
   component?: string;
 }
 
-const ActText = (props: Props) => <Typography {...props} />;
+const ActText = (props: Props) => (
+  <Typography {...(props as TypographyProps)} />
+);
 
 export default ActText;

package/src/components/index.ts

@@ -1,7 +1,8 @@
-export { default as ActText } from './Text';
-export { default as ActHeading } from './Heading';
-export { default as ActButton } from './Button';
+export { default as Text } from './Text';
+export { default as Link } from './Link';
+export { default as Heading } from './Heading';
+export { default as Button } from './Button';
 export { default as TextField } from './Form/TextField';
-export { default as ActCheckbox } from './Form/Checkbox';
-export { default as ActAccordion } from './Accordion';
+export { default as Checkbox } from './Form/Checkbox';
+export { default as Accordion } from './Accordion';
 export { default as IconProvider } from './Icon/IconProvider';