npm - @react-md/material-icons - Versions diffs - 6.0.0-next.16 → 6.0.0-next.17 - Mend

@@ -1,6 +1,6 @@
 {
   "name": "@react-md/material-icons",
-  "version": "6.0.0-next.16",
+  "version": "6.0.0-next.17",
   "description": "Material Design Icon components for react-md",
   "type": "module",
   "exports": {
@@ -29,21 +29,21 @@
   "license": "MIT",
   "dependencies": {
     "cnbuilder": "^3.1.0",
-    "@react-md/core": "1.0.0-next.15"
+    "@react-md/core": "1.0.0-next.16"
   },
   "devDependencies": {
-    "@swc/core": "^1.6.6",
-    "@types/lodash": "^4.17.6",
-    "@types/node": "^20.14.9",
+    "@swc/core": "^1.7.0",
+    "@types/lodash": "^4.17.7",
+    "@types/node": "^20.14.11",
     "@types/react": "^18.3.3",
     "eslint": "^8.57.0",
-    "glob": "^10.4.2",
+    "glob": "^11.0.0",
     "lodash": "^4.17.21",
-    "prettier": "^3.3.2",
+    "prettier": "^3.3.3",
     "pretty-ms": "^9.0.0",
     "svgo": "^3.3.2",
-    "tsx": "^4.16.0",
-    "typescript": "^5.4.5"
+    "tsx": "^4.16.2",
+    "typescript": "^5.5.3"
   },
   "peerDependencies": {
     "react": ">= 18",
@@ -62,7 +62,7 @@
   },
   "volta": {
     "node": "20.12.2",
-    "pnpm": "9.3.0"
+    "pnpm": "9.5.0"
   },
   "scripts": {
     "run-script": "tsx --tsconfig scripts/tsconfig.json",

@@ -1,8 +0,0 @@
-> @react-md/material-icons@6.0.0-next.15 build /home/mlaursen/code/react-md/packages/material-icons
-> pnpm run run-script scripts/build.ts
-> @react-md/material-icons@6.0.0-next.15 run-script /home/mlaursen/code/react-md/packages/material-icons
-> tsx --tsconfig scripts/tsconfig.json "scripts/build.ts"

@@ -1,13 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["@mlaursen/eslint-config"],
-  parserOptions: {
-    project: "./tsconfig.json",
-    tsconfigRootDir: __dirname,
-    ecmaVersion: 2018,
-    sourceType: "module",
-  },
-  rules: {
-    "no-console": 0,
-  },
-};

@@ -1,50 +0,0 @@
-import { transformFile } from "@swc/core";
-import { glob } from "glob";
-import { rm, writeFile } from "node:fs/promises";
-import { join } from "node:path";
-const TYPE_DEFINITION = `/// <reference types="react" />
-import { SVGIconProps } from "@react-md/core/icon/SVGIcon";
-declare const _default: import("react").ForwardRefExoticComponent<SVGIconProps & import("react").RefAttributes<SVGSVGElement>>;
-export default _default;
-`;
-const SRC_DIR = "src";
-// clean -- about the same as `rm -f *Icon.d.ts *Icon.js`
-const existing = await glob(["*Icon.d.ts", "*Icon.js"]);
-await Promise.all(existing.map((fileName) => rm(fileName)));
-if (process.argv.includes("--clean-only")) {
-  process.exit(0);
-}
-const components = await glob("*.tsx", {
-  cwd: SRC_DIR,
-});
-const promises = components.map(async (name) => {
-  const { code } = await transformFile(join(SRC_DIR, name), {
-    jsc: {
-      parser: {
-        syntax: "typescript",
-        tsx: true,
-      },
-      transform: {
-        react: {
-          runtime: "automatic",
-        },
-      },
-    },
-    env: {
-      targets: ["defaults"],
-    },
-  });
-  await writeFile(name.replace(".tsx", ".js"), code);
-  // I should be able to create a single .d.ts file in the future once esm is
-  // the standard
-  await writeFile(name.replace(".tsx", ".d.ts"), TYPE_DEFINITION);
-});
-await Promise.all(promises);

@@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "noEmit": true,
-    "jsx": "preserve",
-    "strict": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "downlevelIteration": true,
-    "resolveJsonModule": true,
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "forceConsistentCasingInFileNames": true,
-    "lib": ["esnext", "dom"]
-  },
-  "include": ["**/*.ts"],
-  "exclude": ["node_modules"]
-}

