@uxf/cms 10.0.0-beta.8 → 10.0.0-beta.80

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 (124) hide show
  1. package/config/container.d.ts +3 -3
  2. package/deprecated/api/api-client.js +1 -1
  3. package/deprecated/hoc/with-authenticate.js +3 -3
  4. package/deprecated/redux/configure-store.js +2 -2
  5. package/deprecated/redux/entities/actions.d.ts +1 -1
  6. package/deprecated/redux/entities/index.d.ts +1 -1
  7. package/deprecated/redux/entities/index.js +1 -1
  8. package/deprecated/redux/entities/selectors.d.ts +1 -1
  9. package/deprecated/redux/index.d.ts +2 -2
  10. package/deprecated/redux/index.js +4 -4
  11. package/deprecated/redux/types.d.ts +1 -1
  12. package/deprecated/redux/user/index.d.ts +1 -1
  13. package/deprecated/redux/user/index.js +1 -1
  14. package/forms/change-password-form/change-password-form.js +2 -2
  15. package/forms/components/wysiwyg-input/wysiwyg-input.d.ts +2 -2
  16. package/forms/components/wysiwyg-input/wysiwyg-input.js +2 -2
  17. package/forms/forgotten-password-form/forgotten-password-form.js +1 -1
  18. package/forms/invite-user-form/invite-user-form.js +2 -1
  19. package/forms/login-form/login-form.js +1 -1
  20. package/lib/api/create-use-axios-request.js +1 -1
  21. package/lib/layout/breadcrumbs.js +5 -5
  22. package/lib/layout/index.d.ts +1 -1
  23. package/lib/layout/index.js +1 -1
  24. package/lib/layout/layout-container.js +3 -3
  25. package/lib/layout/layout.js +26 -24
  26. package/lib/layout/sidebar.js +35 -21
  27. package/lib/layout/types.d.ts +1 -0
  28. package/lib/login-layout/login-layout.js +7 -9
  29. package/lib/menu/factory.d.ts +5 -5
  30. package/lib/menu/factory.js +6 -4
  31. package/lib/menu/index.d.ts +3 -3
  32. package/lib/menu/index.js +3 -3
  33. package/lib/menu/mobile-bar.d.ts +4 -2
  34. package/lib/menu/mobile-bar.js +12 -14
  35. package/lib/menu/model.d.ts +8 -4
  36. package/lib/menu/model.js +7 -0
  37. package/lib/menu/types.d.ts +1 -1
  38. package/lib/menu/ui/list-item/list-item.js +18 -17
  39. package/lib/menu/ui/list-item/types.d.ts +6 -5
  40. package/lib/menu/ui/menu-custom-item.js +2 -4
  41. package/lib/menu/ui/menu-item.js +11 -12
  42. package/lib/menu/ui/menu-super-section-item.js +4 -6
  43. package/lib/menu/ui/menu.js +2 -2
  44. package/lib/menu/ui/sub-menu/{sub-menuItem.js → sub-menu-item.js} +5 -7
  45. package/lib/menu/ui/sub-menu/sub-menu-mobile.js +7 -7
  46. package/lib/menu/ui/sub-menu/sub-menu.js +7 -7
  47. package/lib/menu/ui/sub-menu/use-sub-menu.d.ts +20 -12
  48. package/lib/menu/ui/sub-menu/use-sub-menu.js +16 -16
  49. package/lib/menu/ui/user-menu.js +13 -13
  50. package/package.json +34 -55
  51. package/pages/change-password-page/change-password-page.js +1 -1
  52. package/pages/change-password-page/types.d.ts +1 -1
  53. package/pages/content-builder/components/form-content.d.ts +1 -1
  54. package/pages/content-builder/components/form-content.js +5 -5
  55. package/pages/content-builder/components/form-root-fields.d.ts +1 -1
  56. package/pages/content-builder/components/form-root-fields.js +2 -2
  57. package/pages/content-builder/components/form.d.ts +2 -2
  58. package/pages/content-builder/components/form.js +4 -4
  59. package/pages/content-builder/components/header.js +2 -2
  60. package/pages/content-builder/content/feature-section.d.ts +1 -1
  61. package/pages/content-builder/content/feature-section.js +6 -6
  62. package/pages/content-builder/content/gallery.d.ts +1 -1
  63. package/pages/content-builder/content/gallery.js +3 -3
  64. package/pages/content-builder/content/hero-section.js +2 -2
  65. package/pages/content-builder/content/people.d.ts +1 -1
  66. package/pages/content-builder/content/people.js +7 -7
  67. package/pages/content-builder/content/wysiwyg.d.ts +2 -2
  68. package/pages/content-builder/content/wysiwyg.js +2 -2
  69. package/pages/content-builder/content-builder-page.js +4 -4
  70. package/pages/content-builder/content-field.d.ts +1 -1
  71. package/pages/content-builder/content-field.js +6 -6
  72. package/pages/content-builder/content-header.d.ts +1 -1
  73. package/pages/content-builder/content-header.js +5 -5
  74. package/pages/content-builder/hooks/use-sortable.js +1 -1
  75. package/pages/content-builder/index.d.ts +2 -2
  76. package/pages/content-builder/index.js +2 -2
  77. package/pages/content-builder/mapper.d.ts +1 -1
  78. package/pages/content-builder/types.d.ts +4 -6
  79. package/pages/form-page/base-field.js +14 -14
  80. package/pages/form-page/field-array.js +2 -2
  81. package/pages/form-page/form-page.d.ts +2 -1
  82. package/pages/form-page/form-page.js +7 -7
  83. package/pages/form-page/form.d.ts +2 -2
  84. package/pages/form-page/form.js +2 -2
  85. package/pages/form-page/index.d.ts +3 -3
  86. package/pages/form-page/index.js +3 -3
  87. package/pages/form-page/types.d.ts +1 -1
  88. package/pages/grid-page/grid-page.js +6 -6
  89. package/pages/grid-page/types.d.ts +2 -2
  90. package/pages/invite-user-page/invite-user-page.js +1 -0
  91. package/pages/invite-user-page/types.d.ts +1 -1
  92. package/pages/login-page/login-page.js +1 -1
  93. package/pages/renew-password-page/types.d.ts +1 -1
  94. package/ui/avatar/avatar.d.ts +11 -0
  95. package/ui/avatar/avatar.js +47 -0
  96. package/ui/avatar/get-avatar-user-letters.d.ts +1 -0
  97. package/ui/avatar/get-avatar-user-letters.js +17 -0
  98. package/ui/avatar/index.d.ts +3 -0
  99. package/ui/avatar/index.js +5 -0
  100. package/ui/avatar/theme.d.ts +11 -0
  101. package/ui/avatar/theme.js +2 -0
  102. package/ui/copy-to-clipboard-button/copy-to-clipboard-button.js +2 -2
  103. package/ui/styles/avatar.css +50 -0
  104. package/ui/styles/breadcrumbs.css +30 -0
  105. package/ui/styles/layout.css +132 -0
  106. package/ui/styles/login-layout.css +52 -0
  107. package/ui/styles/menu.css +217 -0
  108. package/ui/styles/mobile-bar.css +34 -0
  109. package/ui/styles/sidebar.css +108 -0
  110. package/ui/tw-tokens/tw-colors.d.ts +283 -282
  111. package/ui/tw-tokens/tw-colors.js +283 -282
  112. package/ui/tw-tokens/tw-line-height.d.ts +8 -8
  113. package/ui/tw-tokens/tw-line-height.js +8 -8
  114. package/ui/tw-tokens/tw-spacing.d.ts +34 -34
  115. package/ui/tw-tokens/tw-spacing.js +34 -34
  116. package/ui/tw-tokens/tw-z-index.d.ts +8 -7
  117. package/ui/tw-tokens/tw-z-index.js +8 -7
  118. package/ui/widget/index.d.ts +1 -1
  119. package/ui/widget/index.js +1 -1
  120. package/ui/widget/types.d.ts +1 -1
  121. package/ui/widget/widget.js +1 -1
  122. package/utils/styles.css +7 -43
  123. package/utils/tailwind.config.js +5 -0
  124. /package/lib/menu/ui/sub-menu/{sub-menuItem.d.ts → sub-menu-item.d.ts} +0 -0
