@omnia/fx 8.0.556-dev → 8.0.557-dev

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 (18) hide show
  1. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/store/HeaderStyleEditorStore.d.ts +1 -1
  2. package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemeSwitcher.css.d.ts +2 -0
  3. package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts +2 -0
  4. package/internal-do-not-import-from-here/ux/aurora/styling/styles/BackgroundStyling.d.ts +2 -0
  5. package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome.css.d.ts +2 -0
  6. package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.css.d.ts +2 -0
  7. package/internal-do-not-import-from-here/ux/editorchrome/toolbars/Toolbar.css.d.ts +2 -0
  8. package/internal-do-not-import-from-here/ux/jsonexportimport/ExportImport.d.ts +3 -1
  9. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutBlock.css.d.ts +2 -0
  10. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutSection.css.d.ts +2 -0
  11. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/items/SectionItemListing.d.ts +256 -4
  12. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.css.d.ts +2 -0
  13. package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/PhotoWall.d.ts +8 -2
  14. package/internal-do-not-import-from-here/ux/mediagallery/view/MediaDisplayRenderer.d.ts +3 -3
  15. package/internal-do-not-import-from-here/ux/mediagallery/view/store/PhotoWallStore.d.ts +4 -1
  16. package/internal-do-not-import-from-here/ux/mediapickerimage/MediaPickerImage.d.ts +31 -1
  17. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +1 -1
  18. package/package.json +2 -2
