@webpros/mui-theme 0.1.6 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/package.json +6 -4
- package/dist/src/components/data-display/Avatar/Avatar.theme.js +11 -8
- package/dist/src/components/data-display/Badge/Badge.theme.d.ts +4 -1
- package/dist/src/components/data-display/Badge/Badge.theme.js +216 -55
- package/dist/src/components/data-display/Chip/Chip.theme.d.ts +17 -3
- package/dist/src/components/data-display/Chip/Chip.theme.js +133 -477
- package/dist/src/components/data-display/Chip/get-chip-colors-map.d.ts +42 -0
- package/dist/src/components/data-display/Chip/get-chip-colors-map.js +253 -0
- package/dist/src/components/data-display/Divider/Divider.theme.d.ts +6 -1
- package/dist/src/components/data-display/Divider/Divider.theme.js +60 -3
- package/dist/src/components/data-display/List/List.theme.d.ts +1 -1
- package/dist/src/components/data-display/List/List.theme.js +1 -1
- package/dist/src/components/data-display/ListItem/ListItem.theme.d.ts +1 -1
- package/dist/src/components/data-display/ListItem/ListItem.theme.js +16 -8
- package/dist/src/components/data-display/ListItemAvatar/ListItemAvatar.theme.js +1 -2
- package/dist/src/components/data-display/ListItemButton/ListItemButton.theme.d.ts +0 -5
- package/dist/src/components/data-display/ListItemButton/ListItemButton.theme.js +14 -48
- package/dist/src/components/data-display/ListItemIcon/ListItemIcon.theme.js +4 -4
- package/dist/src/components/data-display/ListSubheader/ListSubheader.theme.d.ts +1 -1
- package/dist/src/components/data-display/ListSubheader/ListSubheader.theme.js +2 -5
- package/dist/src/components/data-display/Skeleton/Skeleton.d.ts +3 -0
- package/dist/src/components/data-display/Skeleton/Skeleton.js +4 -0
- package/dist/src/components/data-display/Skeleton/Skeleton.theme.d.ts +15 -0
- package/dist/src/components/data-display/Skeleton/Skeleton.theme.js +31 -0
- package/dist/src/components/data-display/Skeleton/index.d.ts +1 -0
- package/dist/src/components/data-display/Skeleton/index.js +2 -0
- package/dist/src/components/data-display/Tooltip/Tooltip.theme.js +7 -9
- package/dist/src/components/data-display/Typography/Typography.theme.d.ts +19 -26
- package/dist/src/components/data-display/Typography/Typography.theme.js +7 -163
- package/dist/src/components/feedback/Alert/Alert.theme.d.ts +12 -0
- package/dist/src/components/feedback/Alert/Alert.theme.js +60 -45
- package/dist/src/components/feedback/CircularProgress/CircularProgress.theme.d.ts +6 -1
- package/dist/src/components/feedback/CircularProgress/CircularProgress.theme.js +49 -8
- package/dist/src/components/feedback/LinearProgress/LinearProgress.theme.d.ts +6 -1
- package/dist/src/components/feedback/LinearProgress/LinearProgress.theme.js +83 -9
- package/dist/src/components/feedback/Snackbar/Snackbar.theme.d.ts +4 -4
- package/dist/src/components/feedback/Snackbar/Snackbar.theme.js +7 -3
- package/dist/src/components/index.d.ts +10 -1
- package/dist/src/components/index.js +10 -1
- package/dist/src/components/inputs/Autocomplete/Autocomplete.theme.d.ts +1 -1
- package/dist/src/components/inputs/Autocomplete/Autocomplete.theme.js +23 -51
- package/dist/src/components/inputs/Autocomplete/components/AutocompleteCaretDownIcon.d.ts +1 -0
- package/dist/src/components/inputs/Autocomplete/components/{AutocompletePopupIcon.js → AutocompleteCaretDownIcon.js} +1 -1
- package/dist/src/components/inputs/Autocomplete/components/AutocompleteXIcon.d.ts +1 -0
- package/dist/src/components/inputs/Autocomplete/components/AutocompleteXIcon.js +4 -0
- package/dist/src/components/inputs/Button/Button.theme.d.ts +4 -0
- package/dist/src/components/inputs/Button/Button.theme.js +93 -226
- package/dist/src/components/inputs/Button/get-button-colors-map.d.ts +24 -0
- package/dist/src/components/inputs/Button/get-button-colors-map.js +211 -0
- package/dist/src/components/inputs/Checkbox/Checkbox.theme.d.ts +7 -2
- package/dist/src/components/inputs/Checkbox/Checkbox.theme.js +57 -7
- package/dist/src/components/inputs/Fab/Fab.theme.d.ts +5 -9
- package/dist/src/components/inputs/Fab/Fab.theme.js +27 -98
- package/dist/src/components/inputs/FormHelperText/FormHelperText.d.ts +2 -0
- package/dist/src/components/inputs/FormHelperText/FormHelperText.js +3 -0
- package/dist/src/components/inputs/FormHelperText/FormHelperText.theme.d.ts +7 -0
- package/dist/src/components/inputs/FormHelperText/FormHelperText.theme.js +8 -0
- package/dist/src/components/inputs/FormHelperText/index.d.ts +1 -0
- package/dist/src/components/inputs/FormHelperText/index.js +2 -0
- package/dist/src/components/inputs/FormLabel/FormLabel.d.ts +2 -0
- package/dist/src/components/inputs/FormLabel/FormLabel.js +3 -0
- package/dist/src/components/inputs/FormLabel/FormLabel.theme.d.ts +7 -0
- package/dist/src/components/inputs/FormLabel/FormLabel.theme.js +8 -0
- package/dist/src/components/inputs/FormLabel/index.d.ts +1 -0
- package/dist/src/components/inputs/FormLabel/index.js +2 -0
- package/dist/src/components/inputs/IconButton/IconButton.theme.d.ts +3 -2
- package/dist/src/components/inputs/IconButton/IconButton.theme.js +90 -95
- package/dist/src/components/inputs/InputBase/InputBase.theme.d.ts +9 -26
- package/dist/src/components/inputs/InputBase/InputBase.theme.js +2 -64
- package/dist/src/components/inputs/InputLabel/InputLabel.theme.d.ts +7 -4
- package/dist/src/components/inputs/InputLabel/InputLabel.theme.js +26 -12
- package/dist/src/components/inputs/OutlinedInput/OutlinedInput.theme.d.ts +8 -0
- package/dist/src/components/inputs/OutlinedInput/OutlinedInput.theme.js +67 -0
- package/dist/src/components/inputs/OutlinedInput/index.d.ts +1 -0
- package/dist/src/components/inputs/OutlinedInput/index.js +2 -0
- package/dist/src/components/inputs/Radio/Radio.d.ts +4 -0
- package/dist/src/components/inputs/Radio/Radio.js +4 -0
- package/dist/src/components/inputs/Radio/Radio.theme.d.ts +11 -0
- package/dist/src/components/inputs/Radio/Radio.theme.js +35 -0
- package/dist/src/components/inputs/Radio/index.d.ts +1 -0
- package/dist/src/components/{navigation/TabList → inputs/Radio}/index.js +1 -1
- package/dist/src/components/inputs/Select/Select.theme.d.ts +2 -3
- package/dist/src/components/inputs/Select/Select.theme.js +6 -33
- package/dist/src/components/inputs/Switch/Switch.theme.js +125 -49
- package/dist/src/components/inputs/TextField/TextField.theme.d.ts +2 -3
- package/dist/src/components/inputs/TextField/TextField.theme.js +2 -26
- package/dist/src/components/navigation/Breadcrumbs/Breadcrumbs.d.ts +4 -0
- package/dist/src/components/navigation/Breadcrumbs/Breadcrumbs.js +5 -0
- package/dist/src/components/navigation/Breadcrumbs/Breadcrumbs.theme.d.ts +11 -0
- package/dist/src/components/navigation/Breadcrumbs/Breadcrumbs.theme.js +23 -0
- package/dist/src/components/navigation/Breadcrumbs/Crumb.d.ts +10 -0
- package/dist/src/components/navigation/Breadcrumbs/Crumb.js +10 -0
- package/dist/src/components/navigation/Breadcrumbs/index.d.ts +1 -0
- package/dist/src/components/navigation/Breadcrumbs/index.js +2 -0
- package/dist/src/components/navigation/Drawer/Drawer.theme.d.ts +1 -1
- package/dist/src/components/navigation/Drawer/Drawer.theme.js +50 -6
- package/dist/src/components/navigation/Link/Link.theme.d.ts +11 -2
- package/dist/src/components/navigation/Link/Link.theme.js +66 -9
- package/dist/src/components/navigation/Menu/Menu.theme.d.ts +2 -3
- package/dist/src/components/navigation/Menu/Menu.theme.js +6 -11
- package/dist/src/components/navigation/MenuItem/MenuItem.theme.d.ts +2 -4
- package/dist/src/components/navigation/MenuItem/MenuItem.theme.js +8 -8
- package/dist/src/components/navigation/Pagination/Pagination.theme.d.ts +1 -1
- package/dist/src/components/navigation/Pagination/Pagination.theme.js +11 -3
- package/dist/src/components/navigation/PaginationItem/PaginationItem.theme.js +65 -10
- package/dist/src/components/navigation/PaginationItem/components/PaginationIcons.d.ts +4 -0
- package/dist/src/components/navigation/PaginationItem/components/PaginationIcons.js +8 -0
- package/dist/src/components/navigation/PaginationItem/components/index.d.ts +1 -0
- package/dist/src/components/navigation/PaginationItem/components/index.js +2 -0
- package/dist/src/components/navigation/Tab/Tab.theme.d.ts +7 -1
- package/dist/src/components/navigation/Tab/Tab.theme.js +52 -13
- package/dist/src/components/navigation/Tabs/Tabs.d.ts +3 -0
- package/dist/src/components/navigation/Tabs/Tabs.js +4 -0
- package/dist/src/components/navigation/Tabs/Tabs.theme.d.ts +16 -0
- package/dist/src/components/navigation/Tabs/Tabs.theme.js +55 -0
- package/dist/src/components/navigation/Tabs/index.d.ts +1 -0
- package/dist/src/components/navigation/Tabs/index.js +2 -0
- package/dist/src/components/surfaces/Accordion/Accordion.theme.js +54 -22
- package/dist/src/components/surfaces/Accordion/AccordionDetails.theme.d.ts +10 -0
- package/dist/src/components/surfaces/Accordion/AccordionDetails.theme.js +19 -0
- package/dist/src/components/surfaces/Accordion/AccordionSummary.theme.d.ts +10 -0
- package/dist/src/components/surfaces/Accordion/AccordionSummary.theme.js +37 -0
- package/dist/src/components/surfaces/Accordion/index.d.ts +2 -0
- package/dist/src/components/surfaces/Accordion/index.js +2 -0
- package/dist/src/components/surfaces/Card/Card.theme.js +1 -1
- package/dist/src/components/surfaces/Paper/Paper.theme.d.ts +16 -1
- package/dist/src/components/surfaces/Paper/Paper.theme.js +21 -7
- package/dist/src/components/surfaces/Paper/Paper.tokens.d.ts +8 -0
- package/dist/src/components/surfaces/Paper/Paper.tokens.js +50 -0
- package/dist/src/components/surfaces/Paper/Paper.variants.d.ts +4 -0
- package/dist/src/components/surfaces/Paper/Paper.variants.js +3 -0
- package/dist/src/components/surfaces/Popover/Popover.d.ts +4 -0
- package/dist/src/components/surfaces/Popover/Popover.js +4 -0
- package/dist/src/components/surfaces/Popover/Popover.theme.d.ts +9 -0
- package/dist/src/components/surfaces/Popover/Popover.theme.js +14 -0
- package/dist/src/components/surfaces/Popover/index.d.ts +1 -0
- package/dist/src/components/surfaces/Popover/index.js +2 -0
- package/dist/src/components/utils/Backdrop/Backdrop.d.ts +3 -0
- package/dist/src/components/utils/Backdrop/Backdrop.js +4 -0
- package/dist/src/components/utils/Backdrop/Backdrop.theme.d.ts +11 -0
- package/dist/src/components/utils/Backdrop/Backdrop.theme.js +17 -0
- package/dist/src/components/utils/Backdrop/index.d.ts +1 -0
- package/dist/src/components/utils/Backdrop/index.js +2 -0
- package/dist/src/providers/ThemeModeProvider.d.ts +1 -2
- package/dist/src/providers/ThemeModeProvider.js +2 -2
- package/dist/src/providers/WebProsMuiThemeProvider.js +1 -1
- package/dist/src/providers/WebProsTheme.d.ts +1 -0
- package/dist/src/providers/WebProsTheme.js +11 -5
- package/dist/src/shared/rippleEnterKeyframe.d.ts +6 -0
- package/dist/src/shared/rippleEnterKeyframe.js +12 -0
- package/dist/src/shared/viewContext/index.d.ts +1 -0
- package/dist/src/shared/viewContext/index.js +2 -0
- package/dist/src/shared/viewContext/viewContext.d.ts +4 -0
- package/dist/src/shared/viewContext/viewContext.js +2 -0
- package/dist/src/style/additional-color-palette.d.ts +1 -3
- package/dist/src/style/additional-color-palette.js +3 -6
- package/dist/src/style/custom-color-palette.js +50 -52
- package/dist/src/tokens/ThemeColorTokens.d.ts +11 -93
- package/dist/src/tokens/ThemeColorTokens.js +4 -168
- package/dist/src/tokens/ThemeScheme.d.ts +0 -3
- package/dist/src/tokens/ThemeScheme.js +0 -2
- package/dist/src/tokens/colors/Dark.d.ts +16 -0
- package/dist/src/tokens/colors/Dark.js +1398 -0
- package/dist/src/tokens/colors/Light.d.ts +16 -0
- package/dist/src/tokens/colors/Light.js +1398 -0
- package/dist/src/tokens/colors/index.d.ts +7 -0
- package/dist/src/tokens/colors/index.js +4 -0
- package/dist/src/tokens/colors/inverseSchemas.d.ts +40 -0
- package/dist/src/tokens/colors/inverseSchemas.js +3 -0
- package/dist/src/tokens/colors/inverseSchemes.d.ts +53 -0
- package/dist/src/tokens/colors/inverseSchemes.js +3 -0
- package/dist/src/tokens/colors/inverseStateLayers.d.ts +174 -0
- package/dist/src/tokens/colors/inverseStateLayers.js +3 -0
- package/dist/src/tokens/colors/schemas.d.ts +111 -0
- package/dist/src/tokens/colors/schemas.js +3 -0
- package/dist/src/tokens/colors/schemes.d.ts +111 -0
- package/dist/src/tokens/colors/schemes.js +3 -0
- package/dist/src/tokens/colors/stateLayers.d.ts +456 -0
- package/dist/src/tokens/colors/stateLayers.js +3 -0
- package/dist/src/tokens/colors/types.d.ts +9 -0
- package/dist/src/tokens/colors/types.js +2 -0
- package/dist/src/tokens/index.d.ts +6 -2
- package/dist/src/tokens/index.js +2 -1
- package/dist/src/tokens/legacyColors/LegacyDark.d.ts +2 -0
- package/dist/src/tokens/legacyColors/LegacyDark.js +88 -0
- package/dist/src/tokens/legacyColors/LegacyLight.d.ts +2 -0
- package/dist/src/tokens/legacyColors/LegacyLight.js +86 -0
- package/dist/src/tokens/legacyColors/ThemeColorTokensLegacy.d.ts +74 -0
- package/dist/src/tokens/legacyColors/ThemeColorTokensLegacy.js +2 -0
- package/dist/src/tokens/legacyColors/additionalColors/additionalColors.d.ts +21 -0
- package/dist/src/tokens/legacyColors/additionalColors/additionalColors.js +2 -0
- package/dist/src/tokens/{additionalColors → legacyColors/additionalColors}/index.d.ts +1 -0
- package/dist/src/tokens/{additionalColors → legacyColors/additionalColors}/index.js +1 -0
- package/dist/src/tokens/legacyColors/index.d.ts +2 -0
- package/dist/src/tokens/legacyColors/index.js +3 -0
- package/dist/src/tokens/shadows/index.d.ts +12 -0
- package/dist/src/tokens/shadows/index.js +112 -0
- package/dist/src/tokens/typography/index.d.ts +2 -0
- package/dist/src/tokens/typography/index.js +4 -0
- package/dist/src/tokens/typography/typescale.d.ts +28 -0
- package/dist/src/tokens/typography/typescale.js +26 -0
- package/dist/src/tokens/typography/typography.d.ts +2 -0
- package/dist/src/tokens/typography/typography.js +156 -0
- package/dist/src/utils/flatten.d.ts +1 -0
- package/dist/src/utils/flatten.js +12 -0
- package/dist/src/utils/getMUIComponents.js +2 -2
- package/dist/src/utils/getMUIPalette.d.ts +4 -9
- package/dist/src/utils/getMUIPalette.js +49 -25
- package/dist/src/utils/getMUIThemeCustoimzationType.d.ts +31 -0
- package/dist/src/utils/getMUIThemeCustoimzationType.js +2 -0
- package/dist/src/utils/getMUITypography.d.ts +2 -0
- package/dist/src/utils/getMUITypography.js +5 -0
- package/dist/src/utils/getStateLayerColor.d.ts +37 -0
- package/dist/src/utils/getStateLayerColor.js +43 -1
- package/dist/src/utils/index.d.ts +1 -1
- package/dist/src/utils/index.js +1 -1
- package/dist/src/utils/patchMUIShadows.js +4 -3
- package/package.json +6 -4
- package/dist/src/components/inputs/Autocomplete/components/AutocompletePopupIcon.d.ts +0 -1
- package/dist/src/components/navigation/PaginationItem/PaginationItem.d.ts +0 -3
- package/dist/src/components/navigation/PaginationItem/PaginationItem.js +0 -4
- package/dist/src/components/navigation/TabList/TabList.d.ts +0 -3
- package/dist/src/components/navigation/TabList/TabList.js +0 -4
- package/dist/src/components/navigation/TabList/TabList.theme.d.ts +0 -10
- package/dist/src/components/navigation/TabList/TabList.theme.js +0 -17
- package/dist/src/components/navigation/TabList/index.d.ts +0 -1
- package/dist/src/hooks/useTonalPalette.d.ts +0 -3
- package/dist/src/hooks/useTonalPalette.js +0 -32
- package/dist/src/providers/ThemeSchemeProvider.d.ts +0 -12
- package/dist/src/providers/ThemeSchemeProvider.js +0 -29
- package/dist/src/tokens/TonalPalette.d.ts +0 -10
- package/dist/src/tokens/TonalPalette.js +0 -10
- package/dist/src/utils/generateTokens.d.ts +0 -4
- package/dist/src/utils/generateTokens.js +0 -107
- /package/dist/src/tokens/{Tone.d.ts → legacyColors/Tone.d.ts} +0 -0
- /package/dist/src/tokens/{Tone.js → legacyColors/Tone.js} +0 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type { GeneratedRgba, RecursiveKeyOf } from './types';
|
|
2
|
+
export type { Schemes, SchemesKey, SchemesGenerated } from './schemes';
|
|
3
|
+
export type { StateLayers, StateLayersKey, StateLayersGenerated } from './stateLayers';
|
|
4
|
+
export type { InverseSchemes, InverseSchemesKey, InverseSchemesGenerated } from './inverseSchemes';
|
|
5
|
+
export type { InverseStateLayers, InverseStateLayersKey, InverseStateLayersGenerated, } from './inverseStateLayers';
|
|
6
|
+
export { LightSchemes, LightStateLayers, LightInverseSchemes, LightInverseStateLayers, LightSchemesGenerated, LightStateLayersGenerated, LightInverseSchemesGenerated, LightInverseStateLayersGenerated, } from './Light';
|
|
7
|
+
export { DarkSchemes, DarkStateLayers, DarkInverseSchemes, DarkInverseStateLayers, DarkSchemesGenerated, DarkStateLayersGenerated, DarkInverseSchemesGenerated, DarkInverseStateLayersGenerated, } from './Dark';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
// Copyright 2025 WebPros International GmbH. All rights reserved.
|
|
2
|
+
// Auto-generated file - do not edit manually
|
|
3
|
+
export { LightSchemes, LightStateLayers, LightInverseSchemes, LightInverseStateLayers, LightSchemesGenerated, LightStateLayersGenerated, LightInverseSchemesGenerated, LightInverseStateLayersGenerated, } from './Light';
|
|
4
|
+
export { DarkSchemes, DarkStateLayers, DarkInverseSchemes, DarkInverseStateLayers, DarkSchemesGenerated, DarkStateLayersGenerated, DarkInverseSchemesGenerated, DarkInverseStateLayersGenerated, } from './Dark';
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { RecursiveKeyOf, GeneratedRgba } from './types';
|
|
2
|
+
export type InverseSchemes = {
|
|
3
|
+
surface: {
|
|
4
|
+
surface: string;
|
|
5
|
+
onSurface: string;
|
|
6
|
+
onSurfaceVariant: string;
|
|
7
|
+
outlineVariant: string;
|
|
8
|
+
surfaceContainer: string;
|
|
9
|
+
onSurfaceContainer: string;
|
|
10
|
+
outline: string;
|
|
11
|
+
surfaceContainerLowest: string;
|
|
12
|
+
surfaceContainerLow: string;
|
|
13
|
+
surfaceContainerHigh: string;
|
|
14
|
+
surfaceContainerHighest: string;
|
|
15
|
+
elevatedContainerLowest: string;
|
|
16
|
+
elevatedContainerLow: string;
|
|
17
|
+
elevatedContainer: string;
|
|
18
|
+
elevatedContainerHigh: string;
|
|
19
|
+
};
|
|
20
|
+
base: {
|
|
21
|
+
primary: string;
|
|
22
|
+
onPrimary: string;
|
|
23
|
+
secondary: string;
|
|
24
|
+
onSecondary: string;
|
|
25
|
+
};
|
|
26
|
+
status: {
|
|
27
|
+
error: string;
|
|
28
|
+
warning: string;
|
|
29
|
+
success: string;
|
|
30
|
+
info: string;
|
|
31
|
+
onError: string;
|
|
32
|
+
onWarning: string;
|
|
33
|
+
onInfo: string;
|
|
34
|
+
onSuccess: string;
|
|
35
|
+
undefined: string;
|
|
36
|
+
onUndefined: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export type InverseSchemesKey = `inverseSchemes.${RecursiveKeyOf<InverseSchemes>}`;
|
|
40
|
+
export type InverseSchemesGenerated = Record<InverseSchemesKey, GeneratedRgba>;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { RecursiveKeyOf, GeneratedRgba } from './types';
|
|
2
|
+
export type InverseSchemes = {
|
|
3
|
+
surfaces: {
|
|
4
|
+
surface: string;
|
|
5
|
+
onSurface: string;
|
|
6
|
+
onSurfaceVariant: string;
|
|
7
|
+
outlineVariant: string;
|
|
8
|
+
surfaceContainer: string;
|
|
9
|
+
outline: string;
|
|
10
|
+
surfaceContainerLowest: string;
|
|
11
|
+
surfaceContainerLow: string;
|
|
12
|
+
surfaceContainerHigh: string;
|
|
13
|
+
surfaceContainerHighest: string;
|
|
14
|
+
elevatedContainerLowest: string;
|
|
15
|
+
elevatedContainerLow: string;
|
|
16
|
+
elevatedContainer: string;
|
|
17
|
+
elevatedContainerHigh: string;
|
|
18
|
+
};
|
|
19
|
+
base: {
|
|
20
|
+
primary: string;
|
|
21
|
+
onPrimary: string;
|
|
22
|
+
secondary: string;
|
|
23
|
+
onSecondary: string;
|
|
24
|
+
primaryContainer: string;
|
|
25
|
+
onPrimaryContainer: string;
|
|
26
|
+
secondaryContainer: string;
|
|
27
|
+
onSecondaryContainer: string;
|
|
28
|
+
};
|
|
29
|
+
status: {
|
|
30
|
+
error: string;
|
|
31
|
+
warning: string;
|
|
32
|
+
success: string;
|
|
33
|
+
info: string;
|
|
34
|
+
onError: string;
|
|
35
|
+
onWarning: string;
|
|
36
|
+
onInfo: string;
|
|
37
|
+
onSuccess: string;
|
|
38
|
+
undefined: string;
|
|
39
|
+
onUndefined: string;
|
|
40
|
+
errorContainer: string;
|
|
41
|
+
successContainer: string;
|
|
42
|
+
onErrorContainer: string;
|
|
43
|
+
onSuccessContainer: string;
|
|
44
|
+
warningContainer: string;
|
|
45
|
+
onWarningContainer: string;
|
|
46
|
+
infoContainer: string;
|
|
47
|
+
onInfoContainer: string;
|
|
48
|
+
undefinedContainer: string;
|
|
49
|
+
onUndefinedContainer: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
export type InverseSchemesKey = `inverseSchemes.${RecursiveKeyOf<InverseSchemes>}`;
|
|
53
|
+
export type InverseSchemesGenerated = Record<InverseSchemesKey, GeneratedRgba>;
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { RecursiveKeyOf, GeneratedRgba } from './types';
|
|
2
|
+
export type InverseStateLayers = {
|
|
3
|
+
surfaces: {
|
|
4
|
+
surface: {
|
|
5
|
+
opacity08: string;
|
|
6
|
+
opacity12: string;
|
|
7
|
+
opacity16: string;
|
|
8
|
+
opacity10: string;
|
|
9
|
+
};
|
|
10
|
+
onSurface: {
|
|
11
|
+
opacity08: string;
|
|
12
|
+
opacity12: string;
|
|
13
|
+
opacity16: string;
|
|
14
|
+
opacity28: string;
|
|
15
|
+
opacity48: string;
|
|
16
|
+
opacity64: string;
|
|
17
|
+
opacity10: string;
|
|
18
|
+
opacity38: string;
|
|
19
|
+
};
|
|
20
|
+
surfaceContainerLowest: {
|
|
21
|
+
opacity08: string;
|
|
22
|
+
opacity12: string;
|
|
23
|
+
opacity20: string;
|
|
24
|
+
};
|
|
25
|
+
onSurfaceVariant: {
|
|
26
|
+
opacity08: string;
|
|
27
|
+
opacity12: string;
|
|
28
|
+
opacity16: string;
|
|
29
|
+
opacity28: string;
|
|
30
|
+
opacity48: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
base: {
|
|
34
|
+
primary: {
|
|
35
|
+
opacity08: string;
|
|
36
|
+
opacity12: string;
|
|
37
|
+
opacity20: string;
|
|
38
|
+
opacity38: string;
|
|
39
|
+
opacity10: string;
|
|
40
|
+
opacity16: string;
|
|
41
|
+
opacity28: string;
|
|
42
|
+
opacity72: string;
|
|
43
|
+
};
|
|
44
|
+
onPrimary: {
|
|
45
|
+
opacity08: string;
|
|
46
|
+
opacity12: string;
|
|
47
|
+
opacity16: string;
|
|
48
|
+
opacity28: string;
|
|
49
|
+
opacity38: string;
|
|
50
|
+
};
|
|
51
|
+
onSecondary: {
|
|
52
|
+
opacity08: string;
|
|
53
|
+
opacity12: string;
|
|
54
|
+
opacity16: string;
|
|
55
|
+
opacity28: string;
|
|
56
|
+
opacity38: string;
|
|
57
|
+
};
|
|
58
|
+
secondary: {
|
|
59
|
+
opacity08: string;
|
|
60
|
+
opacity12: string;
|
|
61
|
+
opacity16: string;
|
|
62
|
+
opacity64: string;
|
|
63
|
+
};
|
|
64
|
+
onPrimaryContainer: {
|
|
65
|
+
opacity08: string;
|
|
66
|
+
opacity12: string;
|
|
67
|
+
opacity16: string;
|
|
68
|
+
opacity28: string;
|
|
69
|
+
opacity38: string;
|
|
70
|
+
};
|
|
71
|
+
onSecondaryContainer: {
|
|
72
|
+
opacity08: string;
|
|
73
|
+
opacity12: string;
|
|
74
|
+
opacity16: string;
|
|
75
|
+
opacity28: string;
|
|
76
|
+
opacity38: string;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
status: {
|
|
80
|
+
onError: {
|
|
81
|
+
opacity08: string;
|
|
82
|
+
opacity12: string;
|
|
83
|
+
opacity16: string;
|
|
84
|
+
opacity28: string;
|
|
85
|
+
opacity38: string;
|
|
86
|
+
};
|
|
87
|
+
onWarning: {
|
|
88
|
+
opacity08: string;
|
|
89
|
+
opacity12: string;
|
|
90
|
+
opacity16: string;
|
|
91
|
+
opacity28: string;
|
|
92
|
+
opacity38: string;
|
|
93
|
+
};
|
|
94
|
+
onInfo: {
|
|
95
|
+
opacity08: string;
|
|
96
|
+
opacity12: string;
|
|
97
|
+
opacity16: string;
|
|
98
|
+
opacity28: string;
|
|
99
|
+
opacity38: string;
|
|
100
|
+
};
|
|
101
|
+
onSuccess: {
|
|
102
|
+
opacity08: string;
|
|
103
|
+
opacity12: string;
|
|
104
|
+
opacity16: string;
|
|
105
|
+
opacity28: string;
|
|
106
|
+
opacity38: string;
|
|
107
|
+
};
|
|
108
|
+
onUndefined: {
|
|
109
|
+
opacity08: string;
|
|
110
|
+
opacity12: string;
|
|
111
|
+
opacity20: string;
|
|
112
|
+
opacity28: string;
|
|
113
|
+
opacity38: string;
|
|
114
|
+
};
|
|
115
|
+
error: {
|
|
116
|
+
opacity08: string;
|
|
117
|
+
opacity12: string;
|
|
118
|
+
opacity16: string;
|
|
119
|
+
opacity28: string;
|
|
120
|
+
opacity38: string;
|
|
121
|
+
};
|
|
122
|
+
success: {
|
|
123
|
+
opacity08: string;
|
|
124
|
+
opacity12: string;
|
|
125
|
+
opacity16: string;
|
|
126
|
+
opacity28: string;
|
|
127
|
+
opacity38: string;
|
|
128
|
+
};
|
|
129
|
+
undefined: {
|
|
130
|
+
opacity08: string;
|
|
131
|
+
opacity12: string;
|
|
132
|
+
opacity16: string;
|
|
133
|
+
opacity28: string;
|
|
134
|
+
opacity38: string;
|
|
135
|
+
};
|
|
136
|
+
onErrorContainer: {
|
|
137
|
+
opacity08: string;
|
|
138
|
+
opacity12: string;
|
|
139
|
+
opacity16: string;
|
|
140
|
+
opacity28: string;
|
|
141
|
+
opacity38: string;
|
|
142
|
+
};
|
|
143
|
+
onSuccessContainer: {
|
|
144
|
+
opacity08: string;
|
|
145
|
+
opacity12: string;
|
|
146
|
+
opacity16: string;
|
|
147
|
+
opacity28: string;
|
|
148
|
+
opacity38: string;
|
|
149
|
+
};
|
|
150
|
+
onWarningContainer: {
|
|
151
|
+
opacity08: string;
|
|
152
|
+
opacity12: string;
|
|
153
|
+
opacity16: string;
|
|
154
|
+
opacity28: string;
|
|
155
|
+
opacity38: string;
|
|
156
|
+
};
|
|
157
|
+
onInfoContainer: {
|
|
158
|
+
opacity08: string;
|
|
159
|
+
opacity12: string;
|
|
160
|
+
opacity16: string;
|
|
161
|
+
opacity28: string;
|
|
162
|
+
opacity38: string;
|
|
163
|
+
};
|
|
164
|
+
onUndefinedContainer: {
|
|
165
|
+
opacity08: string;
|
|
166
|
+
opacity12: string;
|
|
167
|
+
opacity16: string;
|
|
168
|
+
opacity28: string;
|
|
169
|
+
opacity38: string;
|
|
170
|
+
};
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
export type InverseStateLayersKey = `inverseStateLayers.${RecursiveKeyOf<InverseStateLayers>}`;
|
|
174
|
+
export type InverseStateLayersGenerated = Record<InverseStateLayersKey, GeneratedRgba>;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { RecursiveKeyOf, GeneratedRgba } from './types';
|
|
2
|
+
export type Schemes = {
|
|
3
|
+
base: {
|
|
4
|
+
primary: string;
|
|
5
|
+
onPrimary: string;
|
|
6
|
+
primaryContainer: string;
|
|
7
|
+
onPrimaryContainer: string;
|
|
8
|
+
secondary: string;
|
|
9
|
+
onSecondary: string;
|
|
10
|
+
secondaryContainer: string;
|
|
11
|
+
onSecondaryContainer: string;
|
|
12
|
+
tertiary: string;
|
|
13
|
+
onTertiary: string;
|
|
14
|
+
tertiaryContainer: string;
|
|
15
|
+
onTertiaryContainer: string;
|
|
16
|
+
primaryVariant: string;
|
|
17
|
+
onPrimaryVariant: string;
|
|
18
|
+
onPrimaryBase: string;
|
|
19
|
+
onPrimaryBaseVariant: string;
|
|
20
|
+
};
|
|
21
|
+
surfaces: {
|
|
22
|
+
surfaceTint: string;
|
|
23
|
+
background: string;
|
|
24
|
+
onBackground: string;
|
|
25
|
+
surface: string;
|
|
26
|
+
onSurface: string;
|
|
27
|
+
surfaceVariant: string;
|
|
28
|
+
onSurfaceVariant: string;
|
|
29
|
+
outline: string;
|
|
30
|
+
outlineVariant: string;
|
|
31
|
+
shadow: string;
|
|
32
|
+
scrim: string;
|
|
33
|
+
surfaceDim: string;
|
|
34
|
+
surfaceBright: string;
|
|
35
|
+
surfaceContainerLowest: string;
|
|
36
|
+
surfaceContainerLow: string;
|
|
37
|
+
surfaceContainer: string;
|
|
38
|
+
surfaceContainerHigh: string;
|
|
39
|
+
surfaceContainerHighest: string;
|
|
40
|
+
elevatedContainerLowest: string;
|
|
41
|
+
elevatedContainerLow: string;
|
|
42
|
+
elevatedContainer: string;
|
|
43
|
+
elevatedContainerHigh: string;
|
|
44
|
+
};
|
|
45
|
+
status: {
|
|
46
|
+
error: string;
|
|
47
|
+
onError: string;
|
|
48
|
+
errorContainer: string;
|
|
49
|
+
onErrorContainer: string;
|
|
50
|
+
warning: string;
|
|
51
|
+
onWarning: string;
|
|
52
|
+
warningContainer: string;
|
|
53
|
+
onWarningContainer: string;
|
|
54
|
+
info: string;
|
|
55
|
+
onInfo: string;
|
|
56
|
+
infoContainer: string;
|
|
57
|
+
onInfoContainer: string;
|
|
58
|
+
onSuccess: string;
|
|
59
|
+
successContainer: string;
|
|
60
|
+
onSuccessContainer: string;
|
|
61
|
+
success: string;
|
|
62
|
+
undefined: string;
|
|
63
|
+
onUndefined: string;
|
|
64
|
+
undefinedContainer: string;
|
|
65
|
+
onUndefinedContainer: string;
|
|
66
|
+
};
|
|
67
|
+
fixed: {
|
|
68
|
+
primaryFixed: string;
|
|
69
|
+
onPrimaryFixed: string;
|
|
70
|
+
primaryFixedDim: string;
|
|
71
|
+
onPrimaryFixedVariant: string;
|
|
72
|
+
secondaryFixed: string;
|
|
73
|
+
onSecondaryFixed: string;
|
|
74
|
+
secondaryFixedDim: string;
|
|
75
|
+
onSecondaryFixedVariant: string;
|
|
76
|
+
tertiaryFixed: string;
|
|
77
|
+
onTertiaryFixed: string;
|
|
78
|
+
tertiaryFixedDim: string;
|
|
79
|
+
onTertiaryFixedVariant: string;
|
|
80
|
+
errorFixedDim: string;
|
|
81
|
+
warningFixedDim: string;
|
|
82
|
+
infoFixedDim: string;
|
|
83
|
+
successFixedDim: string;
|
|
84
|
+
};
|
|
85
|
+
charts: {
|
|
86
|
+
chart01: string;
|
|
87
|
+
chart02: string;
|
|
88
|
+
chart03: string;
|
|
89
|
+
chart04: string;
|
|
90
|
+
chart05: string;
|
|
91
|
+
chart06: string;
|
|
92
|
+
chart07: string;
|
|
93
|
+
chart08: string;
|
|
94
|
+
chart09: string;
|
|
95
|
+
chartError: string;
|
|
96
|
+
chartWarning: string;
|
|
97
|
+
chartSuccess: string;
|
|
98
|
+
chartUndefined: string;
|
|
99
|
+
chart10: string;
|
|
100
|
+
};
|
|
101
|
+
typography: {
|
|
102
|
+
primary: string;
|
|
103
|
+
error: string;
|
|
104
|
+
onSurface: string;
|
|
105
|
+
primaryVisited: string;
|
|
106
|
+
errorVisited: string;
|
|
107
|
+
onSurfaceVisited: string;
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
export type SchemesKey = `schemes.${RecursiveKeyOf<Schemes>}`;
|
|
111
|
+
export type SchemesGenerated = Record<SchemesKey, GeneratedRgba>;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { RecursiveKeyOf, GeneratedRgba } from './types';
|
|
2
|
+
export type Schemes = {
|
|
3
|
+
base: {
|
|
4
|
+
primary: string;
|
|
5
|
+
onPrimary: string;
|
|
6
|
+
primaryContainer: string;
|
|
7
|
+
onPrimaryContainer: string;
|
|
8
|
+
secondary: string;
|
|
9
|
+
onSecondary: string;
|
|
10
|
+
secondaryContainer: string;
|
|
11
|
+
onSecondaryContainer: string;
|
|
12
|
+
tertiary: string;
|
|
13
|
+
onTertiary: string;
|
|
14
|
+
tertiaryContainer: string;
|
|
15
|
+
onTertiaryContainer: string;
|
|
16
|
+
primaryVariant: string;
|
|
17
|
+
onPrimaryVariant: string;
|
|
18
|
+
onPrimaryBase: string;
|
|
19
|
+
onPrimaryBaseVariant: string;
|
|
20
|
+
};
|
|
21
|
+
surfaces: {
|
|
22
|
+
surfaceTint: string;
|
|
23
|
+
background: string;
|
|
24
|
+
onBackground: string;
|
|
25
|
+
surface: string;
|
|
26
|
+
onSurface: string;
|
|
27
|
+
surfaceVariant: string;
|
|
28
|
+
onSurfaceVariant: string;
|
|
29
|
+
outline: string;
|
|
30
|
+
outlineVariant: string;
|
|
31
|
+
shadow: string;
|
|
32
|
+
scrim: string;
|
|
33
|
+
surfaceDim: string;
|
|
34
|
+
surfaceBright: string;
|
|
35
|
+
surfaceContainerLowest: string;
|
|
36
|
+
surfaceContainerLow: string;
|
|
37
|
+
surfaceContainer: string;
|
|
38
|
+
surfaceContainerHigh: string;
|
|
39
|
+
surfaceContainerHighest: string;
|
|
40
|
+
elevatedContainerLowest: string;
|
|
41
|
+
elevatedContainerLow: string;
|
|
42
|
+
elevatedContainer: string;
|
|
43
|
+
elevatedContainerHigh: string;
|
|
44
|
+
};
|
|
45
|
+
status: {
|
|
46
|
+
error: string;
|
|
47
|
+
onError: string;
|
|
48
|
+
errorContainer: string;
|
|
49
|
+
onErrorContainer: string;
|
|
50
|
+
warning: string;
|
|
51
|
+
onWarning: string;
|
|
52
|
+
warningContainer: string;
|
|
53
|
+
onWarningContainer: string;
|
|
54
|
+
info: string;
|
|
55
|
+
onInfo: string;
|
|
56
|
+
infoContainer: string;
|
|
57
|
+
onInfoContainer: string;
|
|
58
|
+
onSuccess: string;
|
|
59
|
+
successContainer: string;
|
|
60
|
+
onSuccessContainer: string;
|
|
61
|
+
success: string;
|
|
62
|
+
undefined: string;
|
|
63
|
+
onUndefined: string;
|
|
64
|
+
undefinedContainer: string;
|
|
65
|
+
onUndefinedContainer: string;
|
|
66
|
+
};
|
|
67
|
+
fixed: {
|
|
68
|
+
primaryFixed: string;
|
|
69
|
+
onPrimaryFixed: string;
|
|
70
|
+
primaryFixedDim: string;
|
|
71
|
+
onPrimaryFixedVariant: string;
|
|
72
|
+
secondaryFixed: string;
|
|
73
|
+
onSecondaryFixed: string;
|
|
74
|
+
secondaryFixedDim: string;
|
|
75
|
+
onSecondaryFixedVariant: string;
|
|
76
|
+
tertiaryFixed: string;
|
|
77
|
+
onTertiaryFixed: string;
|
|
78
|
+
tertiaryFixedDim: string;
|
|
79
|
+
onTertiaryFixedVariant: string;
|
|
80
|
+
errorFixedDim: string;
|
|
81
|
+
warningFixedDim: string;
|
|
82
|
+
infoFixedDim: string;
|
|
83
|
+
successFixedDim: string;
|
|
84
|
+
};
|
|
85
|
+
charts: {
|
|
86
|
+
chart01: string;
|
|
87
|
+
chart02: string;
|
|
88
|
+
chart03: string;
|
|
89
|
+
chart04: string;
|
|
90
|
+
chart05: string;
|
|
91
|
+
chart06: string;
|
|
92
|
+
chart07: string;
|
|
93
|
+
chart08: string;
|
|
94
|
+
chart09: string;
|
|
95
|
+
chartError: string;
|
|
96
|
+
chartWarning: string;
|
|
97
|
+
chartSuccess: string;
|
|
98
|
+
chartUndefined: string;
|
|
99
|
+
chart10: string;
|
|
100
|
+
};
|
|
101
|
+
typography: {
|
|
102
|
+
primary: string;
|
|
103
|
+
error: string;
|
|
104
|
+
onSurface: string;
|
|
105
|
+
primaryVisited: string;
|
|
106
|
+
errorVisited: string;
|
|
107
|
+
onSurfaceVisited: string;
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
export type SchemesKey = `schemes.${RecursiveKeyOf<Schemes>}`;
|
|
111
|
+
export type SchemesGenerated = Record<SchemesKey, GeneratedRgba>;
|