@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.
Files changed (28) hide show
  1. package/dist/package.json +1 -2
  2. package/dist/src/components/data-display/Table/Table.theme.js +1 -1
  3. package/dist/src/components/inputs/Filter/Filter.js +2 -2
  4. package/dist/src/components/inputs/ToggleButton/ToggleButton.d.ts +10 -2
  5. package/dist/src/components/inputs/ToggleButton/ToggleButton.js +26 -3
  6. package/dist/src/components/inputs/ToggleButton/index.d.ts +1 -1
  7. package/dist/src/components/inputs/ToggleButton/index.js +2 -2
  8. package/dist/src/components/inputs/ToggleButtonGroup/ToggleButtonGroup.d.ts +12 -3
  9. package/dist/src/components/inputs/ToggleButtonGroup/ToggleButtonGroup.js +32 -3
  10. package/dist/src/components/inputs/ToggleButtonGroup/index.d.ts +1 -1
  11. package/dist/src/components/inputs/ToggleButtonGroup/index.js +2 -2
  12. package/dist/src/index.d.ts +3 -0
  13. package/dist/src/index.js +3 -0
  14. package/dist/src/tokens/ThemeColorTokens.d.ts +1 -0
  15. package/dist/src/tokens/ThemeColorTokens.js +16 -1
  16. package/dist/src/tokens/ThemeMode.d.ts +1 -1
  17. package/dist/src/tokens/ThemeScheme.d.ts +2 -0
  18. package/dist/src/tokens/ThemeScheme.js +2 -1
  19. package/dist/src/tokens/colors/Wptk.d.ts +24 -0
  20. package/dist/src/tokens/colors/Wptk.js +1496 -0
  21. package/dist/src/tokens/colors/index.d.ts +1 -0
  22. package/dist/src/tokens/colors/index.js +1 -0
  23. package/dist/src/utils/getMUIComponents.js +2 -2
  24. package/package.json +2 -3
  25. package/dist/src/components/inputs/ToggleButton/ToggleButton.theme.d.ts +0 -11
  26. package/dist/src/components/inputs/ToggleButton/ToggleButton.theme.js +0 -26
  27. package/dist/src/components/inputs/ToggleButtonGroup/ToggleButtonGroup.theme.d.ts +0 -11
  28. 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, getToggleButton, getToggleButtonGroup, getTooltip, getTypography, getAvatar, getSelect, getInputLabel, getTimePicker, getSnackbar, getCircularProgress, getLinearProgress, getDialog, getTable, getAutocomplete, getInputBase, getSkeleton, getFormLabel, getOutlinedInput, getFormHelperText, getRadio, } from '../components';
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(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)), getToggleButton(theme)), getToggleButtonGroup(theme)), getTooltip(theme)), getTypography(theme)), getSnackbar(theme)), getCircularProgress(theme)), getLinearProgress(theme)), getDialog(theme)), getTable(theme)), getAutocomplete()), getInputBase()), getSkeleton(theme)), getFormLabel()), getOutlinedInput()), getFormHelperText()), getRadio(theme)),
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.3.12",
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 {};