package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/store/HeaderStyleEditorStore.d.ts CHANGED
@@ -31,7 +31,7 @@ export declare const useHeaderStyleEditorStore: () => {
31
31
  datatTypes: {};
32
32
  rules: {
33
33
  isAdvanceModeEnabled: () => boolean;
34
- showInputField(): string | boolean;
34
+ showInputField(): boolean;
35
35
  isVelcronTemplate(): boolean;
36
36
  };
37
37
  } & {
package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemeSwitcher.css.d.ts CHANGED
@@ -80,6 +80,8 @@ export declare const ThemeSwitcherStyles: {
80
80
  containerFill: {
81
81
  stylex: typeof import("../../styling/styles").BackgroundStyling.getContainerFillStylex;
82
82
  stylexObject: typeof import("../../styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
83
+ shape: typeof import("../../styling/styles").BackgroundStyling.getBackgroundShape;
84
+ overlay: typeof import("../../styling/styles").BackgroundStyling.getBackgroundOverlay;
83
85
  };
84
86
  border: {
85
87
  stylex: typeof import("../../styling/styles").BorderStyling.getBlueprintBorderStylex;
package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts CHANGED
@@ -89,6 +89,8 @@ export declare function useThemeStyling(): {
89
89
  containerFill: {
90
90
  stylex: typeof BackgroundStyling.getContainerFillStylex;
91
91
  stylexObject: typeof BackgroundStyling.getContainerFillStylexObjectStylex;
92
+ shape: typeof BackgroundStyling.getBackgroundShape;
93
+ overlay: typeof BackgroundStyling.getBackgroundOverlay;
92
94
  };
93
95
  border: {
94
96
  stylex: typeof BorderStyling.getBlueprintBorderStylex;
package/internal-do-not-import-from-here/ux/aurora/styling/styles/BackgroundStyling.d.ts CHANGED
@@ -3,6 +3,8 @@ import { StylexValue } from "internal/fx/ux/Styles.stylex";
3
3
  import { useColorSchemaStore } from "@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/stores";
4
4
  export declare namespace BackgroundStyling {
5
5
  function backgroundGrid(): Readonly<StylexValue>;
6
+ function getBackgroundShape(fill: ContainerFillBlueprint): Readonly<StylexValue>;
7
+ function getBackgroundOverlay(fill: ContainerFillBlueprint, opacity: number, colors: any): string;
6
8
  function getContainerFillStylex(fill: ContainerFillBlueprint, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
7
9
  function getContainerFillStylexObjectStylex(fill: ContainerFillBlueprint, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): {
8
10
  borderTopLeftRadius?: StylexValue;
package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome.css.d.ts CHANGED
@@ -81,6 +81,8 @@ export declare const EditorChromeStyles: {
81
81
  containerFill: {
82
82
  stylex: typeof import("../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
83
83
  stylexObject: typeof import("../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
84
+ shape: typeof import("../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
85
+ overlay: typeof import("../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
84
86
  };
85
87
  border: {
86
88
  stylex: typeof import("../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.css.d.ts CHANGED
@@ -80,6 +80,8 @@ export declare const ToolbarButtonStyles: {
80
80
  containerFill: {
81
81
  stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
82
82
  stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
83
+ shape: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
84
+ overlay: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
83
85
  };
84
86
  border: {
85
87
  stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
package/internal-do-not-import-from-here/ux/editorchrome/toolbars/Toolbar.css.d.ts CHANGED
@@ -80,6 +80,8 @@ export declare const ToolbarStyles: {
80
80
  containerFill: {
81
81
  stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
82
82
  stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
83
+ shape: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
84
+ overlay: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
83
85
  };
84
86
  border: {
85
87
  stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
package/internal-do-not-import-from-here/ux/jsonexportimport/ExportImport.d.ts CHANGED
@@ -8,6 +8,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
8
8
  modelValue?: Object;
9
9
  } & {
10
10
  readOnly?: boolean;
11
+ } & {
12
+ size?: "x-small" | "small" | "medium" | "large" | "full";
11
13
  } & DefineEmit<"click:import", (data: any) => void> & DefineSlot<"activator", () => VNodeChild> & DefineRef<{
12
14
  openDialog: () => void;
13
15
  }>> & {
@@ -28,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
28
30
  }> | ((ref: {
29
31
  openDialog: () => void;
30
32
  }) => void);
31
- } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "ref" | "v-model" | "modelValue" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
33
+ } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "size" | "ref" | "v-model" | "modelValue" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
32
34
  export default _default;
package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutBlock.css.d.ts CHANGED
@@ -82,6 +82,8 @@ export declare const LayoutBlockStyles: {
82
82
  containerFill: {
83
83
  stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
84
84
  stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
85
+ shape: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
86
+ overlay: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
85
87
  };
86
88
  border: {
87
89
  stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutSection.css.d.ts CHANGED
@@ -82,6 +82,8 @@ export declare const LayoutSectionStyles: {
82
82
  containerFill: {
83
83
  stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
84
84
  stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
85
+ shape: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
86
+ overlay: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
85
87
  };
86
88
  border: {
87
89
  stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/items/SectionItemListing.d.ts CHANGED
@@ -23,8 +23,71 @@ declare const _default: {
23
23
  label: {
24
24
  type: import("vue").PropType<string>;
25
25
  };
26
- section: {
26
+ "onUpdate:modelValue": {
27
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
28
+ };
29
+ "v-model": {
30
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
31
+ required: false;
32
+ };
33
+ modelValue: {
34
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
35
+ required: false;
36
+ };
37
+ name: <TName extends string>(n?: TName) => { [key in import("../../../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
38
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
39
+ }; } & { [key_1 in import("../../../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
27
40
  type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
41
+ required: false;
42
+ }; } & { [key_2 in import("../../../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
43
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
44
+ required: false;
45
+ }; } & {
46
+ require(): import("../../../../../DefineVueTypings").DefinePropModelRequire<TName, Section<import("@omnia/fx-models").SectionSettings>, {
47
+ "onUpdate:modelValue": {
48
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
49
+ };
50
+ } & {
51
+ "v-model": {
52
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
53
+ required: false;
54
+ };
55
+ } & {
56
+ modelValue: {
57
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
58
+ required: false;
59
+ };
60
+ }>;
61
+ defaultValue(value?: Section<import("@omnia/fx-models").SectionSettings>): import("../../../../../DefineVueTypings").DefinePropModelDefaultValue<TName, Section<import("@omnia/fx-models").SectionSettings>, {
62
+ "onUpdate:modelValue": {
63
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
64
+ };
65
+ } & {
66
+ "v-model": {
67
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
68
+ required: false;
69
+ };
70
+ } & {
71
+ modelValue: {
72
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
73
+ required: false;
74
+ };
75
+ }, false>;
76
+ doc$(description?: string): import("../../../../../DefineVueTypings").DefinePropModelDoc<TName, Section<import("@omnia/fx-models").SectionSettings>, {
77
+ "onUpdate:modelValue": {
78
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
79
+ };
80
+ } & {
81
+ "v-model": {
82
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
83
+ required: false;
84
+ };
85
+ } & {
86
+ modelValue: {
87
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
88
+ required: false;
89
+ };
90
+ }>;
28
91
  };
29
92
  }>> & {
30
93
  onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
@@ -49,8 +112,71 @@ declare const _default: {
49
112
  label: {
50
113
  type: import("vue").PropType<string>;
51
114
  };
52
- section: {
115
+ "onUpdate:modelValue": {
116
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
117
+ };
118
+ "v-model": {
53
119
  type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
120
+ required: false;
121
+ };
122
+ modelValue: {
123
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
124
+ required: false;
125
+ };
126
+ name: <TName extends string>(n?: TName) => { [key in import("../../../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
127
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
128
+ }; } & { [key_1 in import("../../../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
129
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
130
+ required: false;
131
+ }; } & { [key_2 in import("../../../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
132
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
133
+ required: false;
134
+ }; } & {
135
+ require(): import("../../../../../DefineVueTypings").DefinePropModelRequire<TName, Section<import("@omnia/fx-models").SectionSettings>, {
136
+ "onUpdate:modelValue": {
137
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
138
+ };
139
+ } & {
140
+ "v-model": {
141
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
142
+ required: false;
143
+ };
144
+ } & {
145
+ modelValue: {
146
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
147
+ required: false;
148
+ };
149
+ }>;
150
+ defaultValue(value?: Section<import("@omnia/fx-models").SectionSettings>): import("../../../../../DefineVueTypings").DefinePropModelDefaultValue<TName, Section<import("@omnia/fx-models").SectionSettings>, {
151
+ "onUpdate:modelValue": {
152
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
153
+ };
154
+ } & {
155
+ "v-model": {
156
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
157
+ required: false;
158
+ };
159
+ } & {
160
+ modelValue: {
161
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
162
+ required: false;
163
+ };
164
+ }, false>;
165
+ doc$(description?: string): import("../../../../../DefineVueTypings").DefinePropModelDoc<TName, Section<import("@omnia/fx-models").SectionSettings>, {
166
+ "onUpdate:modelValue": {
167
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
168
+ };
169
+ } & {
170
+ "v-model": {
171
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
172
+ required: false;
173
+ };
174
+ } & {
175
+ modelValue: {
176
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
177
+ required: false;
178
+ };
179
+ }>;
54
180
  };
55
181
  }>> & {
56
182
  onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
@@ -69,8 +195,71 @@ declare const _default: {
69
195
  label: {
70
196
  type: import("vue").PropType<string>;
71
197
  };
72
- section: {
198
+ "onUpdate:modelValue": {
199
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
200
+ };
201
+ "v-model": {
202
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
203
+ required: false;
204
+ };
205
+ modelValue: {
73
206
  type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
207
+ required: false;
208
+ };
209
+ name: <TName extends string>(n?: TName) => { [key in import("../../../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
210
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
211
+ }; } & { [key_1 in import("../../../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
212
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
213
+ required: false;
214
+ }; } & { [key_2 in import("../../../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
215
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
216
+ required: false;
217
+ }; } & {
218
+ require(): import("../../../../../DefineVueTypings").DefinePropModelRequire<TName, Section<import("@omnia/fx-models").SectionSettings>, {
219
+ "onUpdate:modelValue": {
220
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
221
+ };
222
+ } & {
223
+ "v-model": {
224
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
225
+ required: false;
226
+ };
227
+ } & {
228
+ modelValue: {
229
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
230
+ required: false;
231
+ };
232
+ }>;
233
+ defaultValue(value?: Section<import("@omnia/fx-models").SectionSettings>): import("../../../../../DefineVueTypings").DefinePropModelDefaultValue<TName, Section<import("@omnia/fx-models").SectionSettings>, {
234
+ "onUpdate:modelValue": {
235
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
236
+ };
237
+ } & {
238
+ "v-model": {
239
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
240
+ required: false;
241
+ };
242
+ } & {
243
+ modelValue: {
244
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
245
+ required: false;
246
+ };
247
+ }, false>;
248
+ doc$(description?: string): import("../../../../../DefineVueTypings").DefinePropModelDoc<TName, Section<import("@omnia/fx-models").SectionSettings>, {
249
+ "onUpdate:modelValue": {
250
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
251
+ };
252
+ } & {
253
+ "v-model": {
254
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
255
+ required: false;
256
+ };
257
+ } & {
258
+ modelValue: {
259
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
260
+ required: false;
261
+ };
262
+ }>;
74
263
  };
75
264
  }>> & {
76
265
  onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
@@ -81,7 +270,70 @@ declare const _default: {
81
270
  }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
82
271
  propsDefinition: Omit<Readonly<{} & {
83
272
  label?: string;
84
- section?: Section<import("@omnia/fx-models").SectionSettings>;
273
+ name?: {
274
+ [x: `onUpdate:${string}`]: {
275
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
276
+ };
277
+ } & {
278
+ [x: `v-model:${string}`]: {
279
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
280
+ required: false;
281
+ };
282
+ } & {
283
+ [x: string]: {
284
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
285
+ required: false;
286
+ };
287
+ } & {
288
+ require(): import("../../../../../DefineVueTypings").DefinePropModelRequire<string, Section<import("@omnia/fx-models").SectionSettings>, {
289
+ "onUpdate:modelValue": {
290
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
291
+ };
292
+ } & {
293
+ "v-model": {
294
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
295
+ required: false;
296
+ };
297
+ } & {
298
+ modelValue: {
299
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
300
+ required: false;
301
+ };
302
+ }>;
303
+ defaultValue(value?: Section<import("@omnia/fx-models").SectionSettings>): import("../../../../../DefineVueTypings").DefinePropModelDefaultValue<string, Section<import("@omnia/fx-models").SectionSettings>, {
304
+ "onUpdate:modelValue": {
305
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
306
+ };
307
+ } & {
308
+ "v-model": {
309
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
310
+ required: false;
311
+ };
312
+ } & {
313
+ modelValue: {
314
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
315
+ required: false;
316
+ };
317
+ }, false>;
318
+ doc$(description?: string): import("../../../../../DefineVueTypings").DefinePropModelDoc<string, Section<import("@omnia/fx-models").SectionSettings>, {
319
+ "onUpdate:modelValue": {
320
+ type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
321
+ };
322
+ } & {
323
+ "v-model": {
324
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
325
+ required: false;
326
+ };
327
+ } & {
328
+ modelValue: {
329
+ type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
330
+ required: false;
331
+ };
332
+ }>;
333
+ };
334
+ "v-model"?: Section<import("@omnia/fx-models").SectionSettings>;
335
+ modelValue?: Section<import("@omnia/fx-models").SectionSettings>;
336
+ "onUpdate:modelValue"?: (value: Section<import("@omnia/fx-models").SectionSettings>) => any | void;
85
337
  itemRenderer?: SectionItemRenderer;
86
338
  addLabel?: string;
87
339
  }>, "onAddItem" | "onDeleteItem"> & {
package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.css.d.ts CHANGED
@@ -81,6 +81,8 @@ export declare const LayoutColumnRendererStyles: {
81
81
  containerFill: {
82
82
  stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
83
83
  stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
84
+ shape: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
85
+ overlay: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
84
86
  };
85
87
  border: {
86
88
  stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/PhotoWall.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { DefineEmit } from "@omnia/fx/ux";
2
- import { MediaPickerMedia } from "@omnia/fx-models";
2
+ import { ContainerFillValue, MediaPickerMedia } from "@omnia/fx-models";
3
3
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
4
4
  "emit:update:media": (value: MediaPickerMedia[]) => void;
5
5
  } & {
@@ -14,6 +14,12 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
14
14
  mediaJson?: string;
15
15
  } & {
16
16
  displayNumber?: number;
17
+ } & {
18
+ fill?: ContainerFillValue;
19
+ } & {
20
+ fillOpacity?: number;
21
+ } & {
22
+ dynamicColorSchema?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
17
23
  } & DefineEmit<"clickMedia", (index: number) => void>> & {
18
24
  onClickMedia?: (index: number) => any;
19
25
  "onUpdate:media"?: (value: MediaPickerMedia[]) => any;
@@ -22,5 +28,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
22
28
  default?: import("vue").Slot;
23
29
  $stable?: boolean;
24
30
  }, never>;
25
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "media" | "mediaClass" | "emit:update:media" | "v-model:media" | "roundBorder" | "mediaJson" | "displayNumber" | "emit:clickMedia"> & import("@omnia/fx/ux").VNodeEvents) => any;
31
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "dynamicColorSchema" | "fillOpacity" | "media" | "mediaClass" | "emit:update:media" | "v-model:media" | "roundBorder" | "mediaJson" | "displayNumber" | "emit:clickMedia"> & import("@omnia/fx/ux").VNodeEvents) => any;
26
32
  export default _default;
package/internal-do-not-import-from-here/ux/mediagallery/view/MediaDisplayRenderer.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { DefineProp } from "@omnia/fx/ux";
2
- import { MediaPickerMedia } from "@omnia/fx-models";
3
- type MediaDisplayProps = DefineProp<"media", MediaPickerMedia | MediaPickerMedia[], true> & DefineProp<"imageRatioId", number> & DefineProp<"mediaStyle", string | object | object[]> & DefineProp<"mediaClass", string> & DefineProp<"showCaption", boolean> & DefineProp<"thumbnailOnly", boolean>;
2
+ import { ColorSchemaType, ContainerFillValue, MediaPickerMedia } from "@omnia/fx-models";
3
+ type MediaDisplayProps = DefineProp<"media", MediaPickerMedia | MediaPickerMedia[], true> & DefineProp<"imageRatioId", number> & DefineProp<"mediaStyle", string | object | object[]> & DefineProp<"mediaClass", string> & DefineProp<"showCaption", boolean> & DefineProp<"thumbnailOnly", boolean> & DefineProp<"fill", ContainerFillValue> & DefineProp<"fillOpacity", number> & DefineProp<"dynamicColorSchema", ColorSchemaType>;
4
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MediaDisplayProps> & {} & {
5
5
  "v-slots"?: {} & Omit<{
6
6
  default?: import("vue").Slot;
7
7
  $stable?: boolean;
8
8
  }, never>;
9
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "imageRatioId" | "showCaption" | "thumbnailOnly" | "media" | "mediaStyle" | "mediaClass"> & import("@omnia/fx/ux").VNodeEvents) => any;
9
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "dynamicColorSchema" | "fillOpacity" | "imageRatioId" | "showCaption" | "thumbnailOnly" | "media" | "mediaStyle" | "mediaClass"> & import("@omnia/fx/ux").VNodeEvents) => any;
10
10
  export default _default;
package/internal-do-not-import-from-here/ux/mediagallery/view/store/PhotoWallStore.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { LayoutPhotoMap, MediaPickerMedia, PhotoWallDirection, PhotoWallMedia } from "@omnia/fx-models";
1
+ import { ContainerFillValue, LayoutPhotoMap, MediaPickerMedia, PhotoWallDirection, PhotoWallMedia } from "@omnia/fx-models";
2
2
  export declare const PhotoWallStore: () => {
3
3
  state: {
4
4
  activeIndex: number;
@@ -12,6 +12,9 @@ export declare const PhotoWallStore: () => {
12
12
  direction: PhotoWallDirection;
13
13
  photos: Array<PhotoWallMedia>;
14
14
  showNumOfRemainingPhotos: boolean;
15
+ fill: ContainerFillValue;
16
+ fillOpacity: number;
17
+ dynamicColorSchema: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
15
18
  media: Array<MediaPickerMedia>;
16
19
  clickMedia: (index: number) => void;
17
20
  };
package/internal-do-not-import-from-here/ux/mediapickerimage/MediaPickerImage.d.ts CHANGED
@@ -1,6 +1,15 @@
1
- import { MediaPickerImage, OSizeTypes } from "@omnia/fx-models";
1
+ import { ContainerFillValue, MediaPickerImage, OSizeTypes } from "@omnia/fx-models";
2
2
  declare const _default: {
3
3
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
4
+ dynamicColorSchema: {
5
+ type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic">;
6
+ };
7
+ fillOpacity: {
8
+ type: import("vue").PropType<number>;
9
+ };
10
+ fill: {
11
+ type: import("vue").PropType<ContainerFillValue>;
12
+ };
4
13
  inlineMediaNodeDisplayData: {
5
14
  type: import("vue").PropType<string>;
6
15
  };
@@ -53,6 +62,15 @@ declare const _default: {
53
62
  M: {};
54
63
  Defaults: {};
55
64
  }, Readonly<import("vue").ExtractPropTypes<{
65
+ dynamicColorSchema: {
66
+ type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic">;
67
+ };
68
+ fillOpacity: {
69
+ type: import("vue").PropType<number>;
70
+ };
71
+ fill: {
72
+ type: import("vue").PropType<ContainerFillValue>;
73
+ };
56
74
  inlineMediaNodeDisplayData: {
57
75
  type: import("vue").PropType<string>;
58
76
  };
@@ -102,6 +120,15 @@ declare const _default: {
102
120
  __isTeleport?: never;
103
121
  __isSuspense?: never;
104
122
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
123
+ dynamicColorSchema: {
124
+ type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic">;
125
+ };
126
+ fillOpacity: {
127
+ type: import("vue").PropType<number>;
128
+ };
129
+ fill: {
130
+ type: import("vue").PropType<ContainerFillValue>;
131
+ };
105
132
  inlineMediaNodeDisplayData: {
106
133
  type: import("vue").PropType<string>;
107
134
  };
@@ -148,8 +175,11 @@ declare const _default: {
148
175
  };
149
176
  }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
150
177
  propsDefinition: Omit<Readonly<{} & {
178
+ fill?: ContainerFillValue;
179
+ dynamicColorSchema?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
151
180
  image?: MediaPickerImage;
152
181
  contain?: boolean;
182
+ fillOpacity?: number;
153
183
  avatar?: {
154
184
  size: OSizeTypes;
155
185
  };
package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts CHANGED
@@ -3,7 +3,7 @@ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } f
3
3
  import { VNodeChild } from "vue";
4
4
  export * from "./Dialog.stylex";
5
5
  export type DialogLocation = "left" | "center" | "right";
6
- type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "If dialog is toned"> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"disabledFullScreenOnMobile", boolean, false, false, "Not allow auto full sreen on mobile."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"attach", string, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"canBack", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"icon", () => VNodeChild> & DefineSlot<"navigation", (apis: {
6
+ type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "If dialog is toned"> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"disabledFullScreenOnMobile", boolean, false, false, "Not allow auto full sreen on mobile."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes | number, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"attach", string, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"canBack", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"icon", () => VNodeChild> & DefineSlot<"navigation", (apis: {
7
7
  hideNavigation: () => void;
8
8
  showNavigation: () => void;
9
9
  }) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void> & DefineEmit<"click:backButton", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.556-dev",
4
+ "version": "8.0.557-dev",
5
5
  "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "author": "Omnia Digital Workplace AB",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.556-dev",
23
+ "@omnia/fx-models": "8.0.557-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.11.7",