@omnia/fx 8.0.94-vnext → 8.0.95-vnext

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 (31) hide show
  1. package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts +5 -5
  2. package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.css.d.ts +3 -0
  3. package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.d.ts +80 -32
  4. package/internal-do-not-import-from-here/ux/languagepicker/LanguagePicker.d.ts +17 -0
  5. package/internal-do-not-import-from-here/ux/oxide/btn/Button.css.d.ts +1 -1
  6. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +16 -5
  7. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.css.d.ts +1 -0
  8. package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.d.ts +5 -5
  9. package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts +10 -10
  10. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.css.d.ts +3 -3
  11. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts +22 -0
  12. package/internal-do-not-import-from-here/ux/oxide/panel/docs/ShowHide.d.ts +91 -0
  13. package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts +5 -5
  14. package/internal-do-not-import-from-here/ux/properties/block/components/PropertySettings.css.d.ts +0 -0
  15. package/internal-do-not-import-from-here/ux/properties/block/components/PropertySettings.d.ts +426 -0
  16. package/internal-do-not-import-from-here/ux/properties/block/shared/PropertyBlockModels.d.ts +2 -5
  17. package/internal-do-not-import-from-here/ux/properties/property-renderer/PropertyValueRenderer.d.ts +45 -1
  18. package/internal-do-not-import-from-here/ux/typographypicker/TypographyPicker.d.ts +9 -9
  19. package/internal-do-not-import-from-here/ux/use/UseIcon.d.ts +3 -1
  20. package/internal-do-not-import-from-here/ux/velcron/components/propertieseditor/VelcronPropertiesEditor.d.ts +8 -8
  21. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +3 -3
  22. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +10 -1
  23. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts +7 -3
  24. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/editor/VelcronEditorBuilder.d.ts +3 -0
  25. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/editor/VelcronPropertyMappingEditorBuilder.d.ts +9 -0
  26. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/state/VelcronPropertyMappingStateBuilder.d.ts +11 -0
  27. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/state/VelcronStateBuilder.d.ts +3 -0
  28. package/internal-do-not-import-from-here/ux/velcron/renderer/propertyeditors/ImageEditor.d.ts +450 -0
  29. package/internal-do-not-import-from-here/ux/velcron/renderer/propertyeditors/TypographyEditor.d.ts +455 -0
  30. package/internal-do-not-import-from-here/wctypings.d.ts +7 -0
  31. package/package.json +2 -2
package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  declare const HostTypeDefinitions: readonly ["admin", "editor", "docs"];
2
2
  export type HostTypes = typeof HostTypeDefinitions[number];
3
- declare const ComponentHostTypeDefinitions: readonly ["dialog", "drawer", "expansion-panel", "blade", "app", "table", "appbar", "toolbar", "tab", "tab-vertical", "panel", "omfx"];
3
+ declare const ComponentHostTypeDefinitions: readonly ["dialog", "drawer", "expansion-panel", "blade", "app", "table", "appbar", "toolbar", "tab", "tab-vertical", "panel", "omfx", "menu"];
4
4
  export type ComponentHostTypes = typeof ComponentHostTypeDefinitions[number];
5
5
  declare const ComponentVariantDefinitions: readonly ["footer", "content", "navigation", "header", "settings", "info-section", "default", "section"];
6
6
  export type ComponentVariants = typeof ComponentVariantDefinitions[number];
@@ -14,7 +14,7 @@ export interface NewHostSettings {
14
14
  export declare const useCompontentHostStore: (newInstanceWithName?: string) => {
15
15
  state: {
16
16
  host: "admin" | "editor" | "docs";
17
- componentHost: "dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
17
+ componentHost: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
18
18
  componentVariant: "section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section";
19
19
  appliedComponents: string[];
20
20
  force: boolean;
@@ -22,7 +22,7 @@ export declare const useCompontentHostStore: (newInstanceWithName?: string) => {
22
22
  get: {
23
23
  canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
24
24
  readonly host: "admin" | "editor" | "docs";
25
- readonly componentHost: "dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
25
+ readonly componentHost: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
26
26
  readonly componentVariant: "section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section";
27
27
  readonly force: boolean;
28
28
  appliedComponents(host: string): boolean;
@@ -38,8 +38,8 @@ export declare const useCompontentHostStore: (newInstanceWithName?: string) => {
38
38
  events: {
39
39
  onMutatingHost: import("@omnia/fx").EventHook<"admin" | "editor" | "docs">;
40
40
  onMutatedHost: import("@omnia/fx").EventHook<"admin" | "editor" | "docs">;
41
- onMutatingComponentHost: import("@omnia/fx").EventHook<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
42
- onMutatedComponentHost: import("@omnia/fx").EventHook<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
41
+ onMutatingComponentHost: import("@omnia/fx").EventHook<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
42
+ onMutatedComponentHost: import("@omnia/fx").EventHook<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
43
43
  onMutatingComponentVariant: import("@omnia/fx").EventHook<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
44
44
  onMutatedComponentVariant: import("@omnia/fx").EventHook<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
45
45
  onMutatingAppliedComponents: import("@omnia/fx").EventHook<string[]>;
package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.css.d.ts CHANGED
@@ -4,5 +4,8 @@ export type FilterSizes = typeof FilterSizeDefinitions[number];
4
4
  export declare const FilterSizesName = "FilterSizes";
5
5
  export declare const FilterPickerStyles: {
6
6
  lastItem: string;
7
+ actionIcon: (size: FilterSizes) => string;
8
+ sortButton: string;
9
+ icon: (size: FilterSizes) => string;
7
10
  wrapper: (base: ColorDefinition, onBase: ColorDefinition, selected: boolean, size: FilterSizes, grow: boolean) => string;
8
11
  };
package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.d.ts CHANGED
@@ -1,7 +1,5 @@
1
- export interface FilterPickerValue {
2
- text: string;
3
- id: any;
4
- }
1
+ import { VNodeChild } from "vue";
2
+ import { FilterPickerFilter } from "@omnia/fx-models";
5
3
  declare const _default: {
6
4
  new (...args: any[]): {
7
5
  $: import("vue").ComponentInternalInstance;
@@ -15,7 +13,7 @@ declare const _default: {
15
13
  style?: unknown;
16
14
  class?: String | String[];
17
15
  key?: string | number | symbol;
18
- readonly filters: FilterPickerValue[];
16
+ readonly filters: FilterPickerFilter[];
19
17
  readonly size?: "small" | "default" | "x-small";
20
18
  ref?: import("vue").VNodeRef;
21
19
  ref_for?: boolean;
@@ -58,11 +56,19 @@ declare const _default: {
58
56
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
59
57
  [key: string]: any;
60
58
  }>) => void)[];
61
- readonly modelValue?: FilterPickerValue[];
62
- "onUpdate:modelValue"?: ((value: FilterPickerValue[]) => any) & ((value: FilterPickerValue[]) => any);
63
- readonly "v-model"?: FilterPickerValue[];
59
+ readonly "v-slots"?: {
60
+ default?: import("../DefineVueTypings").Slot<any[]>;
61
+ } & {
62
+ itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
63
+ };
64
+ readonly modelValue?: FilterPickerFilter[];
65
+ "onUpdate:modelValue"?: ((value: FilterPickerFilter[]) => any) & ((value: FilterPickerFilter[]) => any);
66
+ readonly "v-model"?: FilterPickerFilter[];
64
67
  readonly grow?: boolean;
68
+ readonly sortable?: boolean;
65
69
  readonly singleSelect?: "small" | "default" | "x-small";
70
+ "onItem:removed"?: (value: FilterPickerFilter) => any;
71
+ "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
66
72
  };
67
73
  $attrs: {
68
74
  [x: string]: unknown;
@@ -75,9 +81,17 @@ declare const _default: {
75
81
  }>;
76
82
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
77
83
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
78
- $emit: (event: "update:modelValue", value: FilterPickerValue[]) => void;
84
+ $emit: ((event: "update:modelValue", value: FilterPickerFilter[]) => void) & ((event: "item:removed", value: FilterPickerFilter) => void) & ((event: "item:sorted", value: FilterPickerFilter[]) => void);
79
85
  $el: any;
80
86
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
87
+ "v-slots": import("vue").Prop<{
88
+ default?: import("../DefineVueTypings").Slot<any[]>;
89
+ } & {
90
+ itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
91
+ }>;
92
+ sortable: {
93
+ type: import("vue").PropType<boolean>;
94
+ };
81
95
  grow: {
82
96
  type: import("vue").PropType<boolean>;
83
97
  };
@@ -88,18 +102,18 @@ declare const _default: {
88
102
  type: import("vue").PropType<"small" | "default" | "x-small">;
89
103
  };
90
104
  filters: {
91
- type: import("vue").PropType<FilterPickerValue[]>;
105
+ type: import("vue").PropType<FilterPickerFilter[]>;
92
106
  required: true;
93
107
  };
94
108
  "onUpdate:modelValue": {
95
- type: import("vue").PropType<(value: FilterPickerValue[]) => any>;
109
+ type: import("vue").PropType<(value: FilterPickerFilter[]) => any>;
96
110
  };
97
111
  "v-model": {
98
- type: import("vue").PropType<FilterPickerValue[]>;
112
+ type: import("vue").PropType<FilterPickerFilter[]>;
99
113
  required: false;
100
114
  };
101
115
  modelValue: {
102
- type: import("vue").PropType<FilterPickerValue[]>;
116
+ type: import("vue").PropType<FilterPickerFilter[]>;
103
117
  required: false;
104
118
  };
105
119
  class: {
@@ -112,9 +126,13 @@ declare const _default: {
112
126
  blueprintType?: any;
113
127
  blueprint?: any;
114
128
  }>> & {
115
- "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
129
+ "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
130
+ "onItem:removed"?: (value: FilterPickerFilter) => any;
131
+ "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
116
132
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
117
- "update:modelValue": (value: FilterPickerValue[]) => any;
133
+ "update:modelValue": (value: FilterPickerFilter[]) => any;
134
+ "item:removed": (value: FilterPickerFilter) => any;
135
+ "item:sorted": (value: FilterPickerFilter[]) => any;
118
136
  }, string, {
119
137
  container?: any;
120
138
  blueprint?: any;
@@ -142,6 +160,14 @@ declare const _default: {
142
160
  $nextTick: typeof import("vue").nextTick;
143
161
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
144
162
  } & Readonly<import("vue").ExtractPropTypes<{
163
+ "v-slots": import("vue").Prop<{
164
+ default?: import("../DefineVueTypings").Slot<any[]>;
165
+ } & {
166
+ itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
167
+ }>;
168
+ sortable: {
169
+ type: import("vue").PropType<boolean>;
170
+ };
145
171
  grow: {
146
172
  type: import("vue").PropType<boolean>;
147
173
  };
@@ -152,18 +178,18 @@ declare const _default: {
152
178
  type: import("vue").PropType<"small" | "default" | "x-small">;
153
179
  };
154
180
  filters: {
155
- type: import("vue").PropType<FilterPickerValue[]>;
181
+ type: import("vue").PropType<FilterPickerFilter[]>;
156
182
  required: true;
157
183
  };
158
184
  "onUpdate:modelValue": {
159
- type: import("vue").PropType<(value: FilterPickerValue[]) => any>;
185
+ type: import("vue").PropType<(value: FilterPickerFilter[]) => any>;
160
186
  };
161
187
  "v-model": {
162
- type: import("vue").PropType<FilterPickerValue[]>;
188
+ type: import("vue").PropType<FilterPickerFilter[]>;
163
189
  required: false;
164
190
  };
165
191
  modelValue: {
166
- type: import("vue").PropType<FilterPickerValue[]>;
192
+ type: import("vue").PropType<FilterPickerFilter[]>;
167
193
  required: false;
168
194
  };
169
195
  class: {
@@ -176,12 +202,22 @@ declare const _default: {
176
202
  blueprintType?: any;
177
203
  blueprint?: any;
178
204
  }>> & {
179
- "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
205
+ "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
206
+ "onItem:removed"?: (value: FilterPickerFilter) => any;
207
+ "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
180
208
  } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
181
209
  __isFragment?: never;
182
210
  __isTeleport?: never;
183
211
  __isSuspense?: never;
184
212
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
213
+ "v-slots": import("vue").Prop<{
214
+ default?: import("../DefineVueTypings").Slot<any[]>;
215
+ } & {
216
+ itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
217
+ }>;
218
+ sortable: {
219
+ type: import("vue").PropType<boolean>;
220
+ };
185
221
  grow: {
186
222
  type: import("vue").PropType<boolean>;
187
223
  };
@@ -192,18 +228,18 @@ declare const _default: {
192
228
  type: import("vue").PropType<"small" | "default" | "x-small">;
193
229
  };
194
230
  filters: {
195
- type: import("vue").PropType<FilterPickerValue[]>;
231
+ type: import("vue").PropType<FilterPickerFilter[]>;
196
232
  required: true;
197
233
  };
198
234
  "onUpdate:modelValue": {
199
- type: import("vue").PropType<(value: FilterPickerValue[]) => any>;
235
+ type: import("vue").PropType<(value: FilterPickerFilter[]) => any>;
200
236
  };
201
237
  "v-model": {
202
- type: import("vue").PropType<FilterPickerValue[]>;
238
+ type: import("vue").PropType<FilterPickerFilter[]>;
203
239
  required: false;
204
240
  };
205
241
  modelValue: {
206
- type: import("vue").PropType<FilterPickerValue[]>;
242
+ type: import("vue").PropType<FilterPickerFilter[]>;
207
243
  required: false;
208
244
  };
209
245
  class: {
@@ -216,9 +252,13 @@ declare const _default: {
216
252
  blueprintType?: any;
217
253
  blueprint?: any;
218
254
  }>> & {
219
- "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
255
+ "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
256
+ "onItem:removed"?: (value: FilterPickerFilter) => any;
257
+ "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
220
258
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
221
- "update:modelValue": (value: FilterPickerValue[]) => any;
259
+ "update:modelValue": (value: FilterPickerFilter[]) => any;
260
+ "item:removed": (value: FilterPickerFilter) => any;
261
+ "item:sorted": (value: FilterPickerFilter[]) => any;
222
262
  }, string, {
223
263
  container?: any;
224
264
  blueprint?: any;
@@ -228,7 +268,7 @@ declare const _default: {
228
268
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
229
269
  propsDefinition: Omit<Readonly<{
230
270
  container?: any;
231
- filters: FilterPickerValue[];
271
+ filters: FilterPickerFilter[];
232
272
  blueprint?: any;
233
273
  colorSchemaType?: any;
234
274
  blueprintType?: any;
@@ -236,13 +276,21 @@ declare const _default: {
236
276
  } & {
237
277
  class?: String | String[];
238
278
  size?: "small" | "default" | "x-small";
239
- modelValue?: FilterPickerValue[];
240
- "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
241
- "v-model"?: FilterPickerValue[];
279
+ "v-slots"?: {
280
+ default?: import("../DefineVueTypings").Slot<any[]>;
281
+ } & {
282
+ itemRendering?: (element: VNodeChild, item: FilterPickerFilter) => VNodeChild;
283
+ };
284
+ modelValue?: FilterPickerFilter[];
285
+ "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
286
+ "v-model"?: FilterPickerFilter[];
242
287
  grow?: boolean;
288
+ sortable?: boolean;
243
289
  singleSelect?: "small" | "default" | "x-small";
244
- }>, "onUpdate:modelValue"> & {
245
- "onUpdate:modelValue"?: (value: FilterPickerValue[]) => any;
290
+ }>, "onUpdate:modelValue" | "onItem:removed" | "onItem:sorted"> & {
291
+ "onUpdate:modelValue"?: (value: FilterPickerFilter[]) => any;
292
+ "onItem:removed"?: (value: FilterPickerFilter) => any;
293
+ "onItem:sorted"?: (value: FilterPickerFilter[]) => any;
246
294
  };
247
295
  };
248
296
  export default _default;
package/internal-do-not-import-from-here/ux/languagepicker/LanguagePicker.d.ts CHANGED
@@ -84,6 +84,7 @@ declare const _default: {
84
84
  }>;
85
85
  };
86
86
  key?: string | number | symbol;
87
+ readonly required?: boolean;
87
88
  ref?: import("vue").VNodeRef;
88
89
  ref_for?: boolean;
89
90
  ref_key?: string;
@@ -169,6 +170,11 @@ declare const _default: {
169
170
  wrapper?: import("typestyle/lib/types").NestedCSSProperties;
170
171
  }>;
171
172
  };
173
+ required: {
174
+ type: import("vue").PropType<boolean>;
175
+ } & {
176
+ type: import("vue").PropType<boolean>;
177
+ };
172
178
  clearable: {
173
179
  type: import("vue").PropType<boolean>;
174
180
  } & {
@@ -311,6 +317,11 @@ declare const _default: {
311
317
  wrapper?: import("typestyle/lib/types").NestedCSSProperties;
312
318
  }>;
313
319
  };
320
+ required: {
321
+ type: import("vue").PropType<boolean>;
322
+ } & {
323
+ type: import("vue").PropType<boolean>;
324
+ };
314
325
  clearable: {
315
326
  type: import("vue").PropType<boolean>;
316
327
  } & {
@@ -435,6 +446,11 @@ declare const _default: {
435
446
  wrapper?: import("typestyle/lib/types").NestedCSSProperties;
436
447
  }>;
437
448
  };
449
+ required: {
450
+ type: import("vue").PropType<boolean>;
451
+ } & {
452
+ type: import("vue").PropType<boolean>;
453
+ };
438
454
  clearable: {
439
455
  type: import("vue").PropType<boolean>;
440
456
  } & {
@@ -608,6 +624,7 @@ declare const _default: {
608
624
  };
609
625
  }>;
610
626
  };
627
+ required?: boolean;
611
628
  disabled?: boolean;
612
629
  styles?: unknown;
613
630
  "v-slots"?: {
package/internal-do-not-import-from-here/ux/oxide/btn/Button.css.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ButtonVariants } from "@omnia/fx-models";
2
2
  export declare const buttonStyles: {
3
3
  transparentWrapper: string;
4
- wrapper: (background: string, text: string, iconColor: string, variant: ButtonVariants, transparent: boolean) => string;
4
+ wrapper: (background: string, text: string, iconColor: string, variant: ButtonVariants, transparent: boolean, transparentHover: boolean) => string;
5
5
  };
package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts CHANGED
@@ -61,12 +61,13 @@ declare const _default: {
61
61
  readonly tooltip?: ButtonTooltipOptions;
62
62
  readonly active?: boolean;
63
63
  readonly disabled?: boolean;
64
- readonly variant?: "default" | "toolbar" | "opacity" | "prominent" | "dial";
64
+ readonly variant?: "default" | "toolbar" | "opacity" | "prominent" | "dial" | "slim";
65
65
  readonly loading?: boolean;
66
66
  readonly toned?: boolean;
67
67
  readonly overrides?: object;
68
68
  readonly preset?: "cancel" | "close" | "delete" | "settings" | "remove" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings";
69
69
  readonly grouped?: boolean;
70
+ readonly transparentHover?: boolean;
70
71
  };
71
72
  $attrs: {
72
73
  [x: string]: unknown;
@@ -98,6 +99,9 @@ declare const _default: {
98
99
  type: import("vue").PropType<boolean>;
99
100
  required: false;
100
101
  };
102
+ transparentHover: {
103
+ type: import("vue").PropType<boolean>;
104
+ };
101
105
  toned: {
102
106
  type: import("vue").PropType<boolean>;
103
107
  };
@@ -117,7 +121,7 @@ declare const _default: {
117
121
  type: import("vue").PropType<object>;
118
122
  };
119
123
  variant: {
120
- type: import("vue").PropType<"default" | "toolbar" | "opacity" | "prominent" | "dial">;
124
+ type: import("vue").PropType<"default" | "toolbar" | "opacity" | "prominent" | "dial" | "slim">;
121
125
  };
122
126
  text: {
123
127
  type: import("vue").PropType<string>;
@@ -177,6 +181,9 @@ declare const _default: {
177
181
  type: import("vue").PropType<boolean>;
178
182
  required: false;
179
183
  };
184
+ transparentHover: {
185
+ type: import("vue").PropType<boolean>;
186
+ };
180
187
  toned: {
181
188
  type: import("vue").PropType<boolean>;
182
189
  };
@@ -196,7 +203,7 @@ declare const _default: {
196
203
  type: import("vue").PropType<object>;
197
204
  };
198
205
  variant: {
199
- type: import("vue").PropType<"default" | "toolbar" | "opacity" | "prominent" | "dial">;
206
+ type: import("vue").PropType<"default" | "toolbar" | "opacity" | "prominent" | "dial" | "slim">;
200
207
  };
201
208
  text: {
202
209
  type: import("vue").PropType<string>;
@@ -234,6 +241,9 @@ declare const _default: {
234
241
  type: import("vue").PropType<boolean>;
235
242
  required: false;
236
243
  };
244
+ transparentHover: {
245
+ type: import("vue").PropType<boolean>;
246
+ };
237
247
  toned: {
238
248
  type: import("vue").PropType<boolean>;
239
249
  };
@@ -253,7 +263,7 @@ declare const _default: {
253
263
  type: import("vue").PropType<object>;
254
264
  };
255
265
  variant: {
256
- type: import("vue").PropType<"default" | "toolbar" | "opacity" | "prominent" | "dial">;
266
+ type: import("vue").PropType<"default" | "toolbar" | "opacity" | "prominent" | "dial" | "slim">;
257
267
  };
258
268
  text: {
259
269
  type: import("vue").PropType<string>;
@@ -292,12 +302,13 @@ declare const _default: {
292
302
  tooltip?: ButtonTooltipOptions;
293
303
  active?: boolean;
294
304
  disabled?: boolean;
295
- variant?: "default" | "toolbar" | "opacity" | "prominent" | "dial";
305
+ variant?: "default" | "toolbar" | "opacity" | "prominent" | "dial" | "slim";
296
306
  loading?: boolean;
297
307
  toned?: boolean;
298
308
  overrides?: object;
299
309
  preset?: "cancel" | "close" | "delete" | "settings" | "remove" | "save" | "create" | "ok" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-settings";
300
310
  grouped?: boolean;
311
+ transparentHover?: boolean;
301
312
  }>, never>;
302
313
  };
303
314
  export default _default;
package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.css.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export declare const ExpansionPanelsStyles: {
2
2
  tabVariant: string;
3
+ sectionVariant: (dark: boolean) => string;
3
4
  };
package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.d.ts CHANGED
@@ -53,7 +53,7 @@ declare const _default: {
53
53
  [key: string]: any;
54
54
  }>) => void)[];
55
55
  readonly multiple?: boolean;
56
- readonly variant?: "section" | "navigation" | "default" | "tab";
56
+ readonly variant?: "section" | "navigation" | "default";
57
57
  readonly modelValue?: number | number[];
58
58
  readonly "onUpdate:modelValue"?: (value: number | number[]) => any;
59
59
  readonly "v-model"?: number | number[];
@@ -85,7 +85,7 @@ declare const _default: {
85
85
  type: import("vue").PropType<boolean>;
86
86
  };
87
87
  variant: {
88
- type: import("vue").PropType<"section" | "navigation" | "default" | "tab">;
88
+ type: import("vue").PropType<"section" | "navigation" | "default">;
89
89
  };
90
90
  "onUpdate:modelValue": {
91
91
  type: import("vue").PropType<(value: number | number[]) => any>;
@@ -145,7 +145,7 @@ declare const _default: {
145
145
  type: import("vue").PropType<boolean>;
146
146
  };
147
147
  variant: {
148
- type: import("vue").PropType<"section" | "navigation" | "default" | "tab">;
148
+ type: import("vue").PropType<"section" | "navigation" | "default">;
149
149
  };
150
150
  "onUpdate:modelValue": {
151
151
  type: import("vue").PropType<(value: number | number[]) => any>;
@@ -183,7 +183,7 @@ declare const _default: {
183
183
  type: import("vue").PropType<boolean>;
184
184
  };
185
185
  variant: {
186
- type: import("vue").PropType<"section" | "navigation" | "default" | "tab">;
186
+ type: import("vue").PropType<"section" | "navigation" | "default">;
187
187
  };
188
188
  "onUpdate:modelValue": {
189
189
  type: import("vue").PropType<(value: number | number[]) => any>;
@@ -221,7 +221,7 @@ declare const _default: {
221
221
  } & {
222
222
  class?: String | String[];
223
223
  multiple?: boolean;
224
- variant?: "section" | "navigation" | "default" | "tab";
224
+ variant?: "section" | "navigation" | "default";
225
225
  modelValue?: number | number[];
226
226
  "onUpdate:modelValue"?: (value: number | number[]) => any;
227
227
  "v-model"?: number | number[];
package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts CHANGED
@@ -50,8 +50,8 @@ declare const _default: {
50
50
  }>) => void)[];
51
51
  readonly variant?: "section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section";
52
52
  readonly force?: boolean;
53
- readonly componentHost?: "dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
54
- readonly "component-host"?: "dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
53
+ readonly componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
54
+ readonly "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
55
55
  };
56
56
  $attrs: {
57
57
  [x: string]: unknown;
@@ -78,10 +78,10 @@ declare const _default: {
78
78
  type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
79
79
  };
80
80
  "component-host": {
81
- type: import("vue").PropType<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
81
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
82
82
  };
83
83
  componentHost: {
84
- type: import("vue").PropType<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
84
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
85
85
  };
86
86
  host: {
87
87
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -122,10 +122,10 @@ declare const _default: {
122
122
  type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
123
123
  };
124
124
  "component-host": {
125
- type: import("vue").PropType<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
125
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
126
126
  };
127
127
  componentHost: {
128
- type: import("vue").PropType<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
128
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
129
129
  };
130
130
  host: {
131
131
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -150,10 +150,10 @@ declare const _default: {
150
150
  type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
151
151
  };
152
152
  "component-host": {
153
- type: import("vue").PropType<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
153
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
154
154
  };
155
155
  componentHost: {
156
- type: import("vue").PropType<"dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
156
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
157
157
  };
158
158
  host: {
159
159
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -167,8 +167,8 @@ declare const _default: {
167
167
  host?: "admin" | "editor" | "docs";
168
168
  variant?: "section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section";
169
169
  force?: boolean;
170
- componentHost?: "dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
171
- "component-host"?: "dialog" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
170
+ componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
171
+ "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
172
172
  }>, never>;
173
173
  };
174
174
  export default _default;
package/internal-do-not-import-from-here/ux/oxide/panel/Panel.css.d.ts CHANGED
@@ -2,9 +2,9 @@ import { ColorDefinition } from "../../velcron/core";
2
2
  import { OHorizontalAlignments, PanelDirections, PanelVariants, OVerticalAlignments } from "@omnia/fx-models";
3
3
  export declare const PanelStyles: {
4
4
  tabSettingsPadding: string;
5
- templateTitle: (variant: PanelVariants, titelOnTopDivider: boolean, color: string) => string;
5
+ templateTitle: (variant: PanelVariants, titelOnTopDivider: boolean, color: string, spacelessTop: boolean, spacelessBottom: boolean) => string;
6
6
  dividerOnTitle: string;
7
7
  panelHoverBackground: (color: ColorDefinition) => string;
8
- panelWrapper: (hide: boolean, variant: PanelVariants, grow: boolean, grouped: boolean, scrollOffset: number) => string;
9
- contentWrapper: (variant: PanelVariants, flexDirection: PanelDirections, wrap: boolean, alignX: OHorizontalAlignments, alignY: OVerticalAlignments, grouped: boolean) => string;
8
+ panelWrapper: (hide: boolean, variant: PanelVariants, grow: boolean, grouped: boolean, scrollOffset: number, spacelessTop: boolean, spacelessBottom: boolean) => string;
9
+ contentWrapper: (variant: PanelVariants, flexDirection: PanelDirections, wrap: boolean, alignX: OHorizontalAlignments, alignY: OVerticalAlignments, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean) => string;
10
10
  };
package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts CHANGED
@@ -64,6 +64,8 @@ declare const _default: {
64
64
  readonly toned?: boolean;
65
65
  readonly grouped?: boolean;
66
66
  readonly alignY?: "center" | "bottom" | "top";
67
+ readonly spacelessTop?: boolean;
68
+ readonly spacelessBottom?: boolean;
67
69
  readonly alignX?: "left" | "center" | "right";
68
70
  readonly scrollOffset?: number;
69
71
  };
@@ -87,6 +89,12 @@ declare const _default: {
87
89
  alignX: {
88
90
  type: import("vue").PropType<"left" | "center" | "right">;
89
91
  };
92
+ spacelessBottom: {
93
+ type: import("vue").PropType<boolean>;
94
+ };
95
+ spacelessTop: {
96
+ type: import("vue").PropType<boolean>;
97
+ };
90
98
  toned: {
91
99
  type: import("vue").PropType<boolean>;
92
100
  } & {
@@ -164,6 +172,12 @@ declare const _default: {
164
172
  alignX: {
165
173
  type: import("vue").PropType<"left" | "center" | "right">;
166
174
  };
175
+ spacelessBottom: {
176
+ type: import("vue").PropType<boolean>;
177
+ };
178
+ spacelessTop: {
179
+ type: import("vue").PropType<boolean>;
180
+ };
167
181
  toned: {
168
182
  type: import("vue").PropType<boolean>;
169
183
  } & {
@@ -219,6 +233,12 @@ declare const _default: {
219
233
  alignX: {
220
234
  type: import("vue").PropType<"left" | "center" | "right">;
221
235
  };
236
+ spacelessBottom: {
237
+ type: import("vue").PropType<boolean>;
238
+ };
239
+ spacelessTop: {
240
+ type: import("vue").PropType<boolean>;
241
+ };
222
242
  toned: {
223
243
  type: import("vue").PropType<boolean>;
224
244
  } & {
@@ -289,6 +309,8 @@ declare const _default: {
289
309
  toned?: boolean;
290
310
  grouped?: boolean;
291
311
  alignY?: "center" | "bottom" | "top";
312
+ spacelessTop?: boolean;
313
+ spacelessBottom?: boolean;
292
314
  alignX?: "left" | "center" | "right";
293
315
  scrollOffset?: number;
294
316
  }>, never>;