package/ui/tw-tokens/tw-colors.d.ts CHANGED
@@ -5,290 +5,290 @@ export declare const twColors: {
5
5
  black: string;
6
6
  white: string;
7
7
  slate: {
8
- 50: string;
9
- 100: string;
10
- 200: string;
11
- 300: string;
12
- 400: string;
13
- 500: string;
14
- 600: string;
15
- 700: string;
16
- 800: string;
17
- 900: string;
18
- 950: string;
8
+ "50": string;
9
+ "100": string;
10
+ "200": string;
11
+ "300": string;
12
+ "400": string;
13
+ "500": string;
14
+ "600": string;
15
+ "700": string;
16
+ "800": string;
17
+ "900": string;
18
+ "950": string;
19
19
  };
20
20
  gray: {
21
- 50: string;
22
- 100: string;
23
- 200: string;
24
- 300: string;
25
- 400: string;
26
- 500: string;
27
- 600: string;
28
- 700: string;
29
- 800: string;
30
- 900: string;
31
- 950: string;
21
+ "50": string;
22
+ "100": string;
23
+ "200": string;
24
+ "300": string;
25
+ "400": string;
26
+ "500": string;
27
+ "600": string;
28
+ "700": string;
29
+ "800": string;
30
+ "900": string;
31
+ "950": string;
32
32
  };
33
33
  zinc: {
34
- 50: string;
35
- 100: string;
36
- 200: string;
37
- 300: string;
38
- 400: string;
39
- 500: string;
40
- 600: string;
41
- 700: string;
42
- 800: string;
43
- 900: string;
44
- 950: string;
34
+ "50": string;
35
+ "100": string;
36
+ "200": string;
37
+ "300": string;
38
+ "400": string;
39
+ "500": string;
40
+ "600": string;
41
+ "700": string;
42
+ "800": string;
43
+ "900": string;
44
+ "950": string;
45
45
  };
46
46
  neutral: {
47
- 50: string;
48
- 100: string;
49
- 200: string;
50
- 300: string;
51
- 400: string;
52
- 500: string;
53
- 600: string;
54
- 700: string;
55
- 800: string;
56
- 900: string;
57
- 950: string;
47
+ "50": string;
48
+ "100": string;
49
+ "200": string;
50
+ "300": string;
51
+ "400": string;
52
+ "500": string;
53
+ "600": string;
54
+ "700": string;
55
+ "800": string;
56
+ "900": string;
57
+ "950": string;
58
58
  };
59
59
  stone: {
60
- 50: string;
61
- 100: string;
62
- 200: string;
63
- 300: string;
64
- 400: string;
65
- 500: string;
66
- 600: string;
67
- 700: string;
68
- 800: string;
69
- 900: string;
70
- 950: string;
60
+ "50": string;
61
+ "100": string;
62
+ "200": string;
63
+ "300": string;
64
+ "400": string;
65
+ "500": string;
66
+ "600": string;
67
+ "700": string;
68
+ "800": string;
69
+ "900": string;
70
+ "950": string;
71
71
  };
72
72
  red: {
73
- 50: string;
74
- 100: string;
75
- 200: string;
76
- 300: string;
77
- 400: string;
78
- 500: string;
79
- 600: string;
80
- 700: string;
81
- 800: string;
82
- 900: string;
83
- 950: string;
73
+ "50": string;
74
+ "100": string;
75
+ "200": string;
76
+ "300": string;
77
+ "400": string;
78
+ "500": string;
79
+ "600": string;
80
+ "700": string;
81
+ "800": string;
82
+ "900": string;
83
+ "950": string;
84
84
  };
85
85
  orange: {
86
- 50: string;
87
- 100: string;
88
- 200: string;
89
- 300: string;
90
- 400: string;
91
- 500: string;
92
- 600: string;
93
- 700: string;
94
- 800: string;
95
- 900: string;
96
- 950: string;
86
+ "50": string;
87
+ "100": string;
88
+ "200": string;
89
+ "300": string;
90
+ "400": string;
91
+ "500": string;
92
+ "600": string;
93
+ "700": string;
94
+ "800": string;
95
+ "900": string;
96
+ "950": string;
97
97
  };
98
98
  amber: {
99
- 50: string;
100
- 100: string;
101
- 200: string;
102
- 300: string;
103
- 400: string;
104
- 500: string;
105
- 600: string;
106
- 700: string;
107
- 800: string;
108
- 900: string;
109
- 950: string;
99
+ "50": string;
100
+ "100": string;
101
+ "200": string;
102
+ "300": string;
103
+ "400": string;
104
+ "500": string;
105
+ "600": string;
106
+ "700": string;
107
+ "800": string;
108
+ "900": string;
109
+ "950": string;
110
110
  };
111
111
  yellow: {
112
- 50: string;
113
- 100: string;
114
- 200: string;
115
- 300: string;
116
- 400: string;
117
- 500: string;
118
- 600: string;
119
- 700: string;
120
- 800: string;
121
- 900: string;
122
- 950: string;
112
+ "50": string;
113
+ "100": string;
114
+ "200": string;
115
+ "300": string;
116
+ "400": string;
117
+ "500": string;
118
+ "600": string;
119
+ "700": string;
120
+ "800": string;
121
+ "900": string;
122
+ "950": string;
123
123
  };
124
124
  lime: {
125
- 50: string;
126
- 100: string;
127
- 200: string;
128
- 300: string;
129
- 400: string;
130
- 500: string;
131
- 600: string;
132
- 700: string;
133
- 800: string;
134
- 900: string;
135
- 950: string;
125
+ "50": string;
126
+ "100": string;
127
+ "200": string;
128
+ "300": string;
129
+ "400": string;
130
+ "500": string;
131
+ "600": string;
132
+ "700": string;
133
+ "800": string;
134
+ "900": string;
135
+ "950": string;
136
136
  };
137
137
  green: {
138
- 50: string;
139
- 100: string;
140
- 200: string;
141
- 300: string;
142
- 400: string;
143
- 500: string;
144
- 600: string;
145
- 700: string;
146
- 800: string;
147
- 900: string;
148
- 950: string;
138
+ "50": string;
139
+ "100": string;
140
+ "200": string;
141
+ "300": string;
142
+ "400": string;
143
+ "500": string;
144
+ "600": string;
145
+ "700": string;
146
+ "800": string;
147
+ "900": string;
148
+ "950": string;
149
149
  };
150
150
  emerald: {
151
- 50: string;
152
- 100: string;
153
- 200: string;
154
- 300: string;
155
- 400: string;
156
- 500: string;
157
- 600: string;
158
- 700: string;
159
- 800: string;
160
- 900: string;
161
- 950: string;
151
+ "50": string;
152
+ "100": string;
153
+ "200": string;
154
+ "300": string;
155
+ "400": string;
156
+ "500": string;
157
+ "600": string;
158
+ "700": string;
159
+ "800": string;
160
+ "900": string;
161
+ "950": string;
162
162
  };
163
163
  teal: {
164
- 50: string;
165
- 100: string;
166
- 200: string;
167
- 300: string;
168
- 400: string;
169
- 500: string;
170
- 600: string;
171
- 700: string;
172
- 800: string;
173
- 900: string;
174
- 950: string;
164
+ "50": string;
165
+ "100": string;
166
+ "200": string;
167
+ "300": string;
168
+ "400": string;
169
+ "500": string;
170
+ "600": string;
171
+ "700": string;
172
+ "800": string;
173
+ "900": string;
174
+ "950": string;
175
175
  };
176
176
  cyan: {
177
- 50: string;
178
- 100: string;
179
- 200: string;
180
- 300: string;
181
- 400: string;
182
- 500: string;
183
- 600: string;
184
- 700: string;
185
- 800: string;
186
- 900: string;
187
- 950: string;
177
+ "50": string;
178
+ "100": string;
179
+ "200": string;
180
+ "300": string;
181
+ "400": string;
182
+ "500": string;
183
+ "600": string;
184
+ "700": string;
185
+ "800": string;
186
+ "900": string;
187
+ "950": string;
188
188
  };
189
189
  sky: {
190
- 50: string;
191
- 100: string;
192
- 200: string;
193
- 300: string;
194
- 400: string;
195
- 500: string;
196
- 600: string;
197
- 700: string;
198
- 800: string;
199
- 900: string;
200
- 950: string;
190
+ "50": string;
191
+ "100": string;
192
+ "200": string;
193
+ "300": string;
194
+ "400": string;
195
+ "500": string;
196
+ "600": string;
197
+ "700": string;
198
+ "800": string;
199
+ "900": string;
200
+ "950": string;
201
201
  };
202
202
  blue: {
203
- 50: string;
204
- 100: string;
205
- 200: string;
206
- 300: string;
207
- 400: string;
208
- 500: string;
209
- 600: string;
210
- 700: string;
211
- 800: string;
212
- 900: string;
213
- 950: string;
203
+ "50": string;
204
+ "100": string;
205
+ "200": string;
206
+ "300": string;
207
+ "400": string;
208
+ "500": string;
209
+ "600": string;
210
+ "700": string;
211
+ "800": string;
212
+ "900": string;
213
+ "950": string;
214
214
  };
215
215
  indigo: {
216
- 50: string;
217
- 100: string;
218
- 200: string;
219
- 300: string;
220
- 400: string;
221
- 500: string;
222
- 600: string;
223
- 700: string;
224
- 800: string;
225
- 900: string;
226
- 950: string;
216
+ "50": string;
217
+ "100": string;
218
+ "200": string;
219
+ "300": string;
220
+ "400": string;
221
+ "500": string;
222
+ "600": string;
223
+ "700": string;
224
+ "800": string;
225
+ "900": string;
226
+ "950": string;
227
227
  };
228
228
  violet: {
229
- 50: string;
230
- 100: string;
231
- 200: string;
232
- 300: string;
233
- 400: string;
234
- 500: string;
235
- 600: string;
236
- 700: string;
237
- 800: string;
238
- 900: string;
239
- 950: string;
229
+ "50": string;
230
+ "100": string;
231
+ "200": string;
232
+ "300": string;
233
+ "400": string;
234
+ "500": string;
235
+ "600": string;
236
+ "700": string;
237
+ "800": string;
238
+ "900": string;
239
+ "950": string;
240
240
  };
241
241
  purple: {
242
- 50: string;
243
- 100: string;
244
- 200: string;
245
- 300: string;
246
- 400: string;
247
- 500: string;
248
- 600: string;
249
- 700: string;
250
- 800: string;
251
- 900: string;
252
- 950: string;
242
+ "50": string;
243
+ "100": string;
244
+ "200": string;
245
+ "300": string;
246
+ "400": string;
247
+ "500": string;
248
+ "600": string;
249
+ "700": string;
250
+ "800": string;
251
+ "900": string;
252
+ "950": string;
253
253
  };
254
254
  fuchsia: {
255
- 50: string;
256
- 100: string;
257
- 200: string;
258
- 300: string;
259
- 400: string;
260
- 500: string;
261
- 600: string;
262
- 700: string;
263
- 800: string;
264
- 900: string;
265
- 950: string;
255
+ "50": string;
256
+ "100": string;
257
+ "200": string;
258
+ "300": string;
259
+ "400": string;
260
+ "500": string;
261
+ "600": string;
262
+ "700": string;
263
+ "800": string;
264
+ "900": string;
265
+ "950": string;
266
266
  };
267
267
  pink: {
268
- 50: string;
269
- 100: string;
270
- 200: string;
271
- 300: string;
272
- 400: string;
273
- 500: string;
274
- 600: string;
275
- 700: string;
276
- 800: string;
277
- 900: string;
278
- 950: string;
268
+ "50": string;
269
+ "100": string;
270
+ "200": string;
271
+ "300": string;
272
+ "400": string;
273
+ "500": string;
274
+ "600": string;
275
+ "700": string;
276
+ "800": string;
277
+ "900": string;
278
+ "950": string;
279
279
  };
280
280
  rose: {
281
- 50: string;
282
- 100: string;
283
- 200: string;
284
- 300: string;
285
- 400: string;
286
- 500: string;
287
- 600: string;
288
- 700: string;
289
- 800: string;
290
- 900: string;
291
- 950: string;
281
+ "50": string;
282
+ "100": string;
283
+ "200": string;
284
+ "300": string;
285
+ "400": string;
286
+ "500": string;
287
+ "600": string;
288
+ "700": string;
289
+ "800": string;
290
+ "900": string;
291
+ "950": string;
292
292
  };
293
293
  lightHigh: string;
294
294
  lightMedium: string;
@@ -299,57 +299,58 @@ export declare const twColors: {
299
299
  lightBorder: string;
300
300
  darkBorder: string;
301
301
  primary: {
302
- 50: string;
303
- 100: string;
304
- 200: string;
305
- 300: string;
306
- 400: string;
307
- 500: string;
308
- 600: string;
309
- 700: string;
310
- 800: string;
311
- 900: string;
302
+ "50": string;
303
+ "100": string;
304
+ "200": string;
305
+ "300": string;
306
+ "400": string;
307
+ "500": string;
308
+ "600": string;
309
+ "700": string;
310
+ "800": string;
311
+ "900": string;
312
312
  DEFAULT: string;
313
313
  };
314
314
  success: {
315
- 50: string;
316
- 100: string;
317
- 200: string;
318
- 300: string;
319
- 400: string;
320
- 500: string;
321
- 600: string;
322
- 700: string;
323
- 800: string;
324
- 900: string;
315
+ "50": string;
316
+ "100": string;
317
+ "200": string;
318
+ "300": string;
319
+ "400": string;
320
+ "500": string;
321
+ "600": string;
322
+ "700": string;
323
+ "800": string;
324
+ "900": string;
325
325
  DEFAULT: string;
326
326
  };
327
327
  warning: {
328
- 50: string;
329
- 100: string;
330
- 200: string;
331
- 300: string;
332
- 400: string;
333
- 500: string;
334
- 600: string;
335
- 700: string;
336
- 800: string;
337
- 900: string;
328
+ "50": string;
329
+ "100": string;
330
+ "200": string;
331
+ "300": string;
332
+ "400": string;
333
+ "500": string;
334
+ "600": string;
335
+ "700": string;
336
+ "800": string;
337
+ "900": string;
338
338
  DEFAULT: string;
339
339
  };
340
340
  error: {
341
- 50: string;
342
- 100: string;
343
- 200: string;
344
- 300: string;
345
- 400: string;
346
- 500: string;
347
- 600: string;
348
- 700: string;
349
- 800: string;
350
- 900: string;
341
+ "50": string;
342
+ "100": string;
343
+ "200": string;
344
+ "300": string;
345
+ "400": string;
346
+ "500": string;
347
+ "600": string;
348
+ "700": string;
349
+ "800": string;
350
+ "900": string;
351
351
  DEFAULT: string;
352
352
  };
353
+ test: string;
353
354
  dataGridPrimary: string;
354
355
  dataGridSecondary: string;
355
356
  sidebar: {