@m4l/components 8.0.0 → 8.0.1

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 (4) hide show
  1. package/components/DynamicFilter/DynamicFIlter.styles.js +1 -1
  2. package/components/hook-form/RHFTextField/RHFTextField.styles.js +1 -1
  3. package/components/mui_extended/IconButton/IconButton.styles.js +7 -7
  4. package/package.json +1 -1
package/components/DynamicFilter/DynamicFIlter.styles.js CHANGED
@@ -32,7 +32,7 @@ const dynamicFilterStyles = {
32
32
  "applied-filters applied-filters"`
33
33
  },
34
34
  "&:focus-within": {
35
- borderColor: !ownerState.isValid ? theme.vars.palette.error.main : theme.vars.palette.primary.focusActive
35
+ borderColor: !ownerState.isValid ? theme.vars.palette.error.main : theme.vars.palette.primary.active
36
36
  },
37
37
  ...ownerState.isValid === false ? {
38
38
  borderColor: theme.vars.palette.error.main
package/components/hook-form/RHFTextField/RHFTextField.styles.js CHANGED
@@ -72,7 +72,7 @@ const rhfTextFieldStyles = {
72
72
  "&:not(.Mui-focused,input:disabled):hover fieldset": {
73
73
  transition: "all .3s ease",
74
74
  borderColor: ownerState?.error === true ? theme.vars.palette.error.main : theme.vars.palette.primary.light,
75
- color: theme.vars.palette.primary?.focusActive,
75
+ color: theme.vars.palette.primary?.active,
76
76
  background: theme.vars.palette.primary.opacity
77
77
  },
78
78
  "&:has(:disabled) fieldset": {
package/components/mui_extended/IconButton/IconButton.styles.js CHANGED
@@ -74,7 +74,7 @@ const iconButtonStyles = {
74
74
  },
75
75
  //Estado Active
76
76
  "&:active": {
77
- background: ownerState.paletteColor?.focusActive,
77
+ background: ownerState.paletteColor?.active,
78
78
  '& [class*="M4LIcon-icon"]': {
79
79
  display: "flex",
80
80
  justifyContent: "center",
@@ -135,13 +135,13 @@ const iconButtonStyles = {
135
135
  display: "flex",
136
136
  justifyContent: "center",
137
137
  alignItems: "center",
138
- background: ownerState.componentPaletteColor !== "default" ? ownerState.paletteColor?.hoverOpacity : ownerState.paletteColor?.focusActive,
139
- border: `1px solid ${ownerState.paletteColor?.focusActive}`,
138
+ background: ownerState.componentPaletteColor !== "default" ? ownerState.paletteColor?.hoverOpacity : ownerState.paletteColor?.active,
139
+ border: `1px solid ${ownerState.paletteColor?.active}`,
140
140
  '& [class*="M4LIcon-icon"]': {
141
141
  display: "flex",
142
142
  justifyContent: "center",
143
143
  ...ownerState.componentPaletteColor !== "default" && {
144
- backgroundColor: ownerState.paletteColor?.focusActive
144
+ backgroundColor: ownerState.paletteColor?.active
145
145
  }
146
146
  }
147
147
  },
@@ -198,13 +198,13 @@ const iconButtonStyles = {
198
198
  backgroundColor: ownerState.paletteColor?.opacity
199
199
  },
200
200
  ...ownerState.componentPaletteColor === "default" && {
201
- backgroundColor: ownerState.paletteColor?.focusActive
201
+ backgroundColor: ownerState.paletteColor?.active
202
202
  },
203
203
  '& [class*="M4LIcon-icon"]': {
204
204
  display: "flex",
205
205
  justifyContent: "center",
206
206
  ...ownerState.componentPaletteColor !== "default" && {
207
- backgroundColor: ownerState.paletteColor?.focusActive
207
+ backgroundColor: ownerState.paletteColor?.active
208
208
  },
209
209
  ...ownerState.componentPaletteColor === "default" && {
210
210
  backgroundColor: ownerState.paletteColor?.contrastText
@@ -265,7 +265,7 @@ const iconButtonStyles = {
265
265
  // justifyContent: 'center',
266
266
  // alignItems: 'center',
267
267
  // fontSize: '11px',
268
- // backgroundColor: ownerState.paletteColor?.focusActive,
268
+ // backgroundColor: ownerState.paletteColor?.active,
269
269
  // color: ownerState.paletteColor?.contrastText,
270
270
  // // condiciones de tamaño Small
271
271
  // ...(ownerState.size === 'small' && {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "8.0.0",
3
+ "version": "8.0.1",
4
4
  "license": "UNLICENSED",
5
5
  "lint-staged": {
6
6
  "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"