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

package/dist/esm/tokens.gen.js

@@ -0,0 +1,684 @@
+// Generated by scripts/generate.ts from @mui/material@9.4.0.
+// Do not edit by hand: run `pnpm generate` instead.
+/** Material UI's color palette (`@mui/material/colors`): `'<hue>.<shade>'`, plus `black` and `white`. */
+export const colors = {
+    black: '#000000',
+    white: '#ffffff',
+    'red.50': '#ffebee',
+    'red.100': '#ffcdd2',
+    'red.200': '#ef9a9a',
+    'red.300': '#e57373',
+    'red.400': '#ef5350',
+    'red.500': '#f44336',
+    'red.600': '#e53935',
+    'red.700': '#d32f2f',
+    'red.800': '#c62828',
+    'red.900': '#b71c1c',
+    'red.A100': '#ff8a80',
+    'red.A200': '#ff5252',
+    'red.A400': '#ff1744',
+    'red.A700': '#d50000',
+    'pink.50': '#fce4ec',
+    'pink.100': '#f8bbd0',
+    'pink.200': '#f48fb1',
+    'pink.300': '#f06292',
+    'pink.400': '#ec407a',
+    'pink.500': '#e91e63',
+    'pink.600': '#d81b60',
+    'pink.700': '#c2185b',
+    'pink.800': '#ad1457',
+    'pink.900': '#880e4f',
+    'pink.A100': '#ff80ab',
+    'pink.A200': '#ff4081',
+    'pink.A400': '#f50057',
+    'pink.A700': '#c51162',
+    'purple.50': '#f3e5f5',
+    'purple.100': '#e1bee7',
+    'purple.200': '#ce93d8',
+    'purple.300': '#ba68c8',
+    'purple.400': '#ab47bc',
+    'purple.500': '#9c27b0',
+    'purple.600': '#8e24aa',
+    'purple.700': '#7b1fa2',
+    'purple.800': '#6a1b9a',
+    'purple.900': '#4a148c',
+    'purple.A100': '#ea80fc',
+    'purple.A200': '#e040fb',
+    'purple.A400': '#d500f9',
+    'purple.A700': '#aa00ff',
+    'deepPurple.50': '#ede7f6',
+    'deepPurple.100': '#d1c4e9',
+    'deepPurple.200': '#b39ddb',
+    'deepPurple.300': '#9575cd',
+    'deepPurple.400': '#7e57c2',
+    'deepPurple.500': '#673ab7',
+    'deepPurple.600': '#5e35b1',
+    'deepPurple.700': '#512da8',
+    'deepPurple.800': '#4527a0',
+    'deepPurple.900': '#311b92',
+    'deepPurple.A100': '#b388ff',
+    'deepPurple.A200': '#7c4dff',
+    'deepPurple.A400': '#651fff',
+    'deepPurple.A700': '#6200ea',
+    'indigo.50': '#e8eaf6',
+    'indigo.100': '#c5cae9',
+    'indigo.200': '#9fa8da',
+    'indigo.300': '#7986cb',
+    'indigo.400': '#5c6bc0',
+    'indigo.500': '#3f51b5',
+    'indigo.600': '#3949ab',
+    'indigo.700': '#303f9f',
+    'indigo.800': '#283593',
+    'indigo.900': '#1a237e',
+    'indigo.A100': '#8c9eff',
+    'indigo.A200': '#536dfe',
+    'indigo.A400': '#3d5afe',
+    'indigo.A700': '#304ffe',
+    'blue.50': '#e3f2fd',
+    'blue.100': '#bbdefb',
+    'blue.200': '#90caf9',
+    'blue.300': '#64b5f6',
+    'blue.400': '#42a5f5',
+    'blue.500': '#2196f3',
+    'blue.600': '#1e88e5',
+    'blue.700': '#1976d2',
+    'blue.800': '#1565c0',
+    'blue.900': '#0d47a1',
+    'blue.A100': '#82b1ff',
+    'blue.A200': '#448aff',
+    'blue.A400': '#2979ff',
+    'blue.A700': '#2962ff',
+    'lightBlue.50': '#e1f5fe',
+    'lightBlue.100': '#b3e5fc',
+    'lightBlue.200': '#81d4fa',
+    'lightBlue.300': '#4fc3f7',
+    'lightBlue.400': '#29b6f6',
+    'lightBlue.500': '#03a9f4',
+    'lightBlue.600': '#039be5',
+    'lightBlue.700': '#0288d1',
+    'lightBlue.800': '#0277bd',
+    'lightBlue.900': '#01579b',
+    'lightBlue.A100': '#80d8ff',
+    'lightBlue.A200': '#40c4ff',
+    'lightBlue.A400': '#00b0ff',
+    'lightBlue.A700': '#0091ea',
+    'cyan.50': '#e0f7fa',
+    'cyan.100': '#b2ebf2',
+    'cyan.200': '#80deea',
+    'cyan.300': '#4dd0e1',
+    'cyan.400': '#26c6da',
+    'cyan.500': '#00bcd4',
+    'cyan.600': '#00acc1',
+    'cyan.700': '#0097a7',
+    'cyan.800': '#00838f',
+    'cyan.900': '#006064',
+    'cyan.A100': '#84ffff',
+    'cyan.A200': '#18ffff',
+    'cyan.A400': '#00e5ff',
+    'cyan.A700': '#00b8d4',
+    'teal.50': '#e0f2f1',
+    'teal.100': '#b2dfdb',
+    'teal.200': '#80cbc4',
+    'teal.300': '#4db6ac',
+    'teal.400': '#26a69a',
+    'teal.500': '#009688',
+    'teal.600': '#00897b',
+    'teal.700': '#00796b',
+    'teal.800': '#00695c',
+    'teal.900': '#004d40',
+    'teal.A100': '#a7ffeb',
+    'teal.A200': '#64ffda',
+    'teal.A400': '#1de9b6',
+    'teal.A700': '#00bfa5',
+    'green.50': '#e8f5e9',
+    'green.100': '#c8e6c9',
+    'green.200': '#a5d6a7',
+    'green.300': '#81c784',
+    'green.400': '#66bb6a',
+    'green.500': '#4caf50',
+    'green.600': '#43a047',
+    'green.700': '#388e3c',
+    'green.800': '#2e7d32',
+    'green.900': '#1b5e20',
+    'green.A100': '#b9f6ca',
+    'green.A200': '#69f0ae',
+    'green.A400': '#00e676',
+    'green.A700': '#00c853',
+    'lightGreen.50': '#f1f8e9',
+    'lightGreen.100': '#dcedc8',
+    'lightGreen.200': '#c5e1a5',
+    'lightGreen.300': '#aed581',
+    'lightGreen.400': '#9ccc65',
+    'lightGreen.500': '#8bc34a',
+    'lightGreen.600': '#7cb342',
+    'lightGreen.700': '#689f38',
+    'lightGreen.800': '#558b2f',
+    'lightGreen.900': '#33691e',
+    'lightGreen.A100': '#ccff90',
+    'lightGreen.A200': '#b2ff59',
+    'lightGreen.A400': '#76ff03',
+    'lightGreen.A700': '#64dd17',
+    'lime.50': '#f9fbe7',
+    'lime.100': '#f0f4c3',
+    'lime.200': '#e6ee9c',
+    'lime.300': '#dce775',
+    'lime.400': '#d4e157',
+    'lime.500': '#cddc39',
+    'lime.600': '#c0ca33',
+    'lime.700': '#afb42b',
+    'lime.800': '#9e9d24',
+    'lime.900': '#827717',
+    'lime.A100': '#f4ff81',
+    'lime.A200': '#eeff41',
+    'lime.A400': '#c6ff00',
+    'lime.A700': '#aeea00',
+    'yellow.50': '#fffde7',
+    'yellow.100': '#fff9c4',
+    'yellow.200': '#fff59d',
+    'yellow.300': '#fff176',
+    'yellow.400': '#ffee58',
+    'yellow.500': '#ffeb3b',
+    'yellow.600': '#fdd835',
+    'yellow.700': '#fbc02d',
+    'yellow.800': '#f9a825',
+    'yellow.900': '#f57f17',
+    'yellow.A100': '#ffff8d',
+    'yellow.A200': '#ffff00',
+    'yellow.A400': '#ffea00',
+    'yellow.A700': '#ffd600',
+    'amber.50': '#fff8e1',
+    'amber.100': '#ffecb3',
+    'amber.200': '#ffe082',
+    'amber.300': '#ffd54f',
+    'amber.400': '#ffca28',
+    'amber.500': '#ffc107',
+    'amber.600': '#ffb300',
+    'amber.700': '#ffa000',
+    'amber.800': '#ff8f00',
+    'amber.900': '#ff6f00',
+    'amber.A100': '#ffe57f',
+    'amber.A200': '#ffd740',
+    'amber.A400': '#ffc400',
+    'amber.A700': '#ffab00',
+    'orange.50': '#fff3e0',
+    'orange.100': '#ffe0b2',
+    'orange.200': '#ffcc80',
+    'orange.300': '#ffb74d',
+    'orange.400': '#ffa726',
+    'orange.500': '#ff9800',
+    'orange.600': '#fb8c00',
+    'orange.700': '#f57c00',
+    'orange.800': '#ef6c00',
+    'orange.900': '#e65100',
+    'orange.A100': '#ffd180',
+    'orange.A200': '#ffab40',
+    'orange.A400': '#ff9100',
+    'orange.A700': '#ff6d00',
+    'deepOrange.50': '#fbe9e7',
+    'deepOrange.100': '#ffccbc',
+    'deepOrange.200': '#ffab91',
+    'deepOrange.300': '#ff8a65',
+    'deepOrange.400': '#ff7043',
+    'deepOrange.500': '#ff5722',
+    'deepOrange.600': '#f4511e',
+    'deepOrange.700': '#e64a19',
+    'deepOrange.800': '#d84315',
+    'deepOrange.900': '#bf360c',
+    'deepOrange.A100': '#ff9e80',
+    'deepOrange.A200': '#ff6e40',
+    'deepOrange.A400': '#ff3d00',
+    'deepOrange.A700': '#dd2c00',
+    'brown.50': '#efebe9',
+    'brown.100': '#d7ccc8',
+    'brown.200': '#bcaaa4',
+    'brown.300': '#a1887f',
+    'brown.400': '#8d6e63',
+    'brown.500': '#795548',
+    'brown.600': '#6d4c41',
+    'brown.700': '#5d4037',
+    'brown.800': '#4e342e',
+    'brown.900': '#3e2723',
+    'brown.A100': '#d7ccc8',
+    'brown.A200': '#bcaaa4',
+    'brown.A400': '#8d6e63',
+    'brown.A700': '#5d4037',
+    'grey.50': '#fafafa',
+    'grey.100': '#f5f5f5',
+    'grey.200': '#eeeeee',
+    'grey.300': '#e0e0e0',
+    'grey.400': '#bdbdbd',
+    'grey.500': '#9e9e9e',
+    'grey.600': '#757575',
+    'grey.700': '#616161',
+    'grey.800': '#424242',
+    'grey.900': '#212121',
+    'grey.A100': '#f5f5f5',
+    'grey.A200': '#eeeeee',
+    'grey.A400': '#bdbdbd',
+    'grey.A700': '#616161',
+    'blueGrey.50': '#eceff1',
+    'blueGrey.100': '#cfd8dc',
+    'blueGrey.200': '#b0bec5',
+    'blueGrey.300': '#90a4ae',
+    'blueGrey.400': '#78909c',
+    'blueGrey.500': '#607d8b',
+    'blueGrey.600': '#546e7a',
+    'blueGrey.700': '#455a64',
+    'blueGrey.800': '#37474f',
+    'blueGrey.900': '#263238',
+    'blueGrey.A100': '#cfd8dc',
+    'blueGrey.A200': '#b0bec5',
+    'blueGrey.A400': '#78909c',
+    'blueGrey.A700': '#455a64',
+};
+/** The default `palette` in light and dark mode. `divider` becomes `divider.default`. */
+export const semanticColors = {
+    primary: {
+        main: { light: '#1976d2', dark: '#90caf9' },
+        light: { light: '#42a5f5', dark: '#e3f2fd' },
+        dark: { light: '#1565c0', dark: '#42a5f5' },
+        contrastText: {
+            light: '#ffffff',
+            dark: 'rgba(0, 0, 0, 0.87)',
+        },
+    },
+    secondary: {
+        main: { light: '#9c27b0', dark: '#ce93d8' },
+        light: { light: '#ba68c8', dark: '#f3e5f5' },
+        dark: { light: '#7b1fa2', dark: '#ab47bc' },
+        contrastText: {
+            light: '#ffffff',
+            dark: 'rgba(0, 0, 0, 0.87)',
+        },
+    },
+    error: {
+        main: { light: '#d32f2f', dark: '#f44336' },
+        light: { light: '#ef5350', dark: '#e57373' },
+        dark: { light: '#c62828', dark: '#d32f2f' },
+        contrastText: { light: '#ffffff', dark: '#ffffff' },
+    },
+    warning: {
+        main: { light: '#ed6c02', dark: '#ffa726' },
+        light: { light: '#ff9800', dark: '#ffb74d' },
+        dark: { light: '#e65100', dark: '#f57c00' },
+        contrastText: {
+            light: '#ffffff',
+            dark: 'rgba(0, 0, 0, 0.87)',
+        },
+    },
+    info: {
+        main: { light: '#0288d1', dark: '#29b6f6' },
+        light: { light: '#03a9f4', dark: '#4fc3f7' },
+        dark: { light: '#01579b', dark: '#0288d1' },
+        contrastText: {
+            light: '#ffffff',
+            dark: 'rgba(0, 0, 0, 0.87)',
+        },
+    },
+    success: {
+        main: { light: '#2e7d32', dark: '#66bb6a' },
+        light: { light: '#4caf50', dark: '#81c784' },
+        dark: { light: '#1b5e20', dark: '#388e3c' },
+        contrastText: {
+            light: '#ffffff',
+            dark: 'rgba(0, 0, 0, 0.87)',
+        },
+    },
+    text: {
+        primary: {
+            light: 'rgba(0, 0, 0, 0.87)',
+            dark: '#ffffff',
+        },
+        secondary: {
+            light: 'rgba(0, 0, 0, 0.6)',
+            dark: 'rgba(255, 255, 255, 0.7)',
+        },
+        disabled: {
+            light: 'rgba(0, 0, 0, 0.38)',
+            dark: 'rgba(255, 255, 255, 0.5)',
+        },
+    },
+    background: {
+        default: { light: '#ffffff', dark: '#121212' },
+        paper: { light: '#ffffff', dark: '#121212' },
+    },
+    action: {
+        active: {
+            light: 'rgba(0, 0, 0, 0.54)',
+            dark: '#ffffff',
+        },
+        hover: {
+            light: 'rgba(0, 0, 0, 0.04)',
+            dark: 'rgba(255, 255, 255, 0.08)',
+        },
+        selected: {
+            light: 'rgba(0, 0, 0, 0.08)',
+            dark: 'rgba(255, 255, 255, 0.16)',
+        },
+        disabled: {
+            light: 'rgba(0, 0, 0, 0.26)',
+            dark: 'rgba(255, 255, 255, 0.3)',
+        },
+        disabledBackground: {
+            light: 'rgba(0, 0, 0, 0.12)',
+            dark: 'rgba(255, 255, 255, 0.12)',
+        },
+        focus: {
+            light: 'rgba(0, 0, 0, 0.12)',
+            dark: 'rgba(255, 255, 255, 0.12)',
+        },
+    },
+    divider: {
+        default: {
+            light: 'rgba(0, 0, 0, 0.12)',
+            dark: 'rgba(255, 255, 255, 0.12)',
+        },
+    },
+};
+/** `theme.typography` variants as text presets: rem and em in points at `htmlFontSize`, line heights absolute. */
+export const typography = {
+    h1: {
+        fontSize: 96,
+        lineHeight: 112.03,
+        letterSpacing: -1.5,
+        fontWeight: '300',
+    },
+    h2: {
+        fontSize: 60,
+        lineHeight: 72,
+        letterSpacing: -0.5,
+        fontWeight: '300',
+    },
+    h3: {
+        fontSize: 48,
+        lineHeight: 56.02,
+        letterSpacing: 0,
+        fontWeight: '400',
+    },
+    h4: {
+        fontSize: 34,
+        lineHeight: 41.99,
+        letterSpacing: 0.25,
+        fontWeight: '400',
+    },
+    h5: {
+        fontSize: 24,
+        lineHeight: 32.02,
+        letterSpacing: 0,
+        fontWeight: '400',
+    },
+    h6: {
+        fontSize: 20,
+        lineHeight: 32,
+        letterSpacing: 0.15,
+        fontWeight: '500',
+    },
+    subtitle1: {
+        fontSize: 16,
+        lineHeight: 28,
+        letterSpacing: 0.15,
+        fontWeight: '400',
+    },
+    subtitle2: {
+        fontSize: 14,
+        lineHeight: 21.98,
+        letterSpacing: 0.1,
+        fontWeight: '500',
+    },
+    body1: {
+        fontSize: 16,
+        lineHeight: 24,
+        letterSpacing: 0.15,
+        fontWeight: '400',
+    },
+    body2: {
+        fontSize: 14,
+        lineHeight: 20.02,
+        letterSpacing: 0.15,
+        fontWeight: '400',
+    },
+    button: {
+        fontSize: 14,
+        lineHeight: 24.5,
+        letterSpacing: 0.4,
+        fontWeight: '500',
+        textTransform: 'uppercase',
+    },
+    caption: {
+        fontSize: 12,
+        lineHeight: 19.92,
+        letterSpacing: 0.4,
+        fontWeight: '400',
+    },
+    overline: {
+        fontSize: 12,
+        lineHeight: 31.92,
+        letterSpacing: 1,
+        fontWeight: '400',
+        textTransform: 'uppercase',
+    },
+};
+/** `typography.fontWeightLight` / `Regular` / `Medium` / `Bold`. */
+export const fontWeights = {
+    light: '300',
+    regular: '400',
+    medium: '500',
+    bold: '700',
+};
+/** `theme.spacing(n)` for common factors: `padding: 2` is `theme.spacing(2)`. */
+export const spacing = {
+    0: 0,
+    0.5: 4,
+    1: 8,
+    1.5: 12,
+    2: 16,
+    2.5: 20,
+    3: 24,
+    4: 32,
+    5: 40,
+    6: 48,
+    7: 56,
+    8: 64,
+    9: 72,
+    10: 80,
+    12: 96,
+};
+/** Multiples of `shape.borderRadius`: `borderRadius: 2` is `sx={{ borderRadius: 2 }}`. */
+export const radii = {
+    0: 0,
+    0.5: 2,
+    1: 4,
+    1.5: 6,
+    2: 8,
+    3: 12,
+    4: 16,
+};
+/** `theme.zIndex`. */
+export const zIndices = {
+    mobileStepper: 1000,
+    fab: 1050,
+    speedDial: 1050,
+    appBar: 1100,
+    drawer: 1200,
+    modal: 1300,
+    snackbar: 1400,
+    tooltip: 1500,
+};
+/** `theme.shadows` by elevation, first layer only; `elevation` matches on Android. */
+export const shadows = {
+    0: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0,
+        shadowRadius: 0,
+        elevation: 0,
+    },
+    1: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.2,
+        shadowRadius: 0.5,
+        elevation: 1,
+    },
+    2: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 3 },
+        shadowOpacity: 0.2,
+        shadowRadius: 0.5,
+        elevation: 2,
+    },
+    3: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 3 },
+        shadowOpacity: 0.2,
+        shadowRadius: 1.5,
+        elevation: 3,
+    },
+    4: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.2,
+        shadowRadius: 2,
+        elevation: 4,
+    },
+    5: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 3 },
+        shadowOpacity: 0.2,
+        shadowRadius: 2.5,
+        elevation: 5,
+    },
+    6: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 3 },
+        shadowOpacity: 0.2,
+        shadowRadius: 2.5,
+        elevation: 6,
+    },
+    7: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.2,
+        shadowRadius: 2.5,
+        elevation: 7,
+    },
+    8: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 5 },
+        shadowOpacity: 0.2,
+        shadowRadius: 2.5,
+        elevation: 8,
+    },
+    9: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 5 },
+        shadowOpacity: 0.2,
+        shadowRadius: 3,
+        elevation: 9,
+    },
+    10: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 6 },
+        shadowOpacity: 0.2,
+        shadowRadius: 3,
+        elevation: 10,
+    },
+    11: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 6 },
+        shadowOpacity: 0.2,
+        shadowRadius: 3.5,
+        elevation: 11,
+    },
+    12: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 7 },
+        shadowOpacity: 0.2,
+        shadowRadius: 4,
+        elevation: 12,
+    },
+    13: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 7 },
+        shadowOpacity: 0.2,
+        shadowRadius: 4,
+        elevation: 13,
+    },
+    14: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 7 },
+        shadowOpacity: 0.2,
+        shadowRadius: 4.5,
+        elevation: 14,
+    },
+    15: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 8 },
+        shadowOpacity: 0.2,
+        shadowRadius: 4.5,
+        elevation: 15,
+    },
+    16: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 8 },
+        shadowOpacity: 0.2,
+        shadowRadius: 5,
+        elevation: 16,
+    },
+    17: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 8 },
+        shadowOpacity: 0.2,
+        shadowRadius: 5.5,
+        elevation: 17,
+    },
+    18: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 9 },
+        shadowOpacity: 0.2,
+        shadowRadius: 5.5,
+        elevation: 18,
+    },
+    19: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 9 },
+        shadowOpacity: 0.2,
+        shadowRadius: 6,
+        elevation: 19,
+    },
+    20: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 10 },
+        shadowOpacity: 0.2,
+        shadowRadius: 6.5,
+        elevation: 20,
+    },
+    21: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 10 },
+        shadowOpacity: 0.2,
+        shadowRadius: 6.5,
+        elevation: 21,
+    },
+    22: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 10 },
+        shadowOpacity: 0.2,
+        shadowRadius: 7,
+        elevation: 22,
+    },
+    23: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 11 },
+        shadowOpacity: 0.2,
+        shadowRadius: 7,
+        elevation: 23,
+    },
+    24: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 11 },
+        shadowOpacity: 0.2,
+        shadowRadius: 7.5,
+        elevation: 24,
+    },
+};