@movable/ui 1.18.0 → 2.0.0-alpha.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 (73) hide show
  1. package/lib/index.d.ts +646 -4
  2. package/lib/index.mjs +5605 -3744
  3. package/lib/index.mjs.map +1 -1
  4. package/package.json +7 -4
  5. package/lib/components/Chip/InkChip.d.ts +0 -8
  6. package/lib/components/Chip/index.d.ts +0 -1
  7. package/lib/components/ChipGroup/InkChipGroup.d.ts +0 -9
  8. package/lib/components/ChipGroup/index.d.ts +0 -1
  9. package/lib/components/DemoComponent.d.ts +0 -5
  10. package/lib/components/Dialog/ActionButtonHelper.d.ts +0 -4
  11. package/lib/components/Dialog/DialogIcons.d.ts +0 -5
  12. package/lib/components/Dialog/InkDialog.d.ts +0 -23
  13. package/lib/components/Dialog/index.d.ts +0 -1
  14. package/lib/components/Header/HeaderMetadata.d.ts +0 -10
  15. package/lib/components/Header/HeaderSubtitle.d.ts +0 -5
  16. package/lib/components/Header/InkPageHeader.d.ts +0 -12
  17. package/lib/components/Header/InkWorkflowHeader.d.ts +0 -7
  18. package/lib/components/Header/InternalUseOnlyLabel.d.ts +0 -6
  19. package/lib/components/Header/LinkBreadcrumbs.d.ts +0 -14
  20. package/lib/components/Header/PageHeaderActionButtons.d.ts +0 -23
  21. package/lib/components/Header/StickyHeader.d.ts +0 -9
  22. package/lib/components/Header/index.d.ts +0 -6
  23. package/lib/components/InkEmptyState/EmptyStateIcon.d.ts +0 -8
  24. package/lib/components/InkEmptyState/InkEmptyState.d.ts +0 -17
  25. package/lib/components/InkEmptyState/VariantStyles.d.ts +0 -10
  26. package/lib/components/InkEmptyState/index.d.ts +0 -1
  27. package/lib/components/InkEmptyTableMessage/InkEmptyTableMessage.d.ts +0 -7
  28. package/lib/components/InkEmptyTableMessage/index.d.ts +0 -1
  29. package/lib/components/InkRadioTiles/InkRadioTiles.d.ts +0 -24
  30. package/lib/components/InkRadioTiles/index.d.ts +0 -1
  31. package/lib/components/InkSelect/InkSelect.d.ts +0 -16
  32. package/lib/components/InkSelect/InkSelectTest.d.ts +0 -12
  33. package/lib/components/InkSelect/MenuOptionsTest.d.ts +0 -4
  34. package/lib/components/InkSelect/index.d.ts +0 -1
  35. package/lib/components/InkSelect/useMenuHelper.d.ts +0 -17
  36. package/lib/components/InkToggleIcon/InkToggleIcon.d.ts +0 -9
  37. package/lib/components/InkToggleIcon/index.d.ts +0 -1
  38. package/lib/components/InkToggleIconGroup/InkToggleIconGroup.d.ts +0 -14
  39. package/lib/components/InkToggleIconGroup/index.d.ts +0 -1
  40. package/lib/components/InkToggleText/InkToggleText.d.ts +0 -9
  41. package/lib/components/InkToggleText/index.d.ts +0 -1
  42. package/lib/components/InkToggleTextGroup/InkToggleTextGroup.d.ts +0 -15
  43. package/lib/components/InkToggleTextGroup/index.d.ts +0 -1
  44. package/lib/components/PersistentFilterDrawer/InkPersistentFilterDrawer.d.ts +0 -18
  45. package/lib/components/PersistentFilterDrawer/index.d.ts +0 -1
  46. package/lib/components/Switch/InkSwitch.d.ts +0 -8
  47. package/lib/components/Switch/index.d.ts +0 -1
  48. package/lib/components/index.d.ts +0 -15
  49. package/lib/components/surfaces/InkPaper.d.ts +0 -8
  50. package/lib/components/surfaces/index.d.ts +0 -1
  51. package/lib/layouts/DetailsLayout.d.ts +0 -7
  52. package/lib/layouts/index.d.ts +0 -1
  53. package/lib/layouts/mocks/MockDetailsBody.d.ts +0 -1
  54. package/lib/layouts/mocks/MockInkPageHeader.d.ts +0 -2
  55. package/lib/layouts/mocks/index.d.ts +0 -2
  56. package/lib/page-objects/index.d.ts +0 -2
  57. package/lib/page-objects/ink-dialog.d.ts +0 -21
  58. package/lib/page-objects/ink-select.d.ts +0 -22
  59. package/lib/theme/components/Alert.d.ts +0 -60
  60. package/lib/theme/components/DataGrid.d.ts +0 -45
  61. package/lib/theme/components/autocomplete.d.ts +0 -62
  62. package/lib/theme/components/chip.d.ts +0 -296
  63. package/lib/theme/components/dialog.d.ts +0 -32
  64. package/lib/theme/components/drawer.d.ts +0 -10
  65. package/lib/theme/components/form.d.ts +0 -248
  66. package/lib/theme/components/snackbar.d.ts +0 -13
  67. package/lib/theme/components/stepper.d.ts +0 -894
  68. package/lib/theme/components/surfaces/card.d.ts +0 -61
  69. package/lib/theme/components/surfaces/index.d.ts +0 -3
  70. package/lib/theme/components/surfaces/paper.d.ts +0 -26
  71. package/lib/theme/components/typography.d.ts +0 -18
  72. package/lib/theme/palette.d.ts +0 -237
  73. package/lib/theme.d.ts +0 -244
