Export makeStyles from @codegouvfr/react-dsfr/tss

Author: garronej

package.json

@@ -128,6 +128,7 @@
         "./useIsDark": "./dist/useIsDark/index.js",
         "./useColors": "./dist/useColors.js",
         "./mui": "./dist/mui.js",
+        "./tss": "./dist/tss.js",
         "./tools/cx": "./dist/tools/cx.js",
         "./dsfr/*": "./dsfr/*",
         "./ToggleSwitchGroup": "./dist/ToggleSwitchGroup.js",

src/scripts/list-exports.ts

@@ -26,6 +26,7 @@ const newExports = {
     "./useIsDark": "./dist/useIsDark/index.js",
     "./useColors": "./dist/useColors.js",
     "./mui": "./dist/mui.js",
+    "./tss": "./dist/tss.js",
     "./tools/cx": "./dist/tools/cx.js",
     "./dsfr/*": "./dsfr/*",
     ...Object.fromEntries(

src/tss.ts

@@ -0,0 +1,7 @@
+import { useColors } from "./useColors";
+import { createMakeAndWithStyles } from "tss-react";
+
+/** @see <https://docs.tss-react.dev/setup> */
+export const { makeStyles, withStyles, useStyles } = createMakeAndWithStyles({
+    "useTheme": useColors
+});