OfficialDakari
/
ReactMaterial3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gfdgfd

This commit is contained in:
OfficialDakari 2025-04-04 18:41:12 +05:00
parent ecc7daa5d6
commit 9cc03b9086
2 changed files with 55 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Typography.tsx
View File

@ -63,6 +63,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`, fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}
@ -82,6 +83,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`, fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}
@ -101,6 +103,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`, fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}
@ -120,6 +123,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`, fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}
@ -139,6 +143,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`, fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}
@ -158,6 +163,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`, fontFamily: `var(--md-sys-typescale-headline-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}
@ -177,6 +183,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-body-${sz}-font)`, fontFamily: `var(--md-sys-typescale-body-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}
@ -196,6 +203,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-body-${sz}-font)`, fontFamily: `var(--md-sys-typescale-body-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}
@ -215,6 +223,7 @@ export const Typography = ({ children, variant = "span", className, color = "",
fontFamily: `var(--md-sys-typescale-label-${sz}-font)`, fontFamily: `var(--md-sys-typescale-label-${sz}-font)`,
textAlign: align, textAlign: align,
whiteSpace: noWrap ? "nowrap" : "normal", whiteSpace: noWrap ? "nowrap" : "normal",
margin: 0,
...style, ...style,
}} }}
id={id} id={id}

73
src/index.ts
View File

@ -1,36 +1,53 @@
import React from "react"; import React from "react";
import { Switch } from "./components/Switch";
import { AppBar } from "./components/AppBar";
import { Box } from "./components/Box";
import { Button } from "./components/Button";
import { Checkbox } from "./components/Checkbox";
import { AssistChip, ChipSet, FilterChip, InputChip } from "./components/Chip";
import { CircularProgress } from "./components/CircularProgress";
import { Dialog, DialogActions, DialogContent, DialogTitle } from "./components/Dialog";
import { Divider } from "./components/Divider"; import { Divider } from "./components/Divider";
import { Select } from "./components/Dropdown";
import { FAB, BrandedFAB } from "./components/FloatingActionButton";
import { IconButton } from "./components/IconButton";
import { Link } from "./components/Link"; import { Link } from "./components/Link";
import { List } from "./components/List";
import { Menu } from "./components/Menu";
import { Paper } from "./components/Paper";
import { Radio } from "./components/RadioButton";
import { Slider } from "./components/Slider";
import { Tabs, Tab } from "./components/Tabs";
import { TextField } from "./components/TextField";
import { Typography } from "./components/Typography";
import { createTheme } from "./utils/theme";
import { useTheme, ThemeProvider, usePalette } from "./hooks/useTheme";
export { TextField } from "./components/TextField";
export { Button } from "./components/Button";
export { Checkbox } from "./components/Checkbox";
export { Radio } from "./components/RadioButton";
export { Select } from "./components/Dropdown";
export { Switch } from "./components/Switch";
export { Slider } from "./components/Slider";
export { Dialog } from "./components/Dialog";
export { List } from "./components/List";
export { Box } from "./components/Box";
export { Typography } from "./components/Typography";
export { IconButton } from "./components/IconButton";
export { ChipSet, AssistChip, FilterChip, InputChip } from "./components/Chip";
export { FAB, BrandedFAB } from "./components/FloatingActionButton";
export { Tabs, Tab } from "./components/Tabs";
export { CircularProgress } from "./components/CircularProgress";
export { Menu } from "./components/Menu";
export { Paper } from "./components/Paper";
export { FormLabel } from "./components/Forms";
export { AppBar } from "./components/AppBar";
export { export {
Switch,
AppBar,
Box,
Button,
Checkbox,
AssistChip, ChipSet, FilterChip, InputChip,
CircularProgress,
Dialog, DialogActions, DialogContent, DialogTitle,
Divider, Divider,
Select,
FAB, BrandedFAB,
IconButton,
Link, Link,
List,
Menu,
Paper,
Radio,
Slider,
Tabs, Tab,
TextField,
Typography,
createTheme,
useTheme,
ThemeProvider, usePalette
}; };
console.log(`Divider: `, Divider);
console.log(`Link: `, Link);
export { ThemeProvider } from "./hooks/useTheme";
export { useTheme } from "./hooks/useTheme";
export { usePalette } from "./hooks/useTheme";
export { createTheme } from "./utils/theme";