@@ -1,4 +0,0 @@
-> @react-md/material-icons@6.0.0-next.15 lint /home/mlaursen/code/react-md/packages/material-icons
-> eslint -c scripts/.eslintrc.cjs "scripts/**/*.ts"

@@ -1,4 +0,0 @@
-> @react-md/material-icons@6.0.0-next.15 typecheck /home/mlaursen/code/react-md/packages/material-icons
-> tsc --noEmit

@@ -1,298 +0,0 @@
-# @react-md/material-icons
-## 6.0.0-next.16
-### Patch Changes
-- This release focused on starting to create the codemods for v5 to v6, which helped me find and fix:
-  - Fixed the surface colors when `$color-scheme: light`
-  - `CardSubtitle` can now remove the secondary text color like v5 using the `textColor` `Typography` prop
-  - Moved the sticky styles behavior for tables into `StickyTableSection` instead of `TableHeader`/`TableFooter`
-  - Moved more table types into the `types.ts` file
-  - Re-ran the material icons script to fix the types for `MaterialSymbol` and `MaterialIcon`
-  - Updated documentation for components and changes between v5
-- Updated dependencies
-  - @react-md/core@1.0.0-next.15
-## 6.0.0-next.15
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.14
-## 6.0.0-next.14
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.13
-## 6.0.0-next.13
-### Patch Changes
-- Fixed the SVGIcon import path from @react-md/core after trying new package.json exports.
-## 6.0.0-next.12
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.12
-## 6.0.0-next.11
-### Patch Changes
-- Experimental support for package.json exports and updated material icons.
-- Updated dependencies
-  - @react-md/core@1.0.0-next.11
-## 6.0.0-next.10
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.10
-## 6.0.0-next.9
-### Patch Changes
-- Added a RootHtml component for Next.js apps and a lot of changes to the Select
-  component. The Select _should_ be able to be autofilled by the browser and
-  password managers now if I remember correctly. There's also a lot of work into
-  getting started with the new Autocomplete API.
-- Updated dependencies
-  - @react-md/core@1.0.0-next.9
-## 6.0.0-next.8
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.8
-## 6.0.0-next.7
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.7
-## 6.0.0-next.6
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.6
-## 6.0.0-next.5
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.5
-## 6.0.0-next.4
-### Patch Changes
-- Fixed Sass variable issues and other CSS tweaks.
-- Updated dependencies
-  - @react-md/core@1.0.0-next.4
-## 6.0.0-next.3
-### Patch Changes
-- The next v6 alpha release.
-  # Changes
-  ## AppBar
-  - Updated `AppBar` to use the `Box` component and additional `cssUtils`
-  - Added a `$nav-keyline` variable for the `AppBarTitle` offset
-  ## Avatar
-  - Fixed the `color` prop definition
-  ## Badge
-  - Simplified the offset variables
-  ## Button
-  - Added a `TooltippedButton` component
-  ## Card
-  - Added a `ClickableCard` component
-  - Fixed the `CardSubtitle` color
-  ## Dialog
-  - Fixed the background colors
-  ## Divider
-  - Removed the `vertical-sizing` variable and updated the vertical divider to update the same way as a horizontal divider
-  ## Expansion Panel
-  - Renamed `preventAllClosed` to `preventAllCollapsed` to better match naming schemes
-  ## Form
-  - Updated `MenuItemInputToggle` to use `multiline` instead of `threeLines`
-  - Fixed the `Select` focus behavior when rendering within a `Sheet`
-  ## Icon
-  - Fixed the styling for the `IconRotator` by setting the default rotate variables
-  - Fixed the styling for the `IconSpacing` component when using `above` or `below`
-  ## List
-  - Renamed `threeLines` to `multiline` and updated the CSS variables to match
-  - Fixed some styling by correctly passing all props down
-  - Added the ability to disable the spacing for the left addons
-  ## Portal
-  - Updated `PortalContainerProvider` to support a `RefObject`
-  ## Table
-  - Fixed the `TableCheckbox` and `TableRadio` components to be client components instead of server components
-  ## Tabs
-  - Added support for rendering vertically
-  - Added support to render a tab as a link instead of a button
-  - Renamed the `--rmd-tab-width` to `--rmd-tab-size`
-  ## Tooltip
-  - Fixed some type definition issues for event handlers
-  ## Transition
-  - Updated `SkeletonPlaceholder` to `forwardRef`
-  - Updated `SkeletonPlaceholder` and `useSkeletonPlaceholder` to support `animation-delay`
-  - Added `randomSkeletonPlaceholder` util to generate SSR-only skeletons
-  - Fixed the naming of the Sass variables since they weren't prefixed by `transition-`
-  ## Tree
-  - Fixed the type definitions for the `DefaultTreeItemRenderer` for the `data` prop after switching to `RenderRecursively`
-  - Fixed the `Tree` components to start the `--rmd-tree-depth` at `0` instead of `-1`
-  - Removed the `--padded` style since it's no longer needed
-  ## Typography
-  - Updated the base typography to default to `overflow-wrap: break-word`
-  - Fixed the `TextContainer` styling to include the padding in the line length
-  ## Other
-  - Uses `:has` selectors and `:focus-visible` since all major browsers support them now
-  - Uses `@media(hover: hover) and (pointer: fine)` for hover states instead of `.mouse-mode`
-  - Refactored some draggable utils and fixed bugs around dragging
-  - Added a `useElementSize` wrapper for the `useResizeObserver` hook
-  - Fixed `useElementSize` to trigger immediately on mount
-  - Updated `useWindowSize` to support SSR values
-- Updated dependencies
-  - @react-md/core@1.0.0-next.3
-## 6.0.0-next.2
-### Major Changes
-- Updated custom properties to require a defined value instead of always providing a fallback. This decreases the bundle size by a good amount.
-  Also updated the `Snackbar` so that it no longer has a `role="status"` to fix accessibility. Instead, each toast will have `role="status"` or `role="alert"`.
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.2
-## 6.0.0-next.1
-### Major Changes
-- 117350ed79: The next preview of v6.0.0.
-  Breaking Changes:
-  - An accessible label is now required for `CircularProgress` and `LinearProgress`
-    - Updated `AsyncButton` to pass props to the progress component and other
-      accessibility teaks
-    - Updated `CircularProgressSuspense` to default the `aria-label` to `"Loading"`
-  - Removed the `VerticalDivider` component
-  - Rename `hoverTime`/`leaveTime` to `hoverTimeout`/`leaveTimeout` for hover mode
-  - Removed the `forceSize`/`forceFontSize` props from the `FontIcon`
-  - Removed the `useOverflowTooltip` and instead integrate it into the
-    `useTooltip` hook. It's cheaper to check on the start event instead of having
-    a resize observer always active
-  - Removed the `LinkProvider` since it was only used for the `Tree` component and
-    it's easier to pass the custom link component down
-  Features:
-  - Added `TRANSITION_CONFIG` so transitions can be disabled
-    - Updated the `@react-md/test-utils/jest-setup` to always disable transitions
-      in tests
-  - Added `MATERIAL_CONFIG` to override defaults instead of using context
-  - Adding support for including `data-testid` in all HTMLAttributes by including
-    `@react-md/test-utils/data-testid` somewhere (normally `setupTests.ts`)
-  - Added `theme` to `Avatar`
-  - Update `Dialog` to be an `alertdialog` by default when `modal` is enabled and
-    added `aria-modal` when `modal` is enabled
-  - Add additional props to `Slider` to customize the tooltip
-  - Updated all table styling utility functions to be in separate files so they
-    aren't forced as client code
-  - Added `iconRotatorProps` for the `TableCell`
-  - Updated `isStickyActive` to provide the `isInTableContainer` boolean and
-    export `isTableFooterStickyActive` default function
-  - Add support for `stickyActiveClassName`
-  - Added support for `TableRadio` component
-  - Updated `DropdownMenu` to support controlling the visibility
-  Bug Fixes:
-  - Improved performance for multiple transitions by no longer causing layout
-    shifts
-  - Add some missing custom properties to inline styles for Typescript
-  - Update `Tooltip` to default to temporary again. There's no need to create 1000
-    nodes in large apps on startup
-  - Fixed styles for `MenuItemCheckbox`, `MenuItemRadio`, and `MenuItemSwitch`
-  - Fix `Slider` marks when the min value is not `0`
-  - Fixed the default anchor for the `Menu` component when using a floating action
-    button
-  - Update `Tooltip` to use `textOverflow` instead of `disableLineWrap`
-  - Update `Switch` to no longer be a client component
-  - Update `Switch` to support rendering components within the ball
-### Patch Changes
-- Updated dependencies [117350ed79]
-  - @react-md/core@1.0.0-next.1
-## 6.0.0-next.0
-### Major Changes
-- Initial v6 release test
-### Patch Changes
-- Updated dependencies
-  - @react-md/core@1.0.0-next.0

	@@ -1,2 +0,0 @@