package/lib/theme/components/Alert.d.ts DELETED
@@ -1,60 +0,0 @@
1
- import { Theme } from '@mui/material/styles';
2
- import { AlertProps } from '@mui/material/Alert';
3
- declare const alert: {
4
- MuiAlert: {
5
- defaultProps: {
6
- iconMapping: {
7
- success: import("react/jsx-runtime").JSX.Element;
8
- error: import("react/jsx-runtime").JSX.Element;
9
- info: import("react/jsx-runtime").JSX.Element;
10
- warning: import("react/jsx-runtime").JSX.Element;
11
- };
12
- };
13
- variants: {
14
- props: {
15
- variant: string;
16
- };
17
- style: {
18
- width: string;
19
- };
20
- }[];
21
- styleOverrides: {
22
- root: {
23
- '& .MuiAlert-action': {
24
- gap: string;
25
- '> .MuiIconButton-root, > .MuiButton-root': {
26
- padding: string;
27
- color: string;
28
- };
29
- '> .MuiButton-root': {
30
- fontSize: string;
31
- textTransform: string;
32
- };
33
- };
34
- '& .MuiAlert-message': {
35
- color: string;
36
- };
37
- border: string;
38
- };
39
- snackbar: ({ theme, ownerState, }: {
40
- theme: Theme;
41
- ownerState: AlertProps;
42
- }) => {
43
- color: string;
44
- backgroundColor: string;
45
- '& .MuiAlert-message': {
46
- color: string;
47
- };
48
- '& .MuiAlert-icon': {
49
- color?: string | undefined;
50
- };
51
- '& .MuiAlert-action': {
52
- '> .MuiButton-root': {
53
- color: string;
54
- };
55
- };
56
- };
57
- };
58
- };
59
- };
60
- export default alert;
package/lib/theme/components/DataGrid.d.ts DELETED
@@ -1,45 +0,0 @@
1
- import { Theme } from '@mui/material/styles';
2
- declare const datagrid: {
3
- MuiDataGrid: {
4
- styleOverrides: {
5
- root: {
6
- border: string;
7
- '.MuiDataGrid-toolbarContainer .MuiTextField-root': {
8
- backgroundColor: "#f5f5f5";
9
- padding: string;
10
- borderRadius: string;
11
- };
12
- '.MuiInput-underline:before': {
13
- borderBottom: string;
14
- color: string;
15
- };
16
- '.MuiDataGrid-toolbarContainer button': {
17
- backgroundColor: "#f5f5f5";
18
- color: "#212121";
19
- padding: string;
20
- };
21
- '.MuiDataGrid-toolbarContainer svg': {
22
- color: "#616161";
23
- };
24
- '.MuiDataGrid-cell:focus': {
25
- outline: string;
26
- };
27
- '.MuiDataGrid-overlayWrapper': {
28
- height: string;
29
- };
30
- };
31
- menu: {
32
- '.MuiPaper-root': {
33
- padding: string;
34
- };
35
- };
36
- columnHeaderTitle: ({ theme }: {
37
- theme: Theme;
38
- }) => {
39
- fontWeight: number;
40
- fontSize: import("csstype").Property.FontSize<string | number> | undefined;
41
- };
42
- };
43
- };
44
- };
45
- export default datagrid;
package/lib/theme/components/autocomplete.d.ts DELETED
@@ -1,62 +0,0 @@
1
- import { Theme } from '@mui/material/styles';
2
- declare const autocomplete: {
3
- MuiAutocomplete: {
4
- defaultProps: {
5
- ChipProps: {
6
- size: string;
7
- color: string;
8
- };
9
- };
10
- styleOverrides: {
11
- root: ({ theme }: {
12
- theme: Theme;
13
- }) => {
14
- '.MuiChip-root': {
15
- margin: number;
16
- };
17
- '& .MuiAutocomplete-inputRoot[class*="Mui-disabled"]': {
18
- backgroundColor: string;
19
- cursor: string;
20
- };
21
- };
22
- option: ({ theme }: {
23
- theme: Theme;
24
- }) => {
25
- '&.MuiAutocomplete-option.MuiAutocomplete-option': {
26
- '&.Mui-focused': {
27
- backgroundColor: string | undefined;
28
- };
29
- '&[aria-selected="true"]': {
30
- backgroundColor: string | undefined;
31
- };
32
- };
33
- };
34
- inputRoot: ({ theme }: {
35
- theme: Theme;
36
- }) => {
37
- '&.MuiInputBase-hiddenLabel': {
38
- padding: string;
39
- '& .MuiAutocomplete-input': {
40
- padding: string;
41
- };
42
- };
43
- '&.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {
44
- paddingTop: string;
45
- paddingBottom: string;
46
- paddingLeft: string;
47
- '& .MuiAutocomplete-input': {
48
- padding: string;
49
- };
50
- };
51
- gap: string;
52
- };
53
- paper: {
54
- padding: number;
55
- };
56
- listbox: {
57
- maxHeight: number;
58
- };
59
- };
60
- };
61
- };
62
- export default autocomplete;
package/lib/theme/components/chip.d.ts DELETED
@@ -1,296 +0,0 @@
1
- declare const chip: {
2
- MuiChip: {
3
- styleOverrides: {
4
- filledDefault: {
5
- backgroundColor: "#eeeeee";
6
- color: "#212121";
7
- '&.MuiChip-clickable': {
8
- '&:hover, &:focus, &:active': {
9
- color: "#212121";
10
- backgroundColor: "#e0e0e0";
11
- };
12
- };
13
- '.MuiChip-deleteIcon': {
14
- color: "#616161";
15
- opacity: number;
16
- '&:hover, &:focus, &:active': {
17
- color: "#616161";
18
- };
19
- };
20
- };
21
- filledPrimary: {
22
- backgroundColor: "#e3f2fd";
23
- color: string;
24
- '&.MuiChip-clickable': {
25
- '&:hover, &:focus, &:active': {
26
- color: string;
27
- backgroundColor: "#bbdefb";
28
- };
29
- };
30
- '.MuiChip-deleteIcon': {
31
- color: string;
32
- opacity: number;
33
- '&:hover, &:focus, &:active': {
34
- color: string;
35
- };
36
- };
37
- };
38
- filledSecondary: {
39
- backgroundColor: "#f3e5f5";
40
- color: string;
41
- '&.MuiChip-clickable': {
42
- '&:hover, &:focus, &:active': {
43
- color: string;
44
- backgroundColor: "#e1bee7";
45
- };
46
- };
47
- '.MuiChip-deleteIcon': {
48
- color: "#7b1fa2";
49
- opacity: number;
50
- '&:hover, &:focus, &:active': {
51
- color: "#7b1fa2";
52
- };
53
- };
54
- };
55
- filledError: {
56
- backgroundColor: "#ffebee";
57
- color: string;
58
- '&.MuiChip-clickable': {
59
- '&:hover, &:focus, &:active': {
60
- color: string;
61
- backgroundColor: "#ffcdd2";
62
- };
63
- };
64
- '.MuiChip-deleteIcon': {
65
- color: "#c62828";
66
- opacity: number;
67
- '&:hover, &:focus, &:active': {
68
- color: "#c62828";
69
- };
70
- };
71
- };
72
- filledWarning: {
73
- backgroundColor: "#fff3e0";
74
- color: string;
75
- '&.MuiChip-clickable': {
76
- '&:hover, &:focus, &:active': {
77
- color: string;
78
- backgroundColor: "#ffe0b2";
79
- };
80
- };
81
- '.MuiChip-deleteIcon': {
82
- color: string;
83
- opacity: number;
84
- '&:hover, &:focus, &:active': {
85
- color: string;
86
- };
87
- };
88
- };
89
- filledInfo: {
90
- backgroundColor: "#e0f7fa";
91
- color: "#006064";
92
- '&.MuiChip-clickable': {
93
- '&:hover, &:focus, &:active': {
94
- color: "#006064";
95
- backgroundColor: "#b2ebf2";
96
- };
97
- };
98
- '.MuiChip-deleteIcon': {
99
- color: "#01579b";
100
- opacity: number;
101
- '&:hover, &:focus, &:active': {
102
- color: "#01579b";
103
- };
104
- };
105
- };
106
- filledSuccess: {
107
- backgroundColor: string;
108
- color: string;
109
- '&.MuiChip-clickable': {
110
- '&:hover, &:focus, &:active': {
111
- color: string;
112
- backgroundColor: string;
113
- };
114
- };
115
- '.MuiChip-deleteIcon': {
116
- color: "#388e3c";
117
- opacity: number;
118
- '&:hover, &:focus, &:active': {
119
- color: "#388e3c";
120
- };
121
- };
122
- };
123
- filledAi: {
124
- backgroundColor: "#ede7f6";
125
- color: "#311b92";
126
- '&.MuiChip-clickable': {
127
- '&:hover, &:focus, &:active': {
128
- color: "#311b92";
129
- backgroundColor: "#d1c4e9";
130
- };
131
- };
132
- '.MuiChip-deleteIcon': {
133
- color: "#311b92";
134
- opacity: number;
135
- '&:hover, &:focus, &:active': {
136
- color: "#311b92";
137
- };
138
- };
139
- };
140
- contrastFilledDefault: {
141
- color: string;
142
- backgroundColor: "#616161";
143
- '&.MuiChip-clickable': {
144
- '&:hover, &:focus, &:active': {
145
- color: string;
146
- backgroundColor: "#424242";
147
- };
148
- };
149
- '.MuiChip-deleteIcon': {
150
- color: string;
151
- opacity: number;
152
- '&:hover, &:focus, &:active': {
153
- color: string;
154
- };
155
- };
156
- };
157
- contrastFilledPrimary: {
158
- color: string;
159
- backgroundColor: "#0091ea";
160
- '&.MuiChip-clickable': {
161
- '&:hover, &:focus, &:active': {
162
- color: string;
163
- backgroundColor: "#01579b";
164
- };
165
- };
166
- '.MuiChip-deleteIcon': {
167
- color: string;
168
- opacity: number;
169
- '&:hover, &:focus, &:active': {
170
- color: string;
171
- };
172
- };
173
- };
174
- contrastFilledSecondary: {
175
- color: string;
176
- backgroundColor: "#aa00ff";
177
- '&.MuiChip-clickable': {
178
- '&:hover, &:focus, &:active': {
179
- color: string;
180
- backgroundColor: "#7b1fa2";
181
- };
182
- };
183
- '.MuiChip-deleteIcon': {
184
- color: string;
185
- opacity: number;
186
- '&:hover, &:focus, &:active': {
187
- color: string;
188
- };
189
- };
190
- };
191
- contrastFilledError: {
192
- color: string;
193
- backgroundColor: "#d50000";
194
- '&.MuiChip-clickable': {
195
- '&:hover, &:focus, &:active': {
196
- color: string;
197
- backgroundColor: "#c62828";
198
- };
199
- };
200
- '.MuiChip-deleteIcon': {
201
- color: string;
202
- opacity: number;
203
- '&:hover,&:focus, &:active': {
204
- color: string;
205
- };
206
- };
207
- };
208
- contrastFilledWarning: {
209
- color: string;
210
- backgroundColor: "#f9a825";
211
- '&.MuiChip-clickable': {
212
- '&:hover, &:focus, &:active': {
213
- color: string;
214
- backgroundColor: "#f57f17";
215
- };
216
- };
217
- '.MuiChip-deleteIcon': {
218
- color: string;
219
- opacity: number;
220
- '&:hover,&:focus, &:active': {
221
- color: string;
222
- };
223
- };
224
- };
225
- contrastFilledInfo: {
226
- color: string;
227
- backgroundColor: "#00b8d4";
228
- '&.MuiChip-clickable': {
229
- '&:hover, &:focus, &:active': {
230
- color: string;
231
- backgroundColor: "#0097a7";
232
- };
233
- };
234
- '.MuiChip-deleteIcon': {
235
- color: string;
236
- opacity: number;
237
- '&:hover,&:focus, &:active': {
238
- color: string;
239
- };
240
- };
241
- };
242
- contrastFilledSuccess: {
243
- color: string;
244
- backgroundColor: string;
245
- '&.MuiChip-clickable': {
246
- '&:hover, &:focus, &:active': {
247
- color: string;
248
- backgroundColor: "#388e3c";
249
- };
250
- };
251
- '.MuiChip-deleteIcon': {
252
- color: string;
253
- opacity: number;
254
- '&:hover,&:focus, &:active': {
255
- color: string;
256
- };
257
- };
258
- };
259
- contrastFilledAi: {
260
- color: string;
261
- backgroundColor: "#6200ea";
262
- '&.MuiChip-clickable': {
263
- '&:hover, &:focus, &:active': {
264
- color: string;
265
- backgroundColor: "#6200ea";
266
- };
267
- };
268
- '.MuiChip-deleteIcon': {
269
- color: string;
270
- opacity: number;
271
- '&:hover,&:focus, &:active': {
272
- color: string;
273
- };
274
- };
275
- };
276
- contrastFilledInProgress: {
277
- color: string;
278
- backgroundColor: string;
279
- '&.MuiChip-clickable': {
280
- '&:hover, &:focus, &:active': {
281
- color: string;
282
- backgroundColor: string;
283
- };
284
- };
285
- '.MuiChip-deleteIcon': {
286
- color: string;
287
- opacity: number;
288
- '&:hover,&:focus, &:active': {
289
- color: string;
290
- };
291
- };
292
- };
293
- };
294
- };
295
- };
296
- export default chip;
package/lib/theme/components/dialog.d.ts DELETED
@@ -1,32 +0,0 @@
1
- declare const dialog: {
2
- MuiDialog: {
3
- defaultProps: {
4
- maxWidth: string;
5
- fullWidth: boolean;
6
- scroll: string;
7
- };
8
- styleOverrides: {
9
- paper: {
10
- padding: number;
11
- };
12
- };
13
- };
14
- MuiDialogTitle: {
15
- defaultProps: {
16
- variant: string;
17
- };
18
- styleOverrides: {
19
- root: {
20
- fontWeight: number;
21
- };
22
- };
23
- };
24
- MuiDialogActions: {
25
- styleOverrides: {
26
- root: {
27
- padding: string;
28
- };
29
- };
30
- };
31
- };
32
- export default dialog;
package/lib/theme/components/drawer.d.ts DELETED
@@ -1,10 +0,0 @@
1
- declare const drawer: {
2
- MuiDrawer: {
3
- styleOverrides: {
4
- paper: {
5
- padding: number;
6
- };
7
- };
8
- };
9
- };
10
- export default drawer;