@basic-ui/material 1.0.0-alpha.15 → 1.0.0-alpha.18

package/src/ThemeExplorer/updateGoogleFonts.js

@@ -0,0 +1,33 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { writeFileSync } = require('fs');
+
+// This file auto generates our googleFonts.ts file
+
+// You can generate an API key from here
+// https://developers.google.com/fonts/docs/developer_api#APIKey
+const API_KEY = process.env.GOOGLE_FONTS_API_KEY;
+
+async function main() {
+  const res = await fetch(
+    `https://content-webfonts.googleapis.com/v1/webfonts?sort=POPULARITY&key=${API_KEY}`
+  );
+
+  const json = await res.json();
+  if (json.error) {
+    console.error(json.error);
+    return;
+  }
+  const fonts = json.items.map((item) => item.family);
+  let str = '';
+  str += `// THIS FILE WAS AUTOGENERATED BY updateGoogleFonts.js\n`;
+  str += `// TO UPDATE IT RUN THE FOLLOWING WITH Node.js v18+\n`;
+  str += `// GOOGLE_FONTS_API_KEY="<SECRET>" node updateGoogleFonts.js`;
+  str += `\n\n/* eslint-disable prettier/prettier */\n`;
+  str += `export const googleFonts = [\n`;
+  str += fonts.map((f) => '  ' + JSON.stringify(f)).join(',\n');
+  str += '\n];\n';
+
+  writeFileSync('./googleFonts.ts', str, 'utf-8');
+}
+
+main();

package/src/ThemeExplorer/useDeferredColor.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useDeferredValue } from 'react';
+import { useMemo } from 'react';
 import { TonalPalette, argbFromHex } from '@material/material-color-utilities';
 import type { Color } from '@basic-ui/color-picker';
 
@@ -12,13 +12,10 @@ export function useDeferredColor(
     null,
     'theme-builder.' + key
   );
-  const deferredColor = useDeferredValue(color);
   const colorTonal = useMemo(
     () =>
-      deferredColor?.hex
-        ? TonalPalette.fromInt(argbFromHex(deferredColor.hex))
-        : fallbackValue,
-    [deferredColor?.hex, fallbackValue]
+      color?.hex ? TonalPalette.fromInt(argbFromHex(color.hex)) : fallbackValue,
+    [color?.hex, fallbackValue]
   );
   return [color, colorTonal, setColor];
 }

package/src/index.ts

@@ -25,6 +25,7 @@ export * from './Ripple';
 export * from './Select';
 export * from './SelectItem';
 export * from './Skeleton';
+export * from './Slider';
 export * from './Snackbar';
 export * from './Switch';
 export * from './Tab';