@webpros/mui-theme 0.3.12 → 0.4.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 +1 -2
- package/dist/src/components/data-display/Table/Table.theme.js +1 -1
- package/dist/src/components/inputs/Filter/Filter.js +2 -2
- package/dist/src/components/inputs/ToggleButton/ToggleButton.d.ts +10 -2
- package/dist/src/components/inputs/ToggleButton/ToggleButton.js +26 -3
- package/dist/src/components/inputs/ToggleButton/index.d.ts +1 -1
- package/dist/src/components/inputs/ToggleButton/index.js +2 -2
- package/dist/src/components/inputs/ToggleButtonGroup/ToggleButtonGroup.d.ts +12 -3
- package/dist/src/components/inputs/ToggleButtonGroup/ToggleButtonGroup.js +32 -3
- package/dist/src/components/inputs/ToggleButtonGroup/index.d.ts +1 -1
- package/dist/src/components/inputs/ToggleButtonGroup/index.js +2 -2
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.js +3 -0
- package/dist/src/tokens/ThemeColorTokens.d.ts +1 -0
- package/dist/src/tokens/ThemeColorTokens.js +16 -1
- package/dist/src/tokens/ThemeMode.d.ts +1 -1
- package/dist/src/tokens/ThemeScheme.d.ts +2 -0
- package/dist/src/tokens/ThemeScheme.js +2 -1
- package/dist/src/tokens/colors/Wptk.d.ts +24 -0
- package/dist/src/tokens/colors/Wptk.js +1496 -0
- package/dist/src/tokens/colors/index.d.ts +1 -0
- package/dist/src/tokens/colors/index.js +1 -0
- package/dist/src/utils/getMUIComponents.js +2 -2
- package/package.json +2 -3
- package/dist/src/components/inputs/ToggleButton/ToggleButton.theme.d.ts +0 -11
- package/dist/src/components/inputs/ToggleButton/ToggleButton.theme.js +0 -26
- package/dist/src/components/inputs/ToggleButtonGroup/ToggleButtonGroup.theme.d.ts +0 -11
- package/dist/src/components/inputs/ToggleButtonGroup/ToggleButtonGroup.theme.js +0 -18
|
@@ -7,3 +7,4 @@ export type { OnPrimarySchemes, OnPrimarySchemesKey, OnPrimarySchemesGenerated,
|
|
|
7
7
|
export type { OnPrimaryStateLayers, OnPrimaryStateLayersKey, OnPrimaryStateLayersGenerated, } from './onPrimaryStateLayers';
|
|
8
8
|
export { LightSchemes, LightStateLayers, LightInverseSchemes, LightInverseStateLayers, LightOnPrimarySchemes, LightOnPrimaryStateLayers, LightSchemesGenerated, LightStateLayersGenerated, LightInverseSchemesGenerated, LightInverseStateLayersGenerated, LightOnPrimarySchemesGenerated, LightOnPrimaryStateLayersGenerated, } from './Light';
|
|
9
9
|
export { DarkSchemes, DarkStateLayers, DarkInverseSchemes, DarkInverseStateLayers, DarkOnPrimarySchemes, DarkOnPrimaryStateLayers, DarkSchemesGenerated, DarkStateLayersGenerated, DarkInverseSchemesGenerated, DarkInverseStateLayersGenerated, DarkOnPrimarySchemesGenerated, DarkOnPrimaryStateLayersGenerated, } from './Dark';
|
|
10
|
+
export { WptkSchemes, WptkStateLayers, WptkInverseSchemes, WptkInverseStateLayers, WptkOnPrimarySchemes, WptkOnPrimaryStateLayers, WptkSchemesGenerated, WptkStateLayersGenerated, WptkInverseSchemesGenerated, WptkInverseStateLayersGenerated, WptkOnPrimarySchemesGenerated, WptkOnPrimaryStateLayersGenerated, } from './Wptk';
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
// Auto-generated file - do not edit manually
|
|
3
3
|
export { LightSchemes, LightStateLayers, LightInverseSchemes, LightInverseStateLayers, LightOnPrimarySchemes, LightOnPrimaryStateLayers, LightSchemesGenerated, LightStateLayersGenerated, LightInverseSchemesGenerated, LightInverseStateLayersGenerated, LightOnPrimarySchemesGenerated, LightOnPrimaryStateLayersGenerated, } from './Light';
|
|
4
4
|
export { DarkSchemes, DarkStateLayers, DarkInverseSchemes, DarkInverseStateLayers, DarkOnPrimarySchemes, DarkOnPrimaryStateLayers, DarkSchemesGenerated, DarkStateLayersGenerated, DarkInverseSchemesGenerated, DarkInverseStateLayersGenerated, DarkOnPrimarySchemesGenerated, DarkOnPrimaryStateLayersGenerated, } from './Dark';
|
|
5
|
+
export { WptkSchemes, WptkStateLayers, WptkInverseSchemes, WptkInverseStateLayers, WptkOnPrimarySchemes, WptkOnPrimaryStateLayers, WptkSchemesGenerated, WptkStateLayersGenerated, WptkInverseSchemesGenerated, WptkInverseStateLayersGenerated, WptkOnPrimarySchemesGenerated, WptkOnPrimaryStateLayersGenerated, } from './Wptk';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getAccordion, getAccordionSummary, getAccordionDetails, getAlert, getAppBar, getBackdrop, getBadge, getBreadcrumbs, getButton, getCheckbox, getChip, getCssBaseline, getDivider, getDrawer, getFab, getIconButton, getLink, getList, getListItem, getListItemButton, getListItemIcon, getListItemAvatar, getListSubheader, getMenu, getMenuItem, getPaginationItem, getPaper, getPopover, getSwitch, getTab, getTabs, getTextField,
|
|
1
|
+
import { getAccordion, getAccordionSummary, getAccordionDetails, getAlert, getAppBar, getBackdrop, getBadge, getBreadcrumbs, getButton, getCheckbox, getChip, getCssBaseline, getDivider, getDrawer, getFab, getIconButton, getLink, getList, getListItem, getListItemButton, getListItemIcon, getListItemAvatar, getListSubheader, getMenu, getMenuItem, getPaginationItem, getPaper, getPopover, getSwitch, getTab, getTabs, getTextField, getTooltip, getTypography, getAvatar, getSelect, getInputLabel, getTimePicker, getSnackbar, getCircularProgress, getLinearProgress, getDialog, getTable, getAutocomplete, getInputBase, getSkeleton, getFormLabel, getOutlinedInput, getFormHelperText, getRadio, } from '../components';
|
|
2
2
|
export const getMUIComponents = (theme, _mode) => ({
|
|
3
|
-
components: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(
|
|
3
|
+
components: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getCssBaseline(theme)), getBackdrop(theme)), getAccordion(theme)), getAccordionSummary(theme)), getAccordionDetails(theme)), getAlert(theme)), getAppBar(theme)), getAvatar(theme)), getBadge(theme)), getBreadcrumbs(theme)), getSelect()), getTimePicker(theme)), getInputLabel()), getButton(theme)), getCheckbox(theme)), getChip(theme)), getDivider(theme)), getDrawer(theme)), getFab(theme)), getIconButton(theme)), getLink(theme)), getList(theme)), getListItem(theme)), getListItemButton(theme)), getListItemIcon(theme)), getListItemAvatar(theme)), getListSubheader(theme)), getMenu(theme)), getMenuItem(theme)), getPaginationItem(theme)), getPaper(theme)), getPopover(theme)), getSwitch(theme)), getTab(theme)), getTabs(theme)), getTextField(theme)), getTooltip(theme)), getTypography(theme)), getSnackbar(theme)), getCircularProgress(theme)), getLinearProgress(theme)), getDialog(theme)), getTable(theme)), getAutocomplete()), getInputBase()), getSkeleton(theme)), getFormLabel()), getOutlinedInput()), getFormHelperText()), getRadio(theme)),
|
|
4
4
|
});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webpros/mui-theme",
|
|
3
3
|
"description": "MUI v7 theme for WebPros products",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.4.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -83,7 +83,6 @@
|
|
|
83
83
|
"@storybook/addon-a11y": "^9.1.16",
|
|
84
84
|
"@storybook/addon-docs": "^9.1.16",
|
|
85
85
|
"@storybook/addon-onboarding": "^9.1.16",
|
|
86
|
-
"@storybook/addon-themes": "^9.1.16",
|
|
87
86
|
"@storybook/builder-vite": "^9.1.16",
|
|
88
87
|
"@storybook/react-vite": "^9.1.16",
|
|
89
88
|
"@stylistic/eslint-plugin": "^5.5.0",
|
|
@@ -124,4 +123,4 @@
|
|
|
124
123
|
"resolutions": {
|
|
125
124
|
"react-is": "^18.3.1"
|
|
126
125
|
}
|
|
127
|
-
}
|
|
126
|
+
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Theme, ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
|
|
2
|
-
interface M3ToggleButton {
|
|
3
|
-
MuiToggleButton: {
|
|
4
|
-
defaultProps?: ComponentsProps['MuiToggleButton'];
|
|
5
|
-
styleOverrides?: ComponentsOverrides<Theme>['MuiToggleButton'];
|
|
6
|
-
variants?: ComponentsVariants['MuiToggleButton'];
|
|
7
|
-
};
|
|
8
|
-
}
|
|
9
|
-
export declare const getToggleButton: (_theme: Theme) => M3ToggleButton;
|
|
10
|
-
declare const _default: {};
|
|
11
|
-
export default _default;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export const getToggleButton = (_theme) => {
|
|
2
|
-
// const { palette } = theme;
|
|
3
|
-
return {
|
|
4
|
-
MuiToggleButton: {
|
|
5
|
-
styleOverrides: {
|
|
6
|
-
root: {
|
|
7
|
-
borderRadius: '50px',
|
|
8
|
-
textTransform: 'none',
|
|
9
|
-
// color: palette.onSurface.main,
|
|
10
|
-
// '&.Mui-selected': {
|
|
11
|
-
// color: palette.onSecondaryContainer.main,
|
|
12
|
-
// backgroundColor: palette.secondaryContainer.main,
|
|
13
|
-
// },
|
|
14
|
-
// '&.MuiToggleButton-primary': {
|
|
15
|
-
// borderColor: 'transparent',
|
|
16
|
-
// },
|
|
17
|
-
// '&.MuiToggleButton-primary.Mui-selected': {
|
|
18
|
-
// color: palette.onPrimary.main,
|
|
19
|
-
// backgroundColor: palette.primary.main,
|
|
20
|
-
// },
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export default {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Theme, ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
|
|
2
|
-
interface M3ToggleButtonGroup {
|
|
3
|
-
MuiToggleButtonGroup: {
|
|
4
|
-
defaultProps?: ComponentsProps['MuiToggleButtonGroup'];
|
|
5
|
-
styleOverrides?: ComponentsOverrides<Theme>['MuiToggleButtonGroup'];
|
|
6
|
-
variants?: ComponentsVariants['MuiToggleButtonGroup'];
|
|
7
|
-
};
|
|
8
|
-
}
|
|
9
|
-
export declare const getToggleButtonGroup: (theme: Theme) => M3ToggleButtonGroup;
|
|
10
|
-
declare const _default: {};
|
|
11
|
-
export default _default;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export const getToggleButtonGroup = (theme) => {
|
|
2
|
-
const { colors } = theme;
|
|
3
|
-
return {
|
|
4
|
-
MuiToggleButtonGroup: {
|
|
5
|
-
styleOverrides: {
|
|
6
|
-
grouped: {
|
|
7
|
-
borderRadius: '50px',
|
|
8
|
-
borderColor: colors.schemes.surfaces.outline,
|
|
9
|
-
'&:not(:first-of-type)': {
|
|
10
|
-
marginLeft: 0,
|
|
11
|
-
borderLeft: 0,
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export default {};
|