@groupeactual/ui-kit 0.3.7 → 0.3.8

package/dist/index.d.ts

@@ -26,7 +26,7 @@ interface Props$5 extends Omit<TypographyProps$1, 'paragraph'> {
 }
 declare const Heading: (props: Props$5) => JSX.Element;
 
-declare type ActButtonType = (props: ButtonProps) => JSX.Element | null;
+type ActButtonType = (props: ButtonProps) => JSX.Element | null;
 declare const ActButton: ActButtonType;
 
 interface Props$4 {
@@ -68,7 +68,7 @@ interface Props$1 {
 }
 declare const IconProvider: ({ variant, icon, color, size }: Props$1) => JSX.Element;
 
-declare type Theme = 'Default' | 'Ep';
+type Theme = 'Default' | 'Ep';
 interface DesignSystemContextValues {
     isDarkTheme: boolean;
     themeName: Theme;
@@ -78,6 +78,6 @@ declare const DesignSystemContext: react.Context<DesignSystemContextValues>;
 interface Props {
     name?: Theme;
 }
-declare const DesignSystemProvider: ({ children, name }: PropsWithChildren<Props>) => JSX.Element;
+declare const DesignSystemProvider: ({ children, name: themeName }: PropsWithChildren<Props>) => JSX.Element;
 
 export { ActAccordion as Accordion, ActButton as Button, Checkbox, DesignSystemContext, DesignSystemContextValues, DesignSystemProvider, Heading, IconProvider, Link, Text, TextField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "A simple template for a custom React component library",
   "scripts": {
     "build": "rollup -c",
@@ -8,40 +8,40 @@
     "dev": "npm run build:watch"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.10",
-    "@babel/preset-env": "^7.18.10",
+    "@babel/core": "^7.20.5",
+    "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@mdx-js/react": "^2.1.2",
+    "@mdx-js/react": "^2.1.5",
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.3.4",
-    "@types/react": "^18.0.15",
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
-    "@typescript-eslint/parser": "^5.0.0",
-    "babel-loader": "^8.2.5",
+    "@rollup/plugin-typescript": "^8.5.0",
+    "@types/react": "^18.0.25",
+    "@typescript-eslint/eslint-plugin": "^5.44.0",
+    "@typescript-eslint/parser": "^5.44.0",
+    "babel-loader": "^8.3.0",
     "clsx": "^1.2.1",
-    "css-loader": "^6.7.1",
-    "eslint": "^8.0.1",
+    "css-loader": "^6.7.2",
+    "eslint": "^8.28.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-standard-with-typescript": "^23.0.0",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-jest": "^27.0.4",
-    "eslint-plugin-n": "^15.0.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jest": "^27.1.6",
+    "eslint-plugin-n": "^15.5.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "html-webpack-plugin": "^5.5.0",
     "identity-obj-proxy": "^3.0.0",
-    "prettier": "^2.7.1",
-    "rollup": "^2.77.2",
-    "rollup-plugin-dts": "^4.2.2",
+    "prettier": "^2.8.0",
+    "rollup": "^2.79.1",
+    "rollup-plugin-dts": "^4.2.3",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.54.1",
+    "sass": "^1.56.1",
     "sass-loader": "^12.6.0",
     "style-loader": "^3.3.1",
-    "typescript": "^4.7.4"
+    "typescript": "^4.9.3"
   },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -52,23 +52,23 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.0",
-    "@emotion/react": "^11.10.0",
-    "@emotion/styled": "^11.10.0",
-    "@fortawesome/fontawesome-svg-core": "^6.2.0",
-    "@groupeactual/design-tokens": "^0.2.4",
-    "@mui/base": "^5.0.0-alpha.92",
-    "@mui/material": "^5.10.0",
-    "@mui/system": "^5.9.3",
-    "@types/lodash": "^4.14.186",
-    "@types/styled-components": "^5.1.25",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@fortawesome/fontawesome-svg-core": "^6.2.1",
+    "@groupeactual/design-tokens": "^0.3.0",
+    "@mui/base": "^5.0.0-alpha.108",
+    "@mui/material": "^5.10.16",
+    "@mui/system": "^5.10.16",
+    "@types/lodash": "^4.14.190",
+    "@types/styled-components": "^5.1.26",
     "formik": "^2.2.9",
     "framer-motion": "^6.5.1",
     "lodash": "^4.17.21",
-    "postcss": "^8.4.14",
+    "postcss": "^8.4.19",
     "prop-types": "^15.8.1",
-    "styled-components": "^5.3.5",
-    "tslib": "^2.4.0",
-    "webpack": "^5.74.0"
+    "styled-components": "^5.3.6",
+    "tslib": "^2.4.1",
+    "webpack": "^5.75.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/src/components/Accordion/Accordion.tsx

@@ -2,7 +2,6 @@ import { ReactNode } from 'react';
 import Accordion from '@mui/material/Accordion';
 import AccordionSummary from '@mui/material/AccordionSummary';
 import AccordionDetails from '@mui/material/AccordionDetails';
-import { useThemeTokens } from '@groupeactual/design-tokens';
 
 interface Props {
   icon: ReactNode;
@@ -12,10 +11,9 @@ interface Props {
 }
 
 const ActAccordion = ({ icon, title, content, summaryHeight }: Props) => {
-  const { tokens } = useThemeTokens('lucie');
   return (
     <Accordion
-      sx={{ border: `1px solid ${tokens.colors.defaultBorder as string}` }}
+      sx={{ border: `1px solid`, borderColor: 'GreyLightDefaultborder' }}
     >
       <AccordionSummary
         expandIcon={icon}
@@ -27,8 +25,9 @@ const ActAccordion = ({ icon, title, content, summaryHeight }: Props) => {
       </AccordionSummary>
       <AccordionDetails
         sx={{
-          bgcolor: tokens.colors.greyLightBorder,
-          borderTop: '1px solid #CBCBCB'
+          backgroundColor: 'GreyXLight',
+          borderColor: 'GreyLightDefaultborder',
+          borderTop: '1px solid'
         }}
       >
         {content}

package/src/components/Form/TextField/TextField.tsx

@@ -44,7 +44,11 @@ const TextField = ({
       name={name}
       label={label}
       value={internalValue}
+      placeholder={placeholder}
       onClick={(e) => e.stopPropagation()}
+      InputLabelProps={{
+        shrink: true
+      }}
       InputProps={{
         endAdornment
       }}