1	- export const GENERATED_FILE_BANNER =
2	- "// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY";

@@ -1,57 +0,0 @@
-import { wait } from "@react-md/core/utils/wait";
-import { glob } from "glob";
-import lodash from "lodash";
-import { execSync } from "node:child_process";
-import { rm } from "node:fs/promises";
-import { join } from "node:path";
-import prettyMilliseconds from "pretty-ms";
-import { createCoreMetadataFIle } from "./utils/createCoreMetadataFile.js";
-import { createDocsMetadataFile } from "./utils/createDocsMetadataFile.js";
-import { createIconComponent } from "./utils/createIconComponent.js";
-import { getMaterialMetadata } from "./utils/getMaterialMetadata.js";
-console.log("Generating material icon components...");
-const startTime = Date.now();
-const projectRoot = execSync("git rev-parse --show-toplevel").toString().trim();
-const metadata = await getMaterialMetadata();
-const materialIconsSrc = join(projectRoot, "packages", "material-icons", "src");
-await createDocsMetadataFile(metadata, projectRoot);
-await createCoreMetadataFIle(metadata, projectRoot);
-const { components } = metadata;
-const existingComponents = await glob("*.tsx", {
-  cwd: materialIconsSrc,
-});
-const total = components.length;
-console.log(`Creating ${total} icon components ... `);
-let remaining = total;
-const chunks = lodash.chunk(components, 50);
-const created = new Set<string>();
-for (const requests of chunks) {
-  await Promise.all(
-    requests.map((req) =>
-      createIconComponent({
-        ...req,
-        created,
-        iconNameFixes: metadata.iconNameFixes,
-        materialIconsSrc,
-      })
-    )
-  );
-  remaining -= requests.length;
-  console.log(`${remaining} icons remaining ... `);
-  await wait(1000);
-}
-const toRemove = lodash.difference(existingComponents, [...created]);
-await Promise.all(
-  toRemove.map((fileName) => rm(join(materialIconsSrc, fileName)))
-);
-const totalDuration = Date.now() - startTime;
-console.log(`Completed in ${prettyMilliseconds(totalDuration)}!`);

@@ -1,63 +0,0 @@
-import { type MaterialIconFamily } from "@react-md/core/icon/material";
-export interface MaterialComponentMetadata {
-  host: string;
-  name: string;
-  version: number;
-  family: string;
-  iconFamily: MaterialIconFamily;
-}
-export type MaterialIconType = "icon" | "symbol";
-export type IconsByCategory = Record<string, readonly string[]>;
-export type IconsByCategoryMap = Map<string, Set<string>>;
-export type CategoriesByFamilyType = Record<string, IconsByCategory>;
-export type CategoriesByFamilyTypeMap = Map<string, IconsByCategoryMap>;
-export function printConst(
-  name: string,
-  value: unknown,
-  type?: string
-): string {
-  const t = type ? `: ${type}` : "";
-  const cast = type ? "" : " as const";
-  return `export const ${name}${t} = ${JSON.stringify(value)}${cast}`;
-}
-export function printTypeUnion(
-  name: string,
-  values: readonly string[]
-): string {
-  const union = values.map((value) => `| "${value}"`).join("");
-  return `export type ${name} = ${union}`;
-}
-export function categoriesMapToObject(
-  categories: CategoriesByFamilyTypeMap
-): CategoriesByFamilyType {
-  const lookup: Record<string, Record<string, string[]>> = {};
-  categories.forEach((categoryLookup, familyType) => {
-    lookup[familyType] = {};
-    categoryLookup.forEach((iconNames, category) => {
-      lookup[familyType][category] = [...iconNames];
-    });
-  });
-  return lookup;
-}
-export function getSortedCategories(
-  lookup: CategoriesByFamilyTypeMap
-): readonly string[] {
-  const categories = new Set<string>();
-  lookup.forEach((value) => {
-    value.forEach((_value, category) => {
-      categories.add(category);
-    });
-  });
-  const sorted = [...categories].sort();
-  return sorted;
-}

@@ -1,43 +0,0 @@
-import { writeFile } from "node:fs/promises";
-import { join } from "node:path";
-import { GENERATED_FILE_BANNER } from "../constants.js";
-import { printTypeUnion } from "./converters.js";
-import { format } from "./format.js";
-import { type MaterialIconAndSymbolMetadata } from "./getMaterialMetadata.js";
-export async function createCoreMetadataFIle(
-  metadata: MaterialIconAndSymbolMetadata,
-  projectRoot: string
-): Promise<void> {
-  const { iconNames, iconFamilyTypes, symbolNames, symbolFamilyTypes } =
-    metadata;
-  const generatedTypes = await format(
-    `${GENERATED_FILE_BANNER}
-/** @since 6.0.0 */
-${printTypeUnion("MaterialIconFamily", iconFamilyTypes)}
-/** @since 6.0.0 */
-${printTypeUnion("MaterialIconName", [...iconNames])}
-/** @since 6.0.0 */
-${printTypeUnion("MaterialSymbolFamily", symbolFamilyTypes)}
-/** @since 6.0.0 */
-${printTypeUnion("MaterialSymbolName", [...symbolNames])}
-`
-  );
-  const materialTypesPath = join(
-    projectRoot,
-    "packages",
-    "core",
-    "src",
-    "icon",
-    "material.ts"
-  );
-  await writeFile(materialTypesPath, generatedTypes, "utf8");
-  console.log(`Wrote "${materialTypesPath}"`);
-}

@@ -1,67 +0,0 @@
-import { writeFile } from "node:fs/promises";
-import { join } from "node:path";
-import { GENERATED_FILE_BANNER } from "../constants.js";
-import { printConst, printTypeUnion } from "./converters.js";
-import { format } from "./format.js";
-import { type MaterialIconAndSymbolMetadata } from "./getMaterialMetadata.js";
-export async function createDocsMetadataFile(
-  metadata: MaterialIconAndSymbolMetadata,
-  projectRoot: string
-): Promise<void> {
-  const {
-    iconsLookup,
-    iconFamilyTypes,
-    iconCategories,
-    symbolsLookup,
-    symbolFamilyTypes,
-    symbolCategories,
-    iconNameFixes,
-  } = metadata;
-  const docsMetadataFileName = join(
-    projectRoot,
-    "apps",
-    "docs",
-    "src",
-    "app",
-    "(main)",
-    "components",
-    "material-icons-and-symbols",
-    "metadata.ts"
-  );
-  const generatedMetadata = await format(
-    `${GENERATED_FILE_BANNER}
-import {
-  type MaterialIconName,
-  type MaterialSymbolName,
-} from "@react-md/core/icon/material";
-export type MaterialIconType = "icon" | "symbol";
-export type MaterialIconAndSymbolName = MaterialIconName | MaterialSymbolName;
-export type IconsByCategory = Record<string, readonly MaterialIconAndSymbolName[]>;
-export type CategoriesByFamilyType = Record<string, IconsByCategory>;
-${printConst(
-  "ICON_NAME_FIXES",
-  Object.fromEntries(iconNameFixes),
-  "Record<string, string>"
-)}
-${printConst("MATERIAL_ICONS", iconsLookup, "CategoriesByFamilyType")}
-${printConst("MATERIAL_ICON_FAMILY_TYPES", iconFamilyTypes)}
-${printConst("MATERIAL_ICON_CATEGORIES", iconCategories)}
-${printTypeUnion("MaterialIconCategory", iconCategories)}
-${printConst("MATERIAL_SYMBOLS", symbolsLookup, "CategoriesByFamilyType")}
-${printConst("MATERIAL_SYMBOL_FAMILY_TYPES", symbolFamilyTypes)}
-${printConst("MATERIAL_SYMBOL_CATEGORIES", symbolCategories)}
-${printTypeUnion("MaterialSymbolCategory", symbolCategories)}
-`
-  );
-  await writeFile(docsMetadataFileName, generatedMetadata, "utf8");
-  console.log(`Wrote "${docsMetadataFileName}"`);
-}

@react-md/material-icons 6.0.0-next.16 → 6.0.0-next.17