@omnia/fx 8.0.61-dev → 8.0.62-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 (34) hide show
  1. package/internal-do-not-import-from-here/core/utils/index.d.ts +0 -1
  2. package/internal-do-not-import-from-here/index.d.ts +0 -1
  3. package/internal-do-not-import-from-here/manifests/omnia.fx.core.manifest.json +1 -1
  4. package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts +3 -3
  5. package/internal-do-not-import-from-here/ux/app/appinstance/renderer/MainRenderer.d.ts +0 -1
  6. package/internal-do-not-import-from-here/ux/app/management/tabs/templates/Template.d.ts +2 -2
  7. package/internal-do-not-import-from-here/ux/datatable/Datatable.d.ts +0 -3
  8. package/internal-do-not-import-from-here/ux/docs/chrome/DocsChrome.css.d.ts +0 -1
  9. package/internal-do-not-import-from-here/ux/docs/omfx/directives/docs/ClickInSide.d.ts +7 -0
  10. package/internal-do-not-import-from-here/ux/governancedashboard/BarChartIndicator.d.ts +420 -34
  11. package/internal-do-not-import-from-here/ux/journey/v2/JourneyBlade.d.ts +2 -2
  12. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.css.d.ts +1 -1
  13. package/internal-do-not-import-from-here/ux/oxide/column/Column.css.d.ts +10 -2
  14. package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts +89 -84
  15. package/internal-do-not-import-from-here/ux/oxide/column/ColumnGrid.css.d.ts +3 -0
  16. package/internal-do-not-import-from-here/ux/oxide/{flex/Col.d.ts → column/ColumnGrid.d.ts} +100 -40
  17. package/internal-do-not-import-from-here/ux/oxide/flex/Row.d.ts +4 -4
  18. package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts +12 -12
  19. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.css.d.ts +3 -3
  20. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts +4 -74
  21. package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.d.ts +2 -3
  22. package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/store/ScrollContainerStore.d.ts +12 -4
  23. package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts +2 -2
  24. package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts +6 -6
  25. package/internal-do-not-import-from-here/wctypings.d.ts +18 -18
  26. package/package.json +2 -2
  27. package/internal-do-not-import-from-here/core/utils/ScrollPagingUtils.d.ts +0 -7
  28. package/internal-do-not-import-from-here/ux/docs/omfx/directives/docs/ClickOutSide.d.ts +0 -0
  29. package/internal-do-not-import-from-here/ux/governancedashboard/IBarChartIndicator.d.ts +0 -26
  30. package/internal-do-not-import-from-here/ux/oxide/flex/Col.css.d.ts +0 -11
  31. package/internal-do-not-import-from-here/ux/oxide/flex/Flex.css.d.ts +0 -4
  32. package/internal-do-not-import-from-here/ux/oxide/flex/Flex.d.ts +0 -347
  33. package/internal-do-not-import-from-here/ux/oxide/panel/docs/Scrolling.d.ts +0 -46
  34. /package/internal-do-not-import-from-here/ux/{oxide/panel/docs/PanelAlignment.d.ts → docs/omfx/directives/docs/UseClickInSide.d.ts} +0 -0
package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { SpacingSettings, SpacingType } from "@omnia/fx-models";
1
2
  declare const _default: {
2
3
  new (...args: any[]): {
3
4
  $: import("vue").ComponentInternalInstance;
@@ -14,40 +15,41 @@ declare const _default: {
14
15
  readonly colorSchemaType?: any;
15
16
  readonly blueprintType?: any;
16
17
  readonly colors?: any;
17
- readonly xs?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
18
- readonly sm?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
19
- readonly md?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
20
- readonly lg?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
21
- readonly xl?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
22
18
  readonly class?: String | String[];
23
- readonly alignSelf?: "center" | "auto" | "stretch" | "end" | "start" | "baseline";
24
- readonly variant?: "default" | "grid";
25
- readonly cols?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
19
+ readonly width?: string;
20
+ readonly minWidth?: string;
21
+ readonly margin?: unknown;
22
+ readonly padding?: unknown;
23
+ readonly filled?: boolean;
24
+ readonly grow?: number;
25
+ readonly toned?: boolean;
26
+ readonly alignY?: "center" | "bottom" | "top";
26
27
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
27
- xl: {
28
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
28
+ margin: {
29
+ type: import("vue").PropType<SpacingSettings | SpacingType>;
29
30
  };
30
- lg: {
31
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
31
+ padding: {
32
+ type: import("vue").PropType<SpacingSettings | SpacingType>;
32
33
  };
33
- md: {
34
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
34
+ alignY: {
35
+ type: import("vue").PropType<"center" | "bottom" | "top">;
35
36
  };
36
- sm: {
37
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
37
+ minWidth: {
38
+ type: import("vue").PropType<string>;
38
39
  };
39
- xs: {
40
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
40
+ width: {
41
+ type: import("vue").PropType<string>;
41
42
  };
42
- cols: {
43
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
43
+ toned: {
44
+ type: import("vue").PropType<boolean>;
45
+ } & {
46
+ type: import("vue").PropType<boolean>;
44
47
  };
45
- variant: {
46
- type: import("vue").PropType<"default" | "grid">;
47
- required: false;
48
+ grow: {
49
+ type: import("vue").PropType<number>;
48
50
  };
49
- alignSelf: {
50
- type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
51
+ filled: {
52
+ type: import("vue").PropType<boolean>;
51
53
  };
52
54
  class: {
53
55
  type: import("vue").PropType<String | String[]>;
@@ -73,30 +75,31 @@ declare const _default: {
73
75
  $emit: (event: string, ...args: any[]) => void;
74
76
  $el: any;
75
77
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
76
- xl: {
77
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
78
+ margin: {
79
+ type: import("vue").PropType<SpacingSettings | SpacingType>;
78
80
  };
79
- lg: {
80
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
81
+ padding: {
82
+ type: import("vue").PropType<SpacingSettings | SpacingType>;
81
83
  };
82
- md: {
83
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
84
+ alignY: {
85
+ type: import("vue").PropType<"center" | "bottom" | "top">;
84
86
  };
85
- sm: {
86
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
87
+ minWidth: {
88
+ type: import("vue").PropType<string>;
87
89
  };
88
- xs: {
89
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
90
+ width: {
91
+ type: import("vue").PropType<string>;
90
92
  };
91
- cols: {
92
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
93
+ toned: {
94
+ type: import("vue").PropType<boolean>;
95
+ } & {
96
+ type: import("vue").PropType<boolean>;
93
97
  };
94
- variant: {
95
- type: import("vue").PropType<"default" | "grid">;
96
- required: false;
98
+ grow: {
99
+ type: import("vue").PropType<number>;
97
100
  };
98
- alignSelf: {
99
- type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
101
+ filled: {
102
+ type: import("vue").PropType<boolean>;
100
103
  };
101
104
  class: {
102
105
  type: import("vue").PropType<String | String[]>;
@@ -134,30 +137,31 @@ declare const _default: {
134
137
  $nextTick: typeof import("vue").nextTick;
135
138
  $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;
136
139
  } & Readonly<import("vue").ExtractPropTypes<{
137
- xl: {
138
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
140
+ margin: {
141
+ type: import("vue").PropType<SpacingSettings | SpacingType>;
139
142
  };
140
- lg: {
141
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
143
+ padding: {
144
+ type: import("vue").PropType<SpacingSettings | SpacingType>;
142
145
  };
143
- md: {
144
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
146
+ alignY: {
147
+ type: import("vue").PropType<"center" | "bottom" | "top">;
145
148
  };
146
- sm: {
147
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
149
+ minWidth: {
150
+ type: import("vue").PropType<string>;
148
151
  };
149
- xs: {
150
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
152
+ width: {
153
+ type: import("vue").PropType<string>;
151
154
  };
152
- cols: {
153
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
155
+ toned: {
156
+ type: import("vue").PropType<boolean>;
157
+ } & {
158
+ type: import("vue").PropType<boolean>;
154
159
  };
155
- variant: {
156
- type: import("vue").PropType<"default" | "grid">;
157
- required: false;
160
+ grow: {
161
+ type: import("vue").PropType<number>;
158
162
  };
159
- alignSelf: {
160
- type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
163
+ filled: {
164
+ type: import("vue").PropType<boolean>;
161
165
  };
162
166
  class: {
163
167
  type: import("vue").PropType<String | String[]>;
@@ -173,30 +177,31 @@ declare const _default: {
173
177
  __isTeleport?: never;
174
178
  __isSuspense?: never;
175
179
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
176
- xl: {
177
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
180
+ margin: {
181
+ type: import("vue").PropType<SpacingSettings | SpacingType>;
178
182
  };
179
- lg: {
180
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
183
+ padding: {
184
+ type: import("vue").PropType<SpacingSettings | SpacingType>;
181
185
  };
182
- md: {
183
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
186
+ alignY: {
187
+ type: import("vue").PropType<"center" | "bottom" | "top">;
184
188
  };
185
- sm: {
186
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
189
+ minWidth: {
190
+ type: import("vue").PropType<string>;
187
191
  };
188
- xs: {
189
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
192
+ width: {
193
+ type: import("vue").PropType<string>;
190
194
  };
191
- cols: {
192
- type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
195
+ toned: {
196
+ type: import("vue").PropType<boolean>;
197
+ } & {
198
+ type: import("vue").PropType<boolean>;
193
199
  };
194
- variant: {
195
- type: import("vue").PropType<"default" | "grid">;
196
- required: false;
200
+ grow: {
201
+ type: import("vue").PropType<number>;
197
202
  };
198
- alignSelf: {
199
- type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
203
+ filled: {
204
+ type: import("vue").PropType<boolean>;
200
205
  };
201
206
  class: {
202
207
  type: import("vue").PropType<String | String[]>;
@@ -221,15 +226,15 @@ declare const _default: {
221
226
  blueprintType?: any;
222
227
  colors?: any;
223
228
  } & {
224
- xs?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
225
- sm?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
226
- md?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
227
- lg?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
228
- xl?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
229
229
  class?: String | String[];
230
- alignSelf?: "center" | "auto" | "stretch" | "end" | "start" | "baseline";
231
- variant?: "default" | "grid";
232
- cols?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
230
+ width?: string;
231
+ minWidth?: string;
232
+ margin?: SpacingSettings | SpacingType;
233
+ padding?: SpacingSettings | SpacingType;
234
+ filled?: boolean;
235
+ grow?: number;
236
+ toned?: boolean;
237
+ alignY?: "center" | "bottom" | "top";
233
238
  }>, never>;
234
239
  };
235
240
  export default _default;
package/internal-do-not-import-from-here/ux/oxide/column/ColumnGrid.css.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const ColumnStyles: {
2
+ wrapper: string;
3
+ };
package/internal-do-not-import-from-here/ux/oxide/{flex/Col.d.ts → column/ColumnGrid.d.ts} RENAMED
@@ -15,15 +15,19 @@ declare const _default: {
15
15
  readonly colorSchemaType?: any;
16
16
  readonly blueprintType?: any;
17
17
  readonly colors?: any;
18
+ readonly xs?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
19
+ readonly sm?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
20
+ readonly md?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
21
+ readonly lg?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
22
+ readonly xl?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
18
23
  readonly class?: String | String[];
19
- readonly width?: string;
20
- readonly minWidth?: string;
24
+ readonly alignSelf?: "center" | "auto" | "stretch" | "end" | "start" | "baseline";
21
25
  readonly margin?: unknown;
22
26
  readonly padding?: unknown;
23
27
  readonly filled?: boolean;
24
- readonly grow?: number;
25
- readonly alignY?: "center" | "bottom" | "top";
28
+ readonly variant?: "default" | "grid";
26
29
  readonly toned?: boolean;
30
+ readonly cols?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
27
31
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
28
32
  margin: {
29
33
  type: import("vue").PropType<SpacingSettings | SpacingType>;
@@ -31,22 +35,35 @@ declare const _default: {
31
35
  padding: {
32
36
  type: import("vue").PropType<SpacingSettings | SpacingType>;
33
37
  };
34
- alignY: {
35
- type: import("vue").PropType<"center" | "bottom" | "top">;
38
+ xl: {
39
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
36
40
  };
37
- minWidth: {
38
- type: import("vue").PropType<string>;
41
+ lg: {
42
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
39
43
  };
40
- width: {
41
- type: import("vue").PropType<string>;
44
+ md: {
45
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
46
+ };
47
+ sm: {
48
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
49
+ };
50
+ xs: {
51
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
52
+ };
53
+ cols: {
54
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
55
+ };
56
+ variant: {
57
+ type: import("vue").PropType<"default" | "grid">;
58
+ required: false;
42
59
  };
43
60
  toned: {
44
61
  type: import("vue").PropType<boolean>;
45
62
  } & {
46
63
  type: import("vue").PropType<boolean>;
47
64
  };
48
- grow: {
49
- type: import("vue").PropType<number>;
65
+ alignSelf: {
66
+ type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
50
67
  };
51
68
  filled: {
52
69
  type: import("vue").PropType<boolean>;
@@ -81,22 +98,35 @@ declare const _default: {
81
98
  padding: {
82
99
  type: import("vue").PropType<SpacingSettings | SpacingType>;
83
100
  };
84
- alignY: {
85
- type: import("vue").PropType<"center" | "bottom" | "top">;
101
+ xl: {
102
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
103
+ };
104
+ lg: {
105
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
106
+ };
107
+ md: {
108
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
109
+ };
110
+ sm: {
111
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
112
+ };
113
+ xs: {
114
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
86
115
  };
87
- minWidth: {
88
- type: import("vue").PropType<string>;
116
+ cols: {
117
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
89
118
  };
90
- width: {
91
- type: import("vue").PropType<string>;
119
+ variant: {
120
+ type: import("vue").PropType<"default" | "grid">;
121
+ required: false;
92
122
  };
93
123
  toned: {
94
124
  type: import("vue").PropType<boolean>;
95
125
  } & {
96
126
  type: import("vue").PropType<boolean>;
97
127
  };
98
- grow: {
99
- type: import("vue").PropType<number>;
128
+ alignSelf: {
129
+ type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
100
130
  };
101
131
  filled: {
102
132
  type: import("vue").PropType<boolean>;
@@ -143,22 +173,35 @@ declare const _default: {
143
173
  padding: {
144
174
  type: import("vue").PropType<SpacingSettings | SpacingType>;
145
175
  };
146
- alignY: {
147
- type: import("vue").PropType<"center" | "bottom" | "top">;
176
+ xl: {
177
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
148
178
  };
149
- minWidth: {
150
- type: import("vue").PropType<string>;
179
+ lg: {
180
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
151
181
  };
152
- width: {
153
- type: import("vue").PropType<string>;
182
+ md: {
183
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
184
+ };
185
+ sm: {
186
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
187
+ };
188
+ xs: {
189
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
190
+ };
191
+ cols: {
192
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
193
+ };
194
+ variant: {
195
+ type: import("vue").PropType<"default" | "grid">;
196
+ required: false;
154
197
  };
155
198
  toned: {
156
199
  type: import("vue").PropType<boolean>;
157
200
  } & {
158
201
  type: import("vue").PropType<boolean>;
159
202
  };
160
- grow: {
161
- type: import("vue").PropType<number>;
203
+ alignSelf: {
204
+ type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
162
205
  };
163
206
  filled: {
164
207
  type: import("vue").PropType<boolean>;
@@ -183,22 +226,35 @@ declare const _default: {
183
226
  padding: {
184
227
  type: import("vue").PropType<SpacingSettings | SpacingType>;
185
228
  };
186
- alignY: {
187
- type: import("vue").PropType<"center" | "bottom" | "top">;
229
+ xl: {
230
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
231
+ };
232
+ lg: {
233
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
234
+ };
235
+ md: {
236
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
237
+ };
238
+ sm: {
239
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
240
+ };
241
+ xs: {
242
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
188
243
  };
189
- minWidth: {
190
- type: import("vue").PropType<string>;
244
+ cols: {
245
+ type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11">;
191
246
  };
192
- width: {
193
- type: import("vue").PropType<string>;
247
+ variant: {
248
+ type: import("vue").PropType<"default" | "grid">;
249
+ required: false;
194
250
  };
195
251
  toned: {
196
252
  type: import("vue").PropType<boolean>;
197
253
  } & {
198
254
  type: import("vue").PropType<boolean>;
199
255
  };
200
- grow: {
201
- type: import("vue").PropType<number>;
256
+ alignSelf: {
257
+ type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
202
258
  };
203
259
  filled: {
204
260
  type: import("vue").PropType<boolean>;
@@ -226,15 +282,19 @@ declare const _default: {
226
282
  blueprintType?: any;
227
283
  colors?: any;
228
284
  } & {
285
+ xs?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
286
+ sm?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
287
+ md?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
288
+ lg?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
289
+ xl?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
229
290
  class?: String | String[];
230
- width?: string;
231
- minWidth?: string;
291
+ alignSelf?: "center" | "auto" | "stretch" | "end" | "start" | "baseline";
232
292
  margin?: SpacingSettings | SpacingType;
233
293
  padding?: SpacingSettings | SpacingType;
234
294
  filled?: boolean;
235
- grow?: number;
236
- alignY?: "center" | "bottom" | "top";
295
+ variant?: "default" | "grid";
237
296
  toned?: boolean;
297
+ cols?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "12" | "11";
238
298
  }>, never>;
239
299
  };
240
300
  export default _default;
package/internal-do-not-import-from-here/ux/oxide/flex/Row.d.ts CHANGED
@@ -24,11 +24,11 @@ declare const _default: {
24
24
  readonly padding?: unknown;
25
25
  readonly wrap?: boolean;
26
26
  readonly filled?: boolean;
27
- readonly alignY?: "center" | "bottom" | "top";
28
27
  readonly toned?: boolean;
29
- readonly alignX?: "left" | "center" | "right";
30
28
  readonly gapX?: number | SpacingType;
31
29
  readonly gapY?: number | SpacingType;
30
+ readonly alignX?: "left" | "center" | "right";
31
+ readonly alignY?: "center" | "bottom" | "top";
32
32
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
33
33
  alignY: {
34
34
  type: import("vue").PropType<"center" | "bottom" | "top">;
@@ -300,11 +300,11 @@ declare const _default: {
300
300
  padding?: SpacingSettings | SpacingType;
301
301
  wrap?: boolean;
302
302
  filled?: boolean;
303
- alignY?: "center" | "bottom" | "top";
304
303
  toned?: boolean;
305
- alignX?: "left" | "center" | "right";
306
304
  gapX?: number | SpacingType;
307
305
  gapY?: number | SpacingType;
306
+ alignX?: "left" | "center" | "right";
307
+ alignY?: "center" | "bottom" | "top";
308
308
  }>, never>;
309
309
  };
310
310
  export default _default;
package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts CHANGED
@@ -5,8 +5,8 @@ declare const _default: {
5
5
  $props: Partial<{}> & Omit<{
6
6
  readonly host?: "admin" | "editor" | "docs";
7
7
  readonly variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section";
8
- readonly componentHost?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx";
9
- readonly "component-host"?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx";
8
+ readonly componentHost?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
9
+ readonly "component-host"?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
10
10
  readonly force?: boolean;
11
11
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
12
12
  force: {
@@ -20,10 +20,10 @@ declare const _default: {
20
20
  type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
21
21
  };
22
22
  "component-host": {
23
- type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
23
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
24
24
  };
25
25
  componentHost: {
26
- type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
26
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
27
27
  };
28
28
  host: {
29
29
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -56,10 +56,10 @@ declare const _default: {
56
56
  type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
57
57
  };
58
58
  "component-host": {
59
- type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
59
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
60
60
  };
61
61
  componentHost: {
62
- type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
62
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
63
63
  };
64
64
  host: {
65
65
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -100,10 +100,10 @@ declare const _default: {
100
100
  type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
101
101
  };
102
102
  "component-host": {
103
- type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
103
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
104
104
  };
105
105
  componentHost: {
106
- type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
106
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
107
107
  };
108
108
  host: {
109
109
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -128,10 +128,10 @@ declare const _default: {
128
128
  type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
129
129
  };
130
130
  "component-host": {
131
- type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
131
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
132
132
  };
133
133
  componentHost: {
134
- type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
134
+ type: import("vue").PropType<"dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
135
135
  };
136
136
  host: {
137
137
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -144,8 +144,8 @@ declare const _default: {
144
144
  propsDefinition: Omit<Readonly<{} & {
145
145
  host?: "admin" | "editor" | "docs";
146
146
  variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section";
147
- componentHost?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx";
148
- "component-host"?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx";
147
+ componentHost?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
148
+ "component-host"?: "dialog" | "menu" | "table" | "tab" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
149
149
  force?: boolean;
150
150
  }>, never>;
151
151
  };
package/internal-do-not-import-from-here/ux/oxide/panel/Panel.css.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { ColorDefinition } from "../../velcron/core";
2
- import { OHorizontalAlignments, OPanelDirections, OPanelVariants, OVerticalAlignments, OPaddingCombination } from "@omnia/fx-models";
2
+ import { OPanelVariants, OPaddingCombination } from "@omnia/fx-models";
3
3
  export declare const PanelStyles: {
4
4
  tabSettingsPadding: string;
5
5
  templateTitle: (variant: OPanelVariants, titelOnTopDivider: boolean, color: string, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => string;
6
6
  dividerOnTitle: string;
7
7
  panelHoverBackground: (color: ColorDefinition) => string;
8
- panelWrapper: (hide: boolean, variant: OPanelVariants, grow: boolean, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => string;
9
- contentWrapper: (variant: OPanelVariants, flexDirection: OPanelDirections, wrap: boolean, alignX: OHorizontalAlignments, alignY: OVerticalAlignments, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => string;
8
+ panelWrapper: (hide: boolean, variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => string;
9
+ contentWrapper: (variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => string;
10
10
  };