@m4l/components 9.1.26 → 9.1.28

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/WindowBase/WindowBase.styles.js +26 -25
  2. package/components/WindowBase/subcomponents/Header/types.d.ts +1 -1
  3. package/components/WindowConfirm/WindowConfirm.styles.js +11 -9
  4. package/package.json +1 -1
package/components/WindowBase/WindowBase.styles.js CHANGED
@@ -3,8 +3,8 @@ const windowBaseStyles = {
3
3
  * Styles for the window base wrapper component.
4
4
  * @author cesar - automatic
5
5
  * @createdAt 2024-11-15 18:08:44 - automatic
6
- * @updatedAt 2024-12-10 08:14:13 - automatic
7
- * @updatedUser Bruce Escobar - automatic
6
+ * @updatedAt 2024-12-20 17:28:53 - automatic
7
+ * @updatedUser cesar - automatic
8
8
  */
9
9
  wrapperWindowBase: ({ theme, ownerState }) => ({
10
10
  height: "100%",
@@ -27,19 +27,20 @@ const windowBaseStyles = {
27
27
  * Styles for the content of the window base component.
28
28
  * @author cesar - automatic
29
29
  * @createdAt 2024-11-15 18:08:44 - automatic
30
- * @updatedAt 2024-12-10 08:14:13 - automatic
31
- * @updatedUser Bruce Escobar - automatic
30
+ * @updatedAt 2024-12-20 17:28:53 - automatic
31
+ * @updatedUser cesar - automatic
32
32
  */
33
33
  contentWindowBase: ({ theme }) => ({
34
34
  padding: theme.vars.size.baseSpacings.sp3,
35
- overflow: "auto"
35
+ overflow: "auto",
36
+ height: "100%"
36
37
  }),
37
38
  /**
38
39
  * Styles for the header of the window base component.
39
40
  * @author cesar - automatic
40
41
  * @createdAt 2024-11-15 18:08:44 - automatic
41
- * @updatedAt 2024-12-10 08:14:13 - automatic
42
- * @updatedUser Bruce Escobar - automatic
42
+ * @updatedAt 2024-12-20 17:28:53 - automatic
43
+ * @updatedUser cesar - automatic
43
44
  */
44
45
  headerWindowComponent: ({ theme, ownerState }) => ({
45
46
  width: "100%",
@@ -74,8 +75,8 @@ const windowBaseStyles = {
74
75
  * Styles for the content of the header of the window base component.
75
76
  * @author cesar - automatic
76
77
  * @createdAt 2024-11-15 18:08:44 - automatic
77
- * @updatedAt 2024-12-10 08:14:13 - automatic
78
- * @updatedUser Bruce Escobar - automatic
78
+ * @updatedAt 2024-12-20 17:28:53 - automatic
79
+ * @updatedUser cesar - automatic
79
80
  */
80
81
  headerContentWindowBase: ({ theme }) => ({
81
82
  display: "flex",
@@ -89,8 +90,8 @@ const windowBaseStyles = {
89
90
  * Styles for the title of the header of the window base component.
90
91
  * @author cesar - automatic
91
92
  * @createdAt 2024-11-15 18:08:44 - automatic
92
- * @updatedAt 2024-12-10 08:14:13 - automatic
93
- * @updatedUser Bruce Escobar - automatic
93
+ * @updatedAt 2024-12-20 17:28:53 - automatic
94
+ * @updatedUser cesar - automatic
94
95
  */
95
96
  headerTitleWindowBase: ({ theme }) => ({
96
97
  width: "auto",
@@ -101,8 +102,8 @@ const windowBaseStyles = {
101
102
  * Styles for the subtitle container of the header of the window base component.
102
103
  * @author cesar - automatic
103
104
  * @createdAt 2024-11-15 18:08:44 - automatic
104
- * @updatedAt 2024-12-10 08:14:13 - automatic
105
- * @updatedUser Bruce Escobar - automatic
105
+ * @updatedAt 2024-12-20 17:28:53 - automatic
106
+ * @updatedUser cesar - automatic
106
107
  */
107
108
  subtitleContainer: ({ theme }) => ({
108
109
  display: "flex",
@@ -116,8 +117,8 @@ const windowBaseStyles = {
116
117
  * @returns An object containing the styles for the dot window base component.
117
118
  * @author cesar - automatic
118
119
  * @createdAt 2024-11-22 19:40:23 - automatic
119
- * @updatedAt 2024-12-10 08:14:13 - automatic
120
- * @updatedUser Bruce Escobar - automatic
120
+ * @updatedAt 2024-12-20 17:28:53 - automatic
121
+ * @updatedUser cesar - automatic
121
122
  */
122
123
  pointWindowBase: ({ theme, ownerState }) => ({
123
124
  display: "flex",
@@ -143,8 +144,8 @@ const windowBaseStyles = {
143
144
  * Styles for the subtitle of the header of the window base component.
144
145
  * @author cesar - automatic
145
146
  * @createdAt 2024-11-15 18:08:44 - automatic
146
- * @updatedAt 2024-12-10 08:14:13 - automatic
147
- * @updatedUser Bruce Escobar - automatic
147
+ * @updatedAt 2024-12-20 17:28:53 - automatic
148
+ * @updatedUser cesar - automatic
148
149
  */
149
150
  headerSubTitleWindowBase: ({ theme }) => ({
150
151
  width: "auto !important",
@@ -155,8 +156,8 @@ const windowBaseStyles = {
155
156
  * Styles for the icon of the header of the window base component.
156
157
  * @author cesar - automatic
157
158
  * @createdAt 2024-11-18 08:11:19 - automatic
158
- * @updatedAt 2024-12-10 08:14:13 - automatic
159
- * @updatedUser Bruce Escobar - automatic
159
+ * @updatedAt 2024-12-20 17:28:53 - automatic
160
+ * @updatedUser cesar - automatic
160
161
  */
161
162
  headerIconWindowBase: ({ theme }) => ({
162
163
  display: "flex",
@@ -169,8 +170,8 @@ const windowBaseStyles = {
169
170
  * Styles for the icons wrapper of the window base component.
170
171
  * @author cesar - automatic
171
172
  * @createdAt 2024-11-18 08:11:19 - automatic
172
- * @updatedAt 2024-12-10 08:14:13 - automatic
173
- * @updatedUser Bruce Escobar - automatic
173
+ * @updatedAt 2024-12-20 17:28:53 - automatic
174
+ * @updatedUser cesar - automatic
174
175
  */
175
176
  iconsWrapperWindowBase: () => ({
176
177
  display: "flex",
@@ -180,8 +181,8 @@ const windowBaseStyles = {
180
181
  * Styles for the dot icon of the window base component.
181
182
  * @author cesar - automatic
182
183
  * @createdAt 2024-11-22 19:40:23 - automatic
183
- * @updatedAt 2024-12-10 08:14:13 - automatic
184
- * @updatedUser Bruce Escobar - automatic
184
+ * @updatedAt 2024-12-20 17:28:53 - automatic
185
+ * @updatedUser cesar - automatic
185
186
  */
186
187
  pointIcon: ({ theme, ownerState }) => ({
187
188
  color: theme.vars.palette.text.primary,
@@ -205,8 +206,8 @@ const windowBaseStyles = {
205
206
  * Styles for the menu actions of the window base component.
206
207
  * @author cesar - automatic
207
208
  * @createdAt 2024-12-05 07:49:27 - automatic
208
- * @updatedAt 2024-12-10 08:14:13 - automatic
209
- * @updatedUser Bruce Escobar - automatic
209
+ * @updatedAt 2024-12-20 17:28:53 - automatic
210
+ * @updatedUser cesar - automatic
210
211
  */
211
212
  menuActionsWindowBase: () => ({
212
213
  left: "-50px"
package/components/WindowBase/subcomponents/Header/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { MenuAction } from 'src/components/mui_extended';
1
+ import { MenuAction } from '../../../mui_extended/MenuActions/types';
2
2
  import { WindowBaseProps } from '../../types';
3
3
  /**
4
4
  * Properties used by the `Header` component.
package/components/WindowConfirm/WindowConfirm.styles.js CHANGED
@@ -3,7 +3,7 @@ const windowConfirmStyles = {
3
3
  * Wrapper Window Confirm Styles
4
4
  * @author cesar - automatic
5
5
  * @createdAt 2024-11-21 08:55:01 - automatic
6
- * @updatedAt 2024-12-13 14:44:58 - automatic
6
+ * @updatedAt 2024-12-20 17:28:53 - automatic
7
7
  * @updatedUser cesar - automatic
8
8
  */
9
9
  wrapperWindowConfirm: ({ theme, ownerState }) => ({
@@ -11,6 +11,7 @@ const windowConfirmStyles = {
11
11
  justifyContent: "center",
12
12
  alignItems: "center",
13
13
  width: "100%",
14
+ height: "100%",
14
15
  gap: theme.vars.size.baseSpacings.sp0,
15
16
  borderRadius: theme.vars.size.borderRadius.r0,
16
17
  background: theme.vars.palette.background.default,
@@ -35,7 +36,7 @@ const windowConfirmStyles = {
35
36
  * Wrapper Window Confirm Content Styles
36
37
  * @author cesar - automatic
37
38
  * @createdAt 2024-11-22 10:58:23 - automatic
38
- * @updatedAt 2024-12-13 14:44:58 - automatic
39
+ * @updatedAt 2024-12-20 17:28:53 - automatic
39
40
  * @updatedUser cesar - automatic
40
41
  */
41
42
  windowConfirmContent: ({ theme, ownerState }) => ({
@@ -68,7 +69,7 @@ const windowConfirmStyles = {
68
69
  * Container Illustration Styles
69
70
  * @author cesar - automatic
70
71
  * @createdAt 2024-11-19 11:57:37 - automatic
71
- * @updatedAt 2024-12-13 14:44:58 - automatic
72
+ * @updatedAt 2024-12-20 17:28:53 - automatic
72
73
  * @updatedUser cesar - automatic
73
74
  */
74
75
  illustrationContainer: ({ theme }) => ({
@@ -77,13 +78,14 @@ const windowConfirmStyles = {
77
78
  justifyContent: "center",
78
79
  alignItems: "center",
79
80
  gap: theme.vars.size.baseSpacings.sp6,
80
- alignSelf: "stretch"
81
+ alignSelf: "stretch",
82
+ flex: 1
81
83
  }),
82
84
  /**
83
85
  * Icon Illustration Styles
84
86
  * @author cesar - automatic
85
87
  * @createdAt 2024-11-19 11:57:37 - automatic
86
- * @updatedAt 2024-12-13 14:44:58 - automatic
88
+ * @updatedAt 2024-12-20 17:28:53 - automatic
87
89
  * @updatedUser cesar - automatic
88
90
  */
89
91
  illustrationIcon: () => ({
@@ -97,7 +99,7 @@ const windowConfirmStyles = {
97
99
  * Text Content Styles
98
100
  * @author cesar - automatic
99
101
  * @createdAt 2024-11-19 11:57:37 - automatic
100
- * @updatedAt 2024-12-13 14:44:58 - automatic
102
+ * @updatedAt 2024-12-20 17:28:53 - automatic
101
103
  * @updatedUser cesar - automatic
102
104
  */
103
105
  textContent: ({ theme }) => ({
@@ -111,7 +113,7 @@ const windowConfirmStyles = {
111
113
  * Title Illustration Styles
112
114
  * @author cesar - automatic
113
115
  * @createdAt 2024-11-19 11:57:37 - automatic
114
- * @updatedAt 2024-12-13 14:44:58 - automatic
116
+ * @updatedAt 2024-12-20 17:28:53 - automatic
115
117
  * @updatedUser cesar - automatic
116
118
  */
117
119
  title: ({ theme }) => ({
@@ -123,7 +125,7 @@ const windowConfirmStyles = {
123
125
  * Message Illustration Styles
124
126
  * @author cesar - automatic
125
127
  * @createdAt 2024-11-21 08:55:01 - automatic
126
- * @updatedAt 2024-12-13 14:44:58 - automatic
128
+ * @updatedAt 2024-12-20 17:28:53 - automatic
127
129
  * @updatedUser cesar - automatic
128
130
  */
129
131
  message: ({ theme }) => ({
@@ -134,7 +136,7 @@ const windowConfirmStyles = {
134
136
  * Actions Container Styles
135
137
  * @author cesar - automatic
136
138
  * @createdAt 2024-11-19 11:57:37 - automatic
137
- * @updatedAt 2024-12-13 14:44:58 - automatic
139
+ * @updatedAt 2024-12-20 17:28:53 - automatic
138
140
  * @updatedUser cesar - automatic
139
141
  */
140
142
  actionsContainer: ({ theme }) => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.1.26",
3
+ "version": "9.1.28",
4
4
  "license": "UNLICENSED",
5
5
  "lint-staged": {
6
6
  "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"