@react-native-rethemed/material-ui-tokens 0.1.0 → 0.1.2

package/README.md

@@ -1,5 +1,7 @@
 # @react-native-rethemed/material-ui-tokens
 
+[![npm](https://img.shields.io/npm/v/@react-native-rethemed/material-ui-tokens.svg)](https://www.npmjs.com/package/@react-native-rethemed/material-ui-tokens)
+
 Material UI's default theme (palette, colors, typography) for React Native, ready for [react-native-rethemed](https://github.com/manakuro/react-native-rethemed).
 
 Material UI's default theme (`createTheme()`, Material Design 2): palette in light and dark mode with Material UI's names (`'primary.main'`, `'text.secondary'`), `@mui/material/colors`, the 13 typography variants as text presets (`button` / `overline` keep `textTransform: 'uppercase'`), spacing, shape and elevations 0–24.

package/dist/index.cjs

@@ -0,0 +1,49 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_tokens_gen = require("./tokens.gen.cjs");
+//#region src/index.ts
+/**
+* Material UI's default theme (`createTheme()` from `@mui/material`, which
+* follows Material Design 2), converted for React Native. Values are
+* generated by `scripts/generate.ts`; see `src/tokens.gen.ts`.
+*
+* - `semanticColors`: the default `palette` in light and dark mode, as
+*   `'<group>.<key>'` with Material UI's own names: `'primary.main'`,
+*   `'primary.contrastText'`, `'text.secondary'`, `'background.paper'`,
+*   `'action.hover'`, `'divider.default'`.
+* - `colors`: `@mui/material/colors` as `'<hue>.<shade>'` (`'red.500'`,
+*   `'deepPurple.A200'`), plus `black` and `white`. Fixed in both schemes.
+* - `typography`: the 13 variants (`h1`…`overline`) as text presets,
+*   `themed.text.h1()`. rem/em → points at `htmlFontSize` (16); line heights
+*   absolute; `button` / `overline` keep `textTransform: 'uppercase'`.
+* - `spacing`: `theme.spacing(n)`, so `padding: 2` is 16. `radii`: multiples
+*   of `shape.borderRadius`, so `borderRadius: 2` is 8 — both like `sx`.
+* - `shadows`: elevations 0–24, first layer only; `elevation` matches the
+*   Material elevation on Android exactly.
+* - Not included (no RN equivalent): `fontFamily` (Roboto, Android's default
+*   anyway), breakpoints, transitions, mixins, component overrides, the
+*   `action.*Opacity` numbers and dark mode's `text.icon`.
+*/
+const materialUiTheme = (0, require("@react-native-rethemed/core/config").defineTheme)({
+	tokens: {
+		colors: require_tokens_gen.colors,
+		radii: require_tokens_gen.radii,
+		spacing: require_tokens_gen.spacing,
+		fontWeights: require_tokens_gen.fontWeights,
+		zIndices: require_tokens_gen.zIndices,
+		shadows: require_tokens_gen.shadows
+	},
+	semanticTokens: {
+		colors: require_tokens_gen.semanticColors,
+		text: require_tokens_gen.typography
+	}
+});
+//#endregion
+exports.colors = require_tokens_gen.colors;
+exports.fontWeights = require_tokens_gen.fontWeights;
+exports.materialUiTheme = materialUiTheme;
+exports.radii = require_tokens_gen.radii;
+exports.semanticColors = require_tokens_gen.semanticColors;
+exports.shadows = require_tokens_gen.shadows;
+exports.spacing = require_tokens_gen.spacing;
+exports.typography = require_tokens_gen.typography;
+exports.zIndices = require_tokens_gen.zIndices;

package/dist/{cjs/index.d.ts → index.d.cts}

@@ -1,4 +1,5 @@
-import { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices } from './tokens.gen';
+import { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices } from "./tokens.gen.cjs";
+//#region src/index.d.ts
 /**
  * Material UI's default theme (`createTheme()` from `@mui/material`, which
  * follows Material Design 2), converted for React Native. Values are
@@ -22,4 +23,5 @@ import { colors, fontWeights, radii, semanticColors, shadows, spacing, typograph
  *   `action.*Opacity` numbers and dark mode's `text.icon`.
  */
 export declare const materialUiTheme: import("@react-native-rethemed/core/config").ThemeConfig;
-export { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices, };
+//#endregion
+export { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices };

package/dist/{esm/index.d.ts → index.d.mts}

@@ -1,4 +1,5 @@
-import { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices } from './tokens.gen.js';
+import { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices } from "./tokens.gen.mjs";
+//#region src/index.d.ts
 /**
  * Material UI's default theme (`createTheme()` from `@mui/material`, which
  * follows Material Design 2), converted for React Native. Values are
@@ -22,4 +23,5 @@ import { colors, fontWeights, radii, semanticColors, shadows, spacing, typograph
  *   `action.*Opacity` numbers and dark mode's `text.icon`.
  */
 export declare const materialUiTheme: import("@react-native-rethemed/core/config").ThemeConfig;
-export { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices, };
+//#endregion
+export { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices };

package/dist/index.mjs

@@ -0,0 +1,41 @@
+import { colors, fontWeights, radii, semanticColors, shadows, spacing, typography, zIndices } from "./tokens.gen.mjs";
+import { defineTheme } from "@react-native-rethemed/core/config";
+//#region src/index.ts
+/**
+* Material UI's default theme (`createTheme()` from `@mui/material`, which
+* follows Material Design 2), converted for React Native. Values are
+* generated by `scripts/generate.ts`; see `src/tokens.gen.ts`.
+*
+* - `semanticColors`: the default `palette` in light and dark mode, as
+*   `'<group>.<key>'` with Material UI's own names: `'primary.main'`,
+*   `'primary.contrastText'`, `'text.secondary'`, `'background.paper'`,
+*   `'action.hover'`, `'divider.default'`.
+* - `colors`: `@mui/material/colors` as `'<hue>.<shade>'` (`'red.500'`,
+*   `'deepPurple.A200'`), plus `black` and `white`. Fixed in both schemes.
+* - `typography`: the 13 variants (`h1`…`overline`) as text presets,
+*   `themed.text.h1()`. rem/em → points at `htmlFontSize` (16); line heights
+*   absolute; `button` / `overline` keep `textTransform: 'uppercase'`.
+* - `spacing`: `theme.spacing(n)`, so `padding: 2` is 16. `radii`: multiples
+*   of `shape.borderRadius`, so `borderRadius: 2` is 8 — both like `sx`.
+* - `shadows`: elevations 0–24, first layer only; `elevation` matches the
+*   Material elevation on Android exactly.
+* - Not included (no RN equivalent): `fontFamily` (Roboto, Android's default
+*   anyway), breakpoints, transitions, mixins, component overrides, the
+*   `action.*Opacity` numbers and dark mode's `text.icon`.
+*/
+const materialUiTheme = defineTheme({
+	tokens: {
+		colors,
+		radii,
+		spacing,
+		fontWeights,
+		zIndices,
+		shadows
+	},
+	semanticTokens: {
+		colors: semanticColors,
+		text: typography
+	}
+});
+//#endregion
+export { colors, fontWeights, materialUiTheme, radii, semanticColors, shadows, spacing, typography, zIndices };