@omnia/fx 8.0.154-dev → 8.0.156-dev

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. package/internal-do-not-import-from-here/services/SecurityService.d.ts +2 -0
  2. package/internal-do-not-import-from-here/stores/mediapicker/handlers/provider/BaseImageHandler.d.ts +1 -8
  3. package/internal-do-not-import-from-here/stores/mediapicker/handlers/provider/BaseVideoHandler.d.ts +1 -8
  4. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts +58 -21
  5. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ContainersEditorStore.d.ts +77 -0
  6. package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleEditor.d.ts +19 -5
  7. package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleViewer.d.ts +71 -0
  8. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStyleEditor.d.ts +1 -1
  9. package/internal-do-not-import-from-here/ux/aurora/components/chrome/ChromePicker.d.ts +10 -10
  10. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerBlueprintsViewer.d.ts +70 -0
  11. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerPicker.css.d.ts +4 -0
  12. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerPicker.d.ts +466 -0
  13. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/ExampleComponents.d.ts +1 -0
  14. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/SampleComponent.d.ts +55 -0
  15. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/index.d.ts +1 -0
  16. package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts +7 -7
  17. package/internal-do-not-import-from-here/ux/aurora/store/ColorSchemaStore.d.ts +763 -322
  18. package/internal-do-not-import-from-here/ux/aurora/store/ComponentBlueprintStore.d.ts +15 -3
  19. package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +763 -322
  20. package/internal-do-not-import-from-here/ux/aurora/store/ThemeContextStore.d.ts +228 -84
  21. package/internal-do-not-import-from-here/ux/aurora/store/ThemeStoreV2.d.ts +14 -2
  22. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +763 -322
  23. package/internal-do-not-import-from-here/ux/aurora/store/index.d.ts +0 -1
  24. package/internal-do-not-import-from-here/ux/aurora/themeprovider/ThemeProvider.d.ts +1 -8
  25. package/internal-do-not-import-from-here/ux/features/loc/localize.d.ts +2 -0
  26. package/internal-do-not-import-from-here/ux/mediapickerV2/chrome/components/MediaGallerySelector.css.d.ts +1 -1
  27. package/internal-do-not-import-from-here/ux/mediapickerV2/docs/MediaProviderExample.d.ts +0 -1
  28. package/internal-do-not-import-from-here/ux/mediapickerproviders/bingprovider-v2/handler.d.ts +1 -2
  29. package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/MyComputerProvider.d.ts +1 -0
  30. package/internal-do-not-import-from-here/ux/oxide/avatar/Avatar.d.ts +10 -10
  31. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +1 -1
  32. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts +782 -329
  33. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts +1607 -701
  34. package/internal-do-not-import-from-here/ux/oxide/datepicker/DateTimePicker.d.ts +69 -333
  35. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +9 -43
  36. package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts +11 -11
  37. package/internal-do-not-import-from-here/ux/oxide/link/Link.d.ts +10 -10
  38. package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +1604 -698
  39. package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.css.d.ts +1 -0
  40. package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts +2 -2
  41. package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts +1 -1
  42. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +11 -11
  43. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +782 -329
  44. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +20 -11
  45. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +15 -61
  46. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts +1 -0
  47. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronData.d.ts +5 -3
  48. package/internal-do-not-import-from-here/ux/velcron/core/rules/IsEditMode.d.ts +1 -1
  49. package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronEditorDescriptors.d.ts +2 -1
  50. package/internal-do-not-import-from-here/ux/velcron/renderer/propertyeditors/ContainerEditor.d.ts +364 -0
  51. package/internal-do-not-import-from-here/ux/versionedlayout/blade/Shared.d.ts +1 -0
  52. package/internal-do-not-import-from-here/wctypings.d.ts +50 -0
  53. package/package.json +2 -2
  54. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/FillsEditorStore.d.ts +0 -50
  55. package/internal-do-not-import-from-here/ux/aurora/store/ChromeBlueprintStore.d.ts +0 -5318
  56. /package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/blades/{FillBladeEdit.d.ts → ContainersBlade.d.ts} +0 -0
  57. /package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/blades/{FillsBlade.d.ts → ContainersBladeEdit.d.ts} +0 -0
package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts CHANGED
@@ -97,8 +97,20 @@ export declare function useColorSchemaSetup(props: object): {
97
97
  get: {
98
98
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
99
99
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
100
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
101
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
100
+ button: {
101
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
102
+ };
103
+ icon: {
104
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
105
+ };
106
+ block: {
107
+ hasBlueprintVariant(type: string): boolean;
108
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
109
+ };
110
+ container: {
111
+ hasVariant(type: string): boolean;
112
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
113
+ };
102
114
  };
103
115
  deactivated(): void;
104
116
  };
@@ -107,11 +119,11 @@ export declare function useColorSchemaSetup(props: object): {
107
119
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
108
120
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
109
121
  component(): import("@omnia/fx-models").ComponentBlueprints;
110
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
111
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
112
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
113
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
114
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
122
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
123
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
124
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
125
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
126
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
115
127
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
116
128
  };
117
129
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -194,8 +206,20 @@ export declare function useColorSchemaSetup(props: object): {
194
206
  get: {
195
207
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
196
208
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
197
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
198
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
209
+ button: {
210
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
211
+ };
212
+ icon: {
213
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
214
+ };
215
+ block: {
216
+ hasBlueprintVariant(type: string): boolean;
217
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
218
+ };
219
+ container: {
220
+ hasVariant(type: string): boolean;
221
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
222
+ };
199
223
  };
200
224
  deactivated(): void;
201
225
  };
@@ -204,11 +228,11 @@ export declare function useColorSchemaSetup(props: object): {
204
228
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
205
229
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
206
230
  component(): import("@omnia/fx-models").ComponentBlueprints;
207
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
208
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
209
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
210
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
211
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
231
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
232
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
233
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
234
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
235
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
212
236
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
213
237
  };
214
238
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -291,8 +315,20 @@ export declare function useColorSchemaSetup(props: object): {
291
315
  get: {
292
316
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
293
317
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
294
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
295
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
318
+ button: {
319
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
320
+ };
321
+ icon: {
322
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
323
+ };
324
+ block: {
325
+ hasBlueprintVariant(type: string): boolean;
326
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
327
+ };
328
+ container: {
329
+ hasVariant(type: string): boolean;
330
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
331
+ };
296
332
  };
297
333
  deactivated(): void;
298
334
  };
@@ -301,11 +337,11 @@ export declare function useColorSchemaSetup(props: object): {
301
337
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
302
338
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
303
339
  component(): import("@omnia/fx-models").ComponentBlueprints;
304
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
305
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
306
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
307
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
308
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
340
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
341
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
342
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
343
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
344
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
309
345
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
310
346
  };
311
347
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -381,8 +417,20 @@ export declare function useColorSchemaSetup(props: object): {
381
417
  get: {
382
418
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
383
419
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
384
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
385
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
420
+ button: {
421
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
422
+ };
423
+ icon: {
424
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
425
+ };
426
+ block: {
427
+ hasBlueprintVariant(type: string): boolean;
428
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
429
+ };
430
+ container: {
431
+ hasVariant(type: string): boolean;
432
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
433
+ };
386
434
  };
387
435
  deactivated(): void;
388
436
  };
@@ -391,11 +439,11 @@ export declare function useColorSchemaSetup(props: object): {
391
439
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
392
440
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
393
441
  component(): import("@omnia/fx-models").ComponentBlueprints;
394
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
395
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
396
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
397
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
398
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
442
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
443
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
444
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
445
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
446
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
399
447
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
400
448
  };
401
449
  }): void;
@@ -741,12 +789,12 @@ export declare function useColorSchemaSetup(props: object): {
741
789
  fills?: {
742
790
  variant1?: {
743
791
  colors: (string | {
744
- colorType: "base" | "onBase" | "container" | "onContainer";
792
+ colorType: "container" | "base" | "onBase" | "onContainer";
745
793
  toned?: boolean;
746
794
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
747
795
  } | {
748
796
  color: string | {
749
- colorType: "base" | "onBase" | "container" | "onContainer";
797
+ colorType: "container" | "base" | "onBase" | "onContainer";
750
798
  toned?: boolean;
751
799
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
752
800
  };
@@ -757,12 +805,12 @@ export declare function useColorSchemaSetup(props: object): {
757
805
  };
758
806
  variant2?: {
759
807
  colors: (string | {
760
- colorType: "base" | "onBase" | "container" | "onContainer";
808
+ colorType: "container" | "base" | "onBase" | "onContainer";
761
809
  toned?: boolean;
762
810
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
763
811
  } | {
764
812
  color: string | {
765
- colorType: "base" | "onBase" | "container" | "onContainer";
813
+ colorType: "container" | "base" | "onBase" | "onContainer";
766
814
  toned?: boolean;
767
815
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
768
816
  };
@@ -773,12 +821,12 @@ export declare function useColorSchemaSetup(props: object): {
773
821
  };
774
822
  variant3?: {
775
823
  colors: (string | {
776
- colorType: "base" | "onBase" | "container" | "onContainer";
824
+ colorType: "container" | "base" | "onBase" | "onContainer";
777
825
  toned?: boolean;
778
826
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
779
827
  } | {
780
828
  color: string | {
781
- colorType: "base" | "onBase" | "container" | "onContainer";
829
+ colorType: "container" | "base" | "onBase" | "onContainer";
782
830
  toned?: boolean;
783
831
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
784
832
  };
@@ -1099,14 +1147,14 @@ export declare function useColorSchemaSetup(props: object): {
1099
1147
  left?: import("@omnia/fx-models").SpacingValue;
1100
1148
  };
1101
1149
  background?: {
1102
- fill?: {
1150
+ fill?: string | {
1103
1151
  colors: (string | {
1104
- colorType: "base" | "onBase" | "container" | "onContainer";
1152
+ colorType: "container" | "base" | "onBase" | "onContainer";
1105
1153
  toned?: boolean;
1106
1154
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1107
1155
  } | {
1108
1156
  color: string | {
1109
- colorType: "base" | "onBase" | "container" | "onContainer";
1157
+ colorType: "container" | "base" | "onBase" | "onContainer";
1110
1158
  toned?: boolean;
1111
1159
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1112
1160
  };
@@ -1114,6 +1162,10 @@ export declare function useColorSchemaSetup(props: object): {
1114
1162
  })[];
1115
1163
  acrylic?: boolean;
1116
1164
  opacity?: number;
1165
+ } | {
1166
+ colorType: "container" | "base" | "onBase" | "onContainer";
1167
+ toned?: boolean;
1168
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1117
1169
  };
1118
1170
  border?: {
1119
1171
  radius?: {
@@ -1130,7 +1182,7 @@ export declare function useColorSchemaSetup(props: object): {
1130
1182
  };
1131
1183
  fill?: {
1132
1184
  colors: (string | {
1133
- colorType: "base" | "onBase" | "container" | "onContainer";
1185
+ colorType: "container" | "base" | "onBase" | "onContainer";
1134
1186
  toned?: boolean;
1135
1187
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1136
1188
  } | {
@@ -1147,12 +1199,12 @@ export declare function useColorSchemaSetup(props: object): {
1147
1199
  text?: {
1148
1200
  color?: string | {
1149
1201
  colors: (string | {
1150
- colorType: "base" | "onBase" | "container" | "onContainer";
1202
+ colorType: "container" | "base" | "onBase" | "onContainer";
1151
1203
  toned?: boolean;
1152
1204
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1153
1205
  } | {
1154
1206
  color: string | {
1155
- colorType: "base" | "onBase" | "container" | "onContainer";
1207
+ colorType: "container" | "base" | "onBase" | "onContainer";
1156
1208
  toned?: boolean;
1157
1209
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1158
1210
  };
@@ -1161,7 +1213,7 @@ export declare function useColorSchemaSetup(props: object): {
1161
1213
  acrylic?: boolean;
1162
1214
  opacity?: number;
1163
1215
  } | {
1164
- colorType: "base" | "onBase" | "container" | "onContainer";
1216
+ colorType: "container" | "base" | "onBase" | "onContainer";
1165
1217
  toned?: boolean;
1166
1218
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1167
1219
  };
@@ -1190,12 +1242,12 @@ export declare function useColorSchemaSetup(props: object): {
1190
1242
  icon?: {
1191
1243
  color?: {
1192
1244
  colors: (string | {
1193
- colorType: "base" | "onBase" | "container" | "onContainer";
1245
+ colorType: "container" | "base" | "onBase" | "onContainer";
1194
1246
  toned?: boolean;
1195
1247
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1196
1248
  } | {
1197
1249
  color: string | {
1198
- colorType: "base" | "onBase" | "container" | "onContainer";
1250
+ colorType: "container" | "base" | "onBase" | "onContainer";
1199
1251
  toned?: boolean;
1200
1252
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1201
1253
  };
@@ -1215,14 +1267,14 @@ export declare function useColorSchemaSetup(props: object): {
1215
1267
  left?: import("@omnia/fx-models").SpacingValue;
1216
1268
  };
1217
1269
  background?: {
1218
- fill?: {
1270
+ fill?: string | {
1219
1271
  colors: (string | {
1220
- colorType: "base" | "onBase" | "container" | "onContainer";
1272
+ colorType: "container" | "base" | "onBase" | "onContainer";
1221
1273
  toned?: boolean;
1222
1274
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1223
1275
  } | {
1224
1276
  color: string | {
1225
- colorType: "base" | "onBase" | "container" | "onContainer";
1277
+ colorType: "container" | "base" | "onBase" | "onContainer";
1226
1278
  toned?: boolean;
1227
1279
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1228
1280
  };
@@ -1230,6 +1282,10 @@ export declare function useColorSchemaSetup(props: object): {
1230
1282
  })[];
1231
1283
  acrylic?: boolean;
1232
1284
  opacity?: number;
1285
+ } | {
1286
+ colorType: "container" | "base" | "onBase" | "onContainer";
1287
+ toned?: boolean;
1288
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1233
1289
  };
1234
1290
  border?: {
1235
1291
  radius?: {
@@ -1246,7 +1302,7 @@ export declare function useColorSchemaSetup(props: object): {
1246
1302
  };
1247
1303
  fill?: {
1248
1304
  colors: (string | {
1249
- colorType: "base" | "onBase" | "container" | "onContainer";
1305
+ colorType: "container" | "base" | "onBase" | "onContainer";
1250
1306
  toned?: boolean;
1251
1307
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1252
1308
  } | {
@@ -1263,12 +1319,12 @@ export declare function useColorSchemaSetup(props: object): {
1263
1319
  text?: {
1264
1320
  color?: string | {
1265
1321
  colors: (string | {
1266
- colorType: "base" | "onBase" | "container" | "onContainer";
1322
+ colorType: "container" | "base" | "onBase" | "onContainer";
1267
1323
  toned?: boolean;
1268
1324
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1269
1325
  } | {
1270
1326
  color: string | {
1271
- colorType: "base" | "onBase" | "container" | "onContainer";
1327
+ colorType: "container" | "base" | "onBase" | "onContainer";
1272
1328
  toned?: boolean;
1273
1329
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1274
1330
  };
@@ -1277,7 +1333,7 @@ export declare function useColorSchemaSetup(props: object): {
1277
1333
  acrylic?: boolean;
1278
1334
  opacity?: number;
1279
1335
  } | {
1280
- colorType: "base" | "onBase" | "container" | "onContainer";
1336
+ colorType: "container" | "base" | "onBase" | "onContainer";
1281
1337
  toned?: boolean;
1282
1338
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1283
1339
  };
@@ -1306,12 +1362,12 @@ export declare function useColorSchemaSetup(props: object): {
1306
1362
  icon?: {
1307
1363
  color?: {
1308
1364
  colors: (string | {
1309
- colorType: "base" | "onBase" | "container" | "onContainer";
1365
+ colorType: "container" | "base" | "onBase" | "onContainer";
1310
1366
  toned?: boolean;
1311
1367
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1312
1368
  } | {
1313
1369
  color: string | {
1314
- colorType: "base" | "onBase" | "container" | "onContainer";
1370
+ colorType: "container" | "base" | "onBase" | "onContainer";
1315
1371
  toned?: boolean;
1316
1372
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1317
1373
  };
@@ -1331,14 +1387,14 @@ export declare function useColorSchemaSetup(props: object): {
1331
1387
  left?: import("@omnia/fx-models").SpacingValue;
1332
1388
  };
1333
1389
  background?: {
1334
- fill?: {
1390
+ fill?: string | {
1335
1391
  colors: (string | {
1336
- colorType: "base" | "onBase" | "container" | "onContainer";
1392
+ colorType: "container" | "base" | "onBase" | "onContainer";
1337
1393
  toned?: boolean;
1338
1394
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1339
1395
  } | {
1340
1396
  color: string | {
1341
- colorType: "base" | "onBase" | "container" | "onContainer";
1397
+ colorType: "container" | "base" | "onBase" | "onContainer";
1342
1398
  toned?: boolean;
1343
1399
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1344
1400
  };
@@ -1346,6 +1402,10 @@ export declare function useColorSchemaSetup(props: object): {
1346
1402
  })[];
1347
1403
  acrylic?: boolean;
1348
1404
  opacity?: number;
1405
+ } | {
1406
+ colorType: "container" | "base" | "onBase" | "onContainer";
1407
+ toned?: boolean;
1408
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1349
1409
  };
1350
1410
  border?: {
1351
1411
  radius?: {
@@ -1362,7 +1422,7 @@ export declare function useColorSchemaSetup(props: object): {
1362
1422
  };
1363
1423
  fill?: {
1364
1424
  colors: (string | {
1365
- colorType: "base" | "onBase" | "container" | "onContainer";
1425
+ colorType: "container" | "base" | "onBase" | "onContainer";
1366
1426
  toned?: boolean;
1367
1427
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1368
1428
  } | {
@@ -1379,12 +1439,12 @@ export declare function useColorSchemaSetup(props: object): {
1379
1439
  text?: {
1380
1440
  color?: string | {
1381
1441
  colors: (string | {
1382
- colorType: "base" | "onBase" | "container" | "onContainer";
1442
+ colorType: "container" | "base" | "onBase" | "onContainer";
1383
1443
  toned?: boolean;
1384
1444
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1385
1445
  } | {
1386
1446
  color: string | {
1387
- colorType: "base" | "onBase" | "container" | "onContainer";
1447
+ colorType: "container" | "base" | "onBase" | "onContainer";
1388
1448
  toned?: boolean;
1389
1449
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1390
1450
  };
@@ -1393,7 +1453,7 @@ export declare function useColorSchemaSetup(props: object): {
1393
1453
  acrylic?: boolean;
1394
1454
  opacity?: number;
1395
1455
  } | {
1396
- colorType: "base" | "onBase" | "container" | "onContainer";
1456
+ colorType: "container" | "base" | "onBase" | "onContainer";
1397
1457
  toned?: boolean;
1398
1458
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1399
1459
  };
@@ -1422,12 +1482,12 @@ export declare function useColorSchemaSetup(props: object): {
1422
1482
  icon?: {
1423
1483
  color?: {
1424
1484
  colors: (string | {
1425
- colorType: "base" | "onBase" | "container" | "onContainer";
1485
+ colorType: "container" | "base" | "onBase" | "onContainer";
1426
1486
  toned?: boolean;
1427
1487
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1428
1488
  } | {
1429
1489
  color: string | {
1430
- colorType: "base" | "onBase" | "container" | "onContainer";
1490
+ colorType: "container" | "base" | "onBase" | "onContainer";
1431
1491
  toned?: boolean;
1432
1492
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1433
1493
  };
@@ -1447,14 +1507,14 @@ export declare function useColorSchemaSetup(props: object): {
1447
1507
  left?: import("@omnia/fx-models").SpacingValue;
1448
1508
  };
1449
1509
  background?: {
1450
- fill?: {
1510
+ fill?: string | {
1451
1511
  colors: (string | {
1452
- colorType: "base" | "onBase" | "container" | "onContainer";
1512
+ colorType: "container" | "base" | "onBase" | "onContainer";
1453
1513
  toned?: boolean;
1454
1514
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1455
1515
  } | {
1456
1516
  color: string | {
1457
- colorType: "base" | "onBase" | "container" | "onContainer";
1517
+ colorType: "container" | "base" | "onBase" | "onContainer";
1458
1518
  toned?: boolean;
1459
1519
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1460
1520
  };
@@ -1462,6 +1522,10 @@ export declare function useColorSchemaSetup(props: object): {
1462
1522
  })[];
1463
1523
  acrylic?: boolean;
1464
1524
  opacity?: number;
1525
+ } | {
1526
+ colorType: "container" | "base" | "onBase" | "onContainer";
1527
+ toned?: boolean;
1528
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1465
1529
  };
1466
1530
  border?: {
1467
1531
  radius?: {
@@ -1478,7 +1542,7 @@ export declare function useColorSchemaSetup(props: object): {
1478
1542
  };
1479
1543
  fill?: {
1480
1544
  colors: (string | {
1481
- colorType: "base" | "onBase" | "container" | "onContainer";
1545
+ colorType: "container" | "base" | "onBase" | "onContainer";
1482
1546
  toned?: boolean;
1483
1547
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1484
1548
  } | {
@@ -1495,12 +1559,12 @@ export declare function useColorSchemaSetup(props: object): {
1495
1559
  text?: {
1496
1560
  color?: string | {
1497
1561
  colors: (string | {
1498
- colorType: "base" | "onBase" | "container" | "onContainer";
1562
+ colorType: "container" | "base" | "onBase" | "onContainer";
1499
1563
  toned?: boolean;
1500
1564
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1501
1565
  } | {
1502
1566
  color: string | {
1503
- colorType: "base" | "onBase" | "container" | "onContainer";
1567
+ colorType: "container" | "base" | "onBase" | "onContainer";
1504
1568
  toned?: boolean;
1505
1569
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1506
1570
  };
@@ -1509,7 +1573,7 @@ export declare function useColorSchemaSetup(props: object): {
1509
1573
  acrylic?: boolean;
1510
1574
  opacity?: number;
1511
1575
  } | {
1512
- colorType: "base" | "onBase" | "container" | "onContainer";
1576
+ colorType: "container" | "base" | "onBase" | "onContainer";
1513
1577
  toned?: boolean;
1514
1578
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1515
1579
  };
@@ -1538,12 +1602,12 @@ export declare function useColorSchemaSetup(props: object): {
1538
1602
  icon?: {
1539
1603
  color?: {
1540
1604
  colors: (string | {
1541
- colorType: "base" | "onBase" | "container" | "onContainer";
1605
+ colorType: "container" | "base" | "onBase" | "onContainer";
1542
1606
  toned?: boolean;
1543
1607
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1544
1608
  } | {
1545
1609
  color: string | {
1546
- colorType: "base" | "onBase" | "container" | "onContainer";
1610
+ colorType: "container" | "base" | "onBase" | "onContainer";
1547
1611
  toned?: boolean;
1548
1612
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1549
1613
  };
@@ -1563,14 +1627,14 @@ export declare function useColorSchemaSetup(props: object): {
1563
1627
  left?: import("@omnia/fx-models").SpacingValue;
1564
1628
  };
1565
1629
  background?: {
1566
- fill?: {
1630
+ fill?: string | {
1567
1631
  colors: (string | {
1568
- colorType: "base" | "onBase" | "container" | "onContainer";
1632
+ colorType: "container" | "base" | "onBase" | "onContainer";
1569
1633
  toned?: boolean;
1570
1634
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1571
1635
  } | {
1572
1636
  color: string | {
1573
- colorType: "base" | "onBase" | "container" | "onContainer";
1637
+ colorType: "container" | "base" | "onBase" | "onContainer";
1574
1638
  toned?: boolean;
1575
1639
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1576
1640
  };
@@ -1578,6 +1642,10 @@ export declare function useColorSchemaSetup(props: object): {
1578
1642
  })[];
1579
1643
  acrylic?: boolean;
1580
1644
  opacity?: number;
1645
+ } | {
1646
+ colorType: "container" | "base" | "onBase" | "onContainer";
1647
+ toned?: boolean;
1648
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1581
1649
  };
1582
1650
  border?: {
1583
1651
  radius?: {
@@ -1594,7 +1662,7 @@ export declare function useColorSchemaSetup(props: object): {
1594
1662
  };
1595
1663
  fill?: {
1596
1664
  colors: (string | {
1597
- colorType: "base" | "onBase" | "container" | "onContainer";
1665
+ colorType: "container" | "base" | "onBase" | "onContainer";
1598
1666
  toned?: boolean;
1599
1667
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1600
1668
  } | {
@@ -1611,12 +1679,12 @@ export declare function useColorSchemaSetup(props: object): {
1611
1679
  text?: {
1612
1680
  color?: string | {
1613
1681
  colors: (string | {
1614
- colorType: "base" | "onBase" | "container" | "onContainer";
1682
+ colorType: "container" | "base" | "onBase" | "onContainer";
1615
1683
  toned?: boolean;
1616
1684
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1617
1685
  } | {
1618
1686
  color: string | {
1619
- colorType: "base" | "onBase" | "container" | "onContainer";
1687
+ colorType: "container" | "base" | "onBase" | "onContainer";
1620
1688
  toned?: boolean;
1621
1689
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1622
1690
  };
@@ -1625,7 +1693,7 @@ export declare function useColorSchemaSetup(props: object): {
1625
1693
  acrylic?: boolean;
1626
1694
  opacity?: number;
1627
1695
  } | {
1628
- colorType: "base" | "onBase" | "container" | "onContainer";
1696
+ colorType: "container" | "base" | "onBase" | "onContainer";
1629
1697
  toned?: boolean;
1630
1698
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1631
1699
  };
@@ -1654,12 +1722,12 @@ export declare function useColorSchemaSetup(props: object): {
1654
1722
  icon?: {
1655
1723
  color?: {
1656
1724
  colors: (string | {
1657
- colorType: "base" | "onBase" | "container" | "onContainer";
1725
+ colorType: "container" | "base" | "onBase" | "onContainer";
1658
1726
  toned?: boolean;
1659
1727
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1660
1728
  } | {
1661
1729
  color: string | {
1662
- colorType: "base" | "onBase" | "container" | "onContainer";
1730
+ colorType: "container" | "base" | "onBase" | "onContainer";
1663
1731
  toned?: boolean;
1664
1732
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1665
1733
  };
@@ -1679,14 +1747,14 @@ export declare function useColorSchemaSetup(props: object): {
1679
1747
  left?: import("@omnia/fx-models").SpacingValue;
1680
1748
  };
1681
1749
  background?: {
1682
- fill?: {
1750
+ fill?: string | {
1683
1751
  colors: (string | {
1684
- colorType: "base" | "onBase" | "container" | "onContainer";
1752
+ colorType: "container" | "base" | "onBase" | "onContainer";
1685
1753
  toned?: boolean;
1686
1754
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1687
1755
  } | {
1688
1756
  color: string | {
1689
- colorType: "base" | "onBase" | "container" | "onContainer";
1757
+ colorType: "container" | "base" | "onBase" | "onContainer";
1690
1758
  toned?: boolean;
1691
1759
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1692
1760
  };
@@ -1694,6 +1762,10 @@ export declare function useColorSchemaSetup(props: object): {
1694
1762
  })[];
1695
1763
  acrylic?: boolean;
1696
1764
  opacity?: number;
1765
+ } | {
1766
+ colorType: "container" | "base" | "onBase" | "onContainer";
1767
+ toned?: boolean;
1768
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1697
1769
  };
1698
1770
  border?: {
1699
1771
  radius?: {
@@ -1710,7 +1782,7 @@ export declare function useColorSchemaSetup(props: object): {
1710
1782
  };
1711
1783
  fill?: {
1712
1784
  colors: (string | {
1713
- colorType: "base" | "onBase" | "container" | "onContainer";
1785
+ colorType: "container" | "base" | "onBase" | "onContainer";
1714
1786
  toned?: boolean;
1715
1787
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1716
1788
  } | {
@@ -1727,12 +1799,12 @@ export declare function useColorSchemaSetup(props: object): {
1727
1799
  text?: {
1728
1800
  color?: string | {
1729
1801
  colors: (string | {
1730
- colorType: "base" | "onBase" | "container" | "onContainer";
1802
+ colorType: "container" | "base" | "onBase" | "onContainer";
1731
1803
  toned?: boolean;
1732
1804
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1733
1805
  } | {
1734
1806
  color: string | {
1735
- colorType: "base" | "onBase" | "container" | "onContainer";
1807
+ colorType: "container" | "base" | "onBase" | "onContainer";
1736
1808
  toned?: boolean;
1737
1809
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1738
1810
  };
@@ -1741,7 +1813,7 @@ export declare function useColorSchemaSetup(props: object): {
1741
1813
  acrylic?: boolean;
1742
1814
  opacity?: number;
1743
1815
  } | {
1744
- colorType: "base" | "onBase" | "container" | "onContainer";
1816
+ colorType: "container" | "base" | "onBase" | "onContainer";
1745
1817
  toned?: boolean;
1746
1818
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1747
1819
  };
@@ -1770,12 +1842,12 @@ export declare function useColorSchemaSetup(props: object): {
1770
1842
  icon?: {
1771
1843
  color?: {
1772
1844
  colors: (string | {
1773
- colorType: "base" | "onBase" | "container" | "onContainer";
1845
+ colorType: "container" | "base" | "onBase" | "onContainer";
1774
1846
  toned?: boolean;
1775
1847
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1776
1848
  } | {
1777
1849
  color: string | {
1778
- colorType: "base" | "onBase" | "container" | "onContainer";
1850
+ colorType: "container" | "base" | "onBase" | "onContainer";
1779
1851
  toned?: boolean;
1780
1852
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1781
1853
  };
@@ -1795,14 +1867,14 @@ export declare function useColorSchemaSetup(props: object): {
1795
1867
  left?: import("@omnia/fx-models").SpacingValue;
1796
1868
  };
1797
1869
  background?: {
1798
- fill?: {
1870
+ fill?: string | {
1799
1871
  colors: (string | {
1800
- colorType: "base" | "onBase" | "container" | "onContainer";
1872
+ colorType: "container" | "base" | "onBase" | "onContainer";
1801
1873
  toned?: boolean;
1802
1874
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1803
1875
  } | {
1804
1876
  color: string | {
1805
- colorType: "base" | "onBase" | "container" | "onContainer";
1877
+ colorType: "container" | "base" | "onBase" | "onContainer";
1806
1878
  toned?: boolean;
1807
1879
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1808
1880
  };
@@ -1810,6 +1882,10 @@ export declare function useColorSchemaSetup(props: object): {
1810
1882
  })[];
1811
1883
  acrylic?: boolean;
1812
1884
  opacity?: number;
1885
+ } | {
1886
+ colorType: "container" | "base" | "onBase" | "onContainer";
1887
+ toned?: boolean;
1888
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1813
1889
  };
1814
1890
  border?: {
1815
1891
  radius?: {
@@ -1826,7 +1902,7 @@ export declare function useColorSchemaSetup(props: object): {
1826
1902
  };
1827
1903
  fill?: {
1828
1904
  colors: (string | {
1829
- colorType: "base" | "onBase" | "container" | "onContainer";
1905
+ colorType: "container" | "base" | "onBase" | "onContainer";
1830
1906
  toned?: boolean;
1831
1907
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1832
1908
  } | {
@@ -1843,12 +1919,12 @@ export declare function useColorSchemaSetup(props: object): {
1843
1919
  text?: {
1844
1920
  color?: string | {
1845
1921
  colors: (string | {
1846
- colorType: "base" | "onBase" | "container" | "onContainer";
1922
+ colorType: "container" | "base" | "onBase" | "onContainer";
1847
1923
  toned?: boolean;
1848
1924
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1849
1925
  } | {
1850
1926
  color: string | {
1851
- colorType: "base" | "onBase" | "container" | "onContainer";
1927
+ colorType: "container" | "base" | "onBase" | "onContainer";
1852
1928
  toned?: boolean;
1853
1929
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1854
1930
  };
@@ -1857,7 +1933,7 @@ export declare function useColorSchemaSetup(props: object): {
1857
1933
  acrylic?: boolean;
1858
1934
  opacity?: number;
1859
1935
  } | {
1860
- colorType: "base" | "onBase" | "container" | "onContainer";
1936
+ colorType: "container" | "base" | "onBase" | "onContainer";
1861
1937
  toned?: boolean;
1862
1938
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1863
1939
  };
@@ -1886,12 +1962,12 @@ export declare function useColorSchemaSetup(props: object): {
1886
1962
  icon?: {
1887
1963
  color?: {
1888
1964
  colors: (string | {
1889
- colorType: "base" | "onBase" | "container" | "onContainer";
1965
+ colorType: "container" | "base" | "onBase" | "onContainer";
1890
1966
  toned?: boolean;
1891
1967
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1892
1968
  } | {
1893
1969
  color: string | {
1894
- colorType: "base" | "onBase" | "container" | "onContainer";
1970
+ colorType: "container" | "base" | "onBase" | "onContainer";
1895
1971
  toned?: boolean;
1896
1972
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1897
1973
  };
@@ -1911,14 +1987,14 @@ export declare function useColorSchemaSetup(props: object): {
1911
1987
  left?: import("@omnia/fx-models").SpacingValue;
1912
1988
  };
1913
1989
  background?: {
1914
- fill?: {
1990
+ fill?: string | {
1915
1991
  colors: (string | {
1916
- colorType: "base" | "onBase" | "container" | "onContainer";
1992
+ colorType: "container" | "base" | "onBase" | "onContainer";
1917
1993
  toned?: boolean;
1918
1994
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1919
1995
  } | {
1920
1996
  color: string | {
1921
- colorType: "base" | "onBase" | "container" | "onContainer";
1997
+ colorType: "container" | "base" | "onBase" | "onContainer";
1922
1998
  toned?: boolean;
1923
1999
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1924
2000
  };
@@ -1926,6 +2002,10 @@ export declare function useColorSchemaSetup(props: object): {
1926
2002
  })[];
1927
2003
  acrylic?: boolean;
1928
2004
  opacity?: number;
2005
+ } | {
2006
+ colorType: "container" | "base" | "onBase" | "onContainer";
2007
+ toned?: boolean;
2008
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1929
2009
  };
1930
2010
  border?: {
1931
2011
  radius?: {
@@ -1942,7 +2022,7 @@ export declare function useColorSchemaSetup(props: object): {
1942
2022
  };
1943
2023
  fill?: {
1944
2024
  colors: (string | {
1945
- colorType: "base" | "onBase" | "container" | "onContainer";
2025
+ colorType: "container" | "base" | "onBase" | "onContainer";
1946
2026
  toned?: boolean;
1947
2027
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1948
2028
  } | {
@@ -1959,12 +2039,12 @@ export declare function useColorSchemaSetup(props: object): {
1959
2039
  text?: {
1960
2040
  color?: string | {
1961
2041
  colors: (string | {
1962
- colorType: "base" | "onBase" | "container" | "onContainer";
2042
+ colorType: "container" | "base" | "onBase" | "onContainer";
1963
2043
  toned?: boolean;
1964
2044
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1965
2045
  } | {
1966
2046
  color: string | {
1967
- colorType: "base" | "onBase" | "container" | "onContainer";
2047
+ colorType: "container" | "base" | "onBase" | "onContainer";
1968
2048
  toned?: boolean;
1969
2049
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1970
2050
  };
@@ -1973,7 +2053,7 @@ export declare function useColorSchemaSetup(props: object): {
1973
2053
  acrylic?: boolean;
1974
2054
  opacity?: number;
1975
2055
  } | {
1976
- colorType: "base" | "onBase" | "container" | "onContainer";
2056
+ colorType: "container" | "base" | "onBase" | "onContainer";
1977
2057
  toned?: boolean;
1978
2058
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1979
2059
  };
@@ -2002,12 +2082,12 @@ export declare function useColorSchemaSetup(props: object): {
2002
2082
  icon?: {
2003
2083
  color?: {
2004
2084
  colors: (string | {
2005
- colorType: "base" | "onBase" | "container" | "onContainer";
2085
+ colorType: "container" | "base" | "onBase" | "onContainer";
2006
2086
  toned?: boolean;
2007
2087
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2008
2088
  } | {
2009
2089
  color: string | {
2010
- colorType: "base" | "onBase" | "container" | "onContainer";
2090
+ colorType: "container" | "base" | "onBase" | "onContainer";
2011
2091
  toned?: boolean;
2012
2092
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2013
2093
  };
@@ -2027,14 +2107,14 @@ export declare function useColorSchemaSetup(props: object): {
2027
2107
  left?: import("@omnia/fx-models").SpacingValue;
2028
2108
  };
2029
2109
  background?: {
2030
- fill?: {
2110
+ fill?: string | {
2031
2111
  colors: (string | {
2032
- colorType: "base" | "onBase" | "container" | "onContainer";
2112
+ colorType: "container" | "base" | "onBase" | "onContainer";
2033
2113
  toned?: boolean;
2034
2114
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2035
2115
  } | {
2036
2116
  color: string | {
2037
- colorType: "base" | "onBase" | "container" | "onContainer";
2117
+ colorType: "container" | "base" | "onBase" | "onContainer";
2038
2118
  toned?: boolean;
2039
2119
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2040
2120
  };
@@ -2042,6 +2122,10 @@ export declare function useColorSchemaSetup(props: object): {
2042
2122
  })[];
2043
2123
  acrylic?: boolean;
2044
2124
  opacity?: number;
2125
+ } | {
2126
+ colorType: "container" | "base" | "onBase" | "onContainer";
2127
+ toned?: boolean;
2128
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2045
2129
  };
2046
2130
  border?: {
2047
2131
  radius?: {
@@ -2058,7 +2142,7 @@ export declare function useColorSchemaSetup(props: object): {
2058
2142
  };
2059
2143
  fill?: {
2060
2144
  colors: (string | {
2061
- colorType: "base" | "onBase" | "container" | "onContainer";
2145
+ colorType: "container" | "base" | "onBase" | "onContainer";
2062
2146
  toned?: boolean;
2063
2147
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2064
2148
  } | {
@@ -2075,12 +2159,12 @@ export declare function useColorSchemaSetup(props: object): {
2075
2159
  text?: {
2076
2160
  color?: string | {
2077
2161
  colors: (string | {
2078
- colorType: "base" | "onBase" | "container" | "onContainer";
2162
+ colorType: "container" | "base" | "onBase" | "onContainer";
2079
2163
  toned?: boolean;
2080
2164
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2081
2165
  } | {
2082
2166
  color: string | {
2083
- colorType: "base" | "onBase" | "container" | "onContainer";
2167
+ colorType: "container" | "base" | "onBase" | "onContainer";
2084
2168
  toned?: boolean;
2085
2169
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2086
2170
  };
@@ -2089,7 +2173,7 @@ export declare function useColorSchemaSetup(props: object): {
2089
2173
  acrylic?: boolean;
2090
2174
  opacity?: number;
2091
2175
  } | {
2092
- colorType: "base" | "onBase" | "container" | "onContainer";
2176
+ colorType: "container" | "base" | "onBase" | "onContainer";
2093
2177
  toned?: boolean;
2094
2178
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2095
2179
  };
@@ -2118,12 +2202,12 @@ export declare function useColorSchemaSetup(props: object): {
2118
2202
  icon?: {
2119
2203
  color?: {
2120
2204
  colors: (string | {
2121
- colorType: "base" | "onBase" | "container" | "onContainer";
2205
+ colorType: "container" | "base" | "onBase" | "onContainer";
2122
2206
  toned?: boolean;
2123
2207
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2124
2208
  } | {
2125
2209
  color: string | {
2126
- colorType: "base" | "onBase" | "container" | "onContainer";
2210
+ colorType: "container" | "base" | "onBase" | "onContainer";
2127
2211
  toned?: boolean;
2128
2212
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2129
2213
  };
@@ -2145,14 +2229,14 @@ export declare function useColorSchemaSetup(props: object): {
2145
2229
  left?: import("@omnia/fx-models").SpacingValue;
2146
2230
  };
2147
2231
  background?: {
2148
- fill?: {
2232
+ fill?: string | {
2149
2233
  colors: (string | {
2150
- colorType: "base" | "onBase" | "container" | "onContainer";
2234
+ colorType: "container" | "base" | "onBase" | "onContainer";
2151
2235
  toned?: boolean;
2152
2236
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2153
2237
  } | {
2154
2238
  color: string | {
2155
- colorType: "base" | "onBase" | "container" | "onContainer";
2239
+ colorType: "container" | "base" | "onBase" | "onContainer";
2156
2240
  toned?: boolean;
2157
2241
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2158
2242
  };
@@ -2160,6 +2244,10 @@ export declare function useColorSchemaSetup(props: object): {
2160
2244
  })[];
2161
2245
  acrylic?: boolean;
2162
2246
  opacity?: number;
2247
+ } | {
2248
+ colorType: "container" | "base" | "onBase" | "onContainer";
2249
+ toned?: boolean;
2250
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2163
2251
  };
2164
2252
  border?: {
2165
2253
  radius?: {
@@ -2176,7 +2264,7 @@ export declare function useColorSchemaSetup(props: object): {
2176
2264
  };
2177
2265
  fill?: {
2178
2266
  colors: (string | {
2179
- colorType: "base" | "onBase" | "container" | "onContainer";
2267
+ colorType: "container" | "base" | "onBase" | "onContainer";
2180
2268
  toned?: boolean;
2181
2269
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2182
2270
  } | {
@@ -2193,12 +2281,12 @@ export declare function useColorSchemaSetup(props: object): {
2193
2281
  text?: {
2194
2282
  color?: string | {
2195
2283
  colors: (string | {
2196
- colorType: "base" | "onBase" | "container" | "onContainer";
2284
+ colorType: "container" | "base" | "onBase" | "onContainer";
2197
2285
  toned?: boolean;
2198
2286
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2199
2287
  } | {
2200
2288
  color: string | {
2201
- colorType: "base" | "onBase" | "container" | "onContainer";
2289
+ colorType: "container" | "base" | "onBase" | "onContainer";
2202
2290
  toned?: boolean;
2203
2291
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2204
2292
  };
@@ -2207,7 +2295,7 @@ export declare function useColorSchemaSetup(props: object): {
2207
2295
  acrylic?: boolean;
2208
2296
  opacity?: number;
2209
2297
  } | {
2210
- colorType: "base" | "onBase" | "container" | "onContainer";
2298
+ colorType: "container" | "base" | "onBase" | "onContainer";
2211
2299
  toned?: boolean;
2212
2300
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2213
2301
  };
@@ -2236,12 +2324,12 @@ export declare function useColorSchemaSetup(props: object): {
2236
2324
  icon?: {
2237
2325
  color?: {
2238
2326
  colors: (string | {
2239
- colorType: "base" | "onBase" | "container" | "onContainer";
2327
+ colorType: "container" | "base" | "onBase" | "onContainer";
2240
2328
  toned?: boolean;
2241
2329
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2242
2330
  } | {
2243
2331
  color: string | {
2244
- colorType: "base" | "onBase" | "container" | "onContainer";
2332
+ colorType: "container" | "base" | "onBase" | "onContainer";
2245
2333
  toned?: boolean;
2246
2334
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2247
2335
  };
@@ -2261,14 +2349,14 @@ export declare function useColorSchemaSetup(props: object): {
2261
2349
  left?: import("@omnia/fx-models").SpacingValue;
2262
2350
  };
2263
2351
  background?: {
2264
- fill?: {
2352
+ fill?: string | {
2265
2353
  colors: (string | {
2266
- colorType: "base" | "onBase" | "container" | "onContainer";
2354
+ colorType: "container" | "base" | "onBase" | "onContainer";
2267
2355
  toned?: boolean;
2268
2356
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2269
2357
  } | {
2270
2358
  color: string | {
2271
- colorType: "base" | "onBase" | "container" | "onContainer";
2359
+ colorType: "container" | "base" | "onBase" | "onContainer";
2272
2360
  toned?: boolean;
2273
2361
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2274
2362
  };
@@ -2276,6 +2364,10 @@ export declare function useColorSchemaSetup(props: object): {
2276
2364
  })[];
2277
2365
  acrylic?: boolean;
2278
2366
  opacity?: number;
2367
+ } | {
2368
+ colorType: "container" | "base" | "onBase" | "onContainer";
2369
+ toned?: boolean;
2370
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2279
2371
  };
2280
2372
  border?: {
2281
2373
  radius?: {
@@ -2292,7 +2384,7 @@ export declare function useColorSchemaSetup(props: object): {
2292
2384
  };
2293
2385
  fill?: {
2294
2386
  colors: (string | {
2295
- colorType: "base" | "onBase" | "container" | "onContainer";
2387
+ colorType: "container" | "base" | "onBase" | "onContainer";
2296
2388
  toned?: boolean;
2297
2389
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2298
2390
  } | {
@@ -2309,12 +2401,12 @@ export declare function useColorSchemaSetup(props: object): {
2309
2401
  text?: {
2310
2402
  color?: string | {
2311
2403
  colors: (string | {
2312
- colorType: "base" | "onBase" | "container" | "onContainer";
2404
+ colorType: "container" | "base" | "onBase" | "onContainer";
2313
2405
  toned?: boolean;
2314
2406
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2315
2407
  } | {
2316
2408
  color: string | {
2317
- colorType: "base" | "onBase" | "container" | "onContainer";
2409
+ colorType: "container" | "base" | "onBase" | "onContainer";
2318
2410
  toned?: boolean;
2319
2411
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2320
2412
  };
@@ -2323,7 +2415,7 @@ export declare function useColorSchemaSetup(props: object): {
2323
2415
  acrylic?: boolean;
2324
2416
  opacity?: number;
2325
2417
  } | {
2326
- colorType: "base" | "onBase" | "container" | "onContainer";
2418
+ colorType: "container" | "base" | "onBase" | "onContainer";
2327
2419
  toned?: boolean;
2328
2420
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2329
2421
  };
@@ -2352,12 +2444,12 @@ export declare function useColorSchemaSetup(props: object): {
2352
2444
  icon?: {
2353
2445
  color?: {
2354
2446
  colors: (string | {
2355
- colorType: "base" | "onBase" | "container" | "onContainer";
2447
+ colorType: "container" | "base" | "onBase" | "onContainer";
2356
2448
  toned?: boolean;
2357
2449
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2358
2450
  } | {
2359
2451
  color: string | {
2360
- colorType: "base" | "onBase" | "container" | "onContainer";
2452
+ colorType: "container" | "base" | "onBase" | "onContainer";
2361
2453
  toned?: boolean;
2362
2454
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2363
2455
  };
@@ -2377,14 +2469,14 @@ export declare function useColorSchemaSetup(props: object): {
2377
2469
  left?: import("@omnia/fx-models").SpacingValue;
2378
2470
  };
2379
2471
  background?: {
2380
- fill?: {
2472
+ fill?: string | {
2381
2473
  colors: (string | {
2382
- colorType: "base" | "onBase" | "container" | "onContainer";
2474
+ colorType: "container" | "base" | "onBase" | "onContainer";
2383
2475
  toned?: boolean;
2384
2476
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2385
2477
  } | {
2386
2478
  color: string | {
2387
- colorType: "base" | "onBase" | "container" | "onContainer";
2479
+ colorType: "container" | "base" | "onBase" | "onContainer";
2388
2480
  toned?: boolean;
2389
2481
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2390
2482
  };
@@ -2392,6 +2484,10 @@ export declare function useColorSchemaSetup(props: object): {
2392
2484
  })[];
2393
2485
  acrylic?: boolean;
2394
2486
  opacity?: number;
2487
+ } | {
2488
+ colorType: "container" | "base" | "onBase" | "onContainer";
2489
+ toned?: boolean;
2490
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2395
2491
  };
2396
2492
  border?: {
2397
2493
  radius?: {
@@ -2408,7 +2504,7 @@ export declare function useColorSchemaSetup(props: object): {
2408
2504
  };
2409
2505
  fill?: {
2410
2506
  colors: (string | {
2411
- colorType: "base" | "onBase" | "container" | "onContainer";
2507
+ colorType: "container" | "base" | "onBase" | "onContainer";
2412
2508
  toned?: boolean;
2413
2509
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2414
2510
  } | {
@@ -2425,12 +2521,12 @@ export declare function useColorSchemaSetup(props: object): {
2425
2521
  text?: {
2426
2522
  color?: string | {
2427
2523
  colors: (string | {
2428
- colorType: "base" | "onBase" | "container" | "onContainer";
2524
+ colorType: "container" | "base" | "onBase" | "onContainer";
2429
2525
  toned?: boolean;
2430
2526
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2431
2527
  } | {
2432
2528
  color: string | {
2433
- colorType: "base" | "onBase" | "container" | "onContainer";
2529
+ colorType: "container" | "base" | "onBase" | "onContainer";
2434
2530
  toned?: boolean;
2435
2531
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2436
2532
  };
@@ -2439,7 +2535,7 @@ export declare function useColorSchemaSetup(props: object): {
2439
2535
  acrylic?: boolean;
2440
2536
  opacity?: number;
2441
2537
  } | {
2442
- colorType: "base" | "onBase" | "container" | "onContainer";
2538
+ colorType: "container" | "base" | "onBase" | "onContainer";
2443
2539
  toned?: boolean;
2444
2540
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2445
2541
  };
@@ -2468,12 +2564,12 @@ export declare function useColorSchemaSetup(props: object): {
2468
2564
  icon?: {
2469
2565
  color?: {
2470
2566
  colors: (string | {
2471
- colorType: "base" | "onBase" | "container" | "onContainer";
2567
+ colorType: "container" | "base" | "onBase" | "onContainer";
2472
2568
  toned?: boolean;
2473
2569
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2474
2570
  } | {
2475
2571
  color: string | {
2476
- colorType: "base" | "onBase" | "container" | "onContainer";
2572
+ colorType: "container" | "base" | "onBase" | "onContainer";
2477
2573
  toned?: boolean;
2478
2574
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2479
2575
  };
@@ -2493,14 +2589,14 @@ export declare function useColorSchemaSetup(props: object): {
2493
2589
  left?: import("@omnia/fx-models").SpacingValue;
2494
2590
  };
2495
2591
  background?: {
2496
- fill?: {
2592
+ fill?: string | {
2497
2593
  colors: (string | {
2498
- colorType: "base" | "onBase" | "container" | "onContainer";
2594
+ colorType: "container" | "base" | "onBase" | "onContainer";
2499
2595
  toned?: boolean;
2500
2596
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2501
2597
  } | {
2502
2598
  color: string | {
2503
- colorType: "base" | "onBase" | "container" | "onContainer";
2599
+ colorType: "container" | "base" | "onBase" | "onContainer";
2504
2600
  toned?: boolean;
2505
2601
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2506
2602
  };
@@ -2508,6 +2604,10 @@ export declare function useColorSchemaSetup(props: object): {
2508
2604
  })[];
2509
2605
  acrylic?: boolean;
2510
2606
  opacity?: number;
2607
+ } | {
2608
+ colorType: "container" | "base" | "onBase" | "onContainer";
2609
+ toned?: boolean;
2610
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2511
2611
  };
2512
2612
  border?: {
2513
2613
  radius?: {
@@ -2524,7 +2624,7 @@ export declare function useColorSchemaSetup(props: object): {
2524
2624
  };
2525
2625
  fill?: {
2526
2626
  colors: (string | {
2527
- colorType: "base" | "onBase" | "container" | "onContainer";
2627
+ colorType: "container" | "base" | "onBase" | "onContainer";
2528
2628
  toned?: boolean;
2529
2629
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2530
2630
  } | {
@@ -2541,12 +2641,12 @@ export declare function useColorSchemaSetup(props: object): {
2541
2641
  text?: {
2542
2642
  color?: string | {
2543
2643
  colors: (string | {
2544
- colorType: "base" | "onBase" | "container" | "onContainer";
2644
+ colorType: "container" | "base" | "onBase" | "onContainer";
2545
2645
  toned?: boolean;
2546
2646
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2547
2647
  } | {
2548
2648
  color: string | {
2549
- colorType: "base" | "onBase" | "container" | "onContainer";
2649
+ colorType: "container" | "base" | "onBase" | "onContainer";
2550
2650
  toned?: boolean;
2551
2651
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2552
2652
  };
@@ -2555,7 +2655,7 @@ export declare function useColorSchemaSetup(props: object): {
2555
2655
  acrylic?: boolean;
2556
2656
  opacity?: number;
2557
2657
  } | {
2558
- colorType: "base" | "onBase" | "container" | "onContainer";
2658
+ colorType: "container" | "base" | "onBase" | "onContainer";
2559
2659
  toned?: boolean;
2560
2660
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2561
2661
  };
@@ -2584,12 +2684,12 @@ export declare function useColorSchemaSetup(props: object): {
2584
2684
  icon?: {
2585
2685
  color?: {
2586
2686
  colors: (string | {
2587
- colorType: "base" | "onBase" | "container" | "onContainer";
2687
+ colorType: "container" | "base" | "onBase" | "onContainer";
2588
2688
  toned?: boolean;
2589
2689
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2590
2690
  } | {
2591
2691
  color: string | {
2592
- colorType: "base" | "onBase" | "container" | "onContainer";
2692
+ colorType: "container" | "base" | "onBase" | "onContainer";
2593
2693
  toned?: boolean;
2594
2694
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2595
2695
  };
@@ -2609,14 +2709,14 @@ export declare function useColorSchemaSetup(props: object): {
2609
2709
  left?: import("@omnia/fx-models").SpacingValue;
2610
2710
  };
2611
2711
  background?: {
2612
- fill?: {
2712
+ fill?: string | {
2613
2713
  colors: (string | {
2614
- colorType: "base" | "onBase" | "container" | "onContainer";
2714
+ colorType: "container" | "base" | "onBase" | "onContainer";
2615
2715
  toned?: boolean;
2616
2716
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2617
2717
  } | {
2618
2718
  color: string | {
2619
- colorType: "base" | "onBase" | "container" | "onContainer";
2719
+ colorType: "container" | "base" | "onBase" | "onContainer";
2620
2720
  toned?: boolean;
2621
2721
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2622
2722
  };
@@ -2624,6 +2724,10 @@ export declare function useColorSchemaSetup(props: object): {
2624
2724
  })[];
2625
2725
  acrylic?: boolean;
2626
2726
  opacity?: number;
2727
+ } | {
2728
+ colorType: "container" | "base" | "onBase" | "onContainer";
2729
+ toned?: boolean;
2730
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2627
2731
  };
2628
2732
  border?: {
2629
2733
  radius?: {
@@ -2640,7 +2744,7 @@ export declare function useColorSchemaSetup(props: object): {
2640
2744
  };
2641
2745
  fill?: {
2642
2746
  colors: (string | {
2643
- colorType: "base" | "onBase" | "container" | "onContainer";
2747
+ colorType: "container" | "base" | "onBase" | "onContainer";
2644
2748
  toned?: boolean;
2645
2749
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2646
2750
  } | {
@@ -2657,12 +2761,12 @@ export declare function useColorSchemaSetup(props: object): {
2657
2761
  text?: {
2658
2762
  color?: string | {
2659
2763
  colors: (string | {
2660
- colorType: "base" | "onBase" | "container" | "onContainer";
2764
+ colorType: "container" | "base" | "onBase" | "onContainer";
2661
2765
  toned?: boolean;
2662
2766
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2663
2767
  } | {
2664
2768
  color: string | {
2665
- colorType: "base" | "onBase" | "container" | "onContainer";
2769
+ colorType: "container" | "base" | "onBase" | "onContainer";
2666
2770
  toned?: boolean;
2667
2771
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2668
2772
  };
@@ -2671,7 +2775,7 @@ export declare function useColorSchemaSetup(props: object): {
2671
2775
  acrylic?: boolean;
2672
2776
  opacity?: number;
2673
2777
  } | {
2674
- colorType: "base" | "onBase" | "container" | "onContainer";
2778
+ colorType: "container" | "base" | "onBase" | "onContainer";
2675
2779
  toned?: boolean;
2676
2780
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2677
2781
  };
@@ -2700,12 +2804,12 @@ export declare function useColorSchemaSetup(props: object): {
2700
2804
  icon?: {
2701
2805
  color?: {
2702
2806
  colors: (string | {
2703
- colorType: "base" | "onBase" | "container" | "onContainer";
2807
+ colorType: "container" | "base" | "onBase" | "onContainer";
2704
2808
  toned?: boolean;
2705
2809
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2706
2810
  } | {
2707
2811
  color: string | {
2708
- colorType: "base" | "onBase" | "container" | "onContainer";
2812
+ colorType: "container" | "base" | "onBase" | "onContainer";
2709
2813
  toned?: boolean;
2710
2814
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2711
2815
  };
@@ -2725,14 +2829,14 @@ export declare function useColorSchemaSetup(props: object): {
2725
2829
  left?: import("@omnia/fx-models").SpacingValue;
2726
2830
  };
2727
2831
  background?: {
2728
- fill?: {
2832
+ fill?: string | {
2729
2833
  colors: (string | {
2730
- colorType: "base" | "onBase" | "container" | "onContainer";
2834
+ colorType: "container" | "base" | "onBase" | "onContainer";
2731
2835
  toned?: boolean;
2732
2836
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2733
2837
  } | {
2734
2838
  color: string | {
2735
- colorType: "base" | "onBase" | "container" | "onContainer";
2839
+ colorType: "container" | "base" | "onBase" | "onContainer";
2736
2840
  toned?: boolean;
2737
2841
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2738
2842
  };
@@ -2740,6 +2844,10 @@ export declare function useColorSchemaSetup(props: object): {
2740
2844
  })[];
2741
2845
  acrylic?: boolean;
2742
2846
  opacity?: number;
2847
+ } | {
2848
+ colorType: "container" | "base" | "onBase" | "onContainer";
2849
+ toned?: boolean;
2850
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2743
2851
  };
2744
2852
  border?: {
2745
2853
  radius?: {
@@ -2756,7 +2864,7 @@ export declare function useColorSchemaSetup(props: object): {
2756
2864
  };
2757
2865
  fill?: {
2758
2866
  colors: (string | {
2759
- colorType: "base" | "onBase" | "container" | "onContainer";
2867
+ colorType: "container" | "base" | "onBase" | "onContainer";
2760
2868
  toned?: boolean;
2761
2869
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2762
2870
  } | {
@@ -2773,12 +2881,12 @@ export declare function useColorSchemaSetup(props: object): {
2773
2881
  text?: {
2774
2882
  color?: string | {
2775
2883
  colors: (string | {
2776
- colorType: "base" | "onBase" | "container" | "onContainer";
2884
+ colorType: "container" | "base" | "onBase" | "onContainer";
2777
2885
  toned?: boolean;
2778
2886
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2779
2887
  } | {
2780
2888
  color: string | {
2781
- colorType: "base" | "onBase" | "container" | "onContainer";
2889
+ colorType: "container" | "base" | "onBase" | "onContainer";
2782
2890
  toned?: boolean;
2783
2891
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2784
2892
  };
@@ -2787,7 +2895,7 @@ export declare function useColorSchemaSetup(props: object): {
2787
2895
  acrylic?: boolean;
2788
2896
  opacity?: number;
2789
2897
  } | {
2790
- colorType: "base" | "onBase" | "container" | "onContainer";
2898
+ colorType: "container" | "base" | "onBase" | "onContainer";
2791
2899
  toned?: boolean;
2792
2900
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2793
2901
  };
@@ -2816,12 +2924,12 @@ export declare function useColorSchemaSetup(props: object): {
2816
2924
  icon?: {
2817
2925
  color?: {
2818
2926
  colors: (string | {
2819
- colorType: "base" | "onBase" | "container" | "onContainer";
2927
+ colorType: "container" | "base" | "onBase" | "onContainer";
2820
2928
  toned?: boolean;
2821
2929
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2822
2930
  } | {
2823
2931
  color: string | {
2824
- colorType: "base" | "onBase" | "container" | "onContainer";
2932
+ colorType: "container" | "base" | "onBase" | "onContainer";
2825
2933
  toned?: boolean;
2826
2934
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2827
2935
  };
@@ -2841,14 +2949,14 @@ export declare function useColorSchemaSetup(props: object): {
2841
2949
  left?: import("@omnia/fx-models").SpacingValue;
2842
2950
  };
2843
2951
  background?: {
2844
- fill?: {
2952
+ fill?: string | {
2845
2953
  colors: (string | {
2846
- colorType: "base" | "onBase" | "container" | "onContainer";
2954
+ colorType: "container" | "base" | "onBase" | "onContainer";
2847
2955
  toned?: boolean;
2848
2956
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2849
2957
  } | {
2850
2958
  color: string | {
2851
- colorType: "base" | "onBase" | "container" | "onContainer";
2959
+ colorType: "container" | "base" | "onBase" | "onContainer";
2852
2960
  toned?: boolean;
2853
2961
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2854
2962
  };
@@ -2856,6 +2964,10 @@ export declare function useColorSchemaSetup(props: object): {
2856
2964
  })[];
2857
2965
  acrylic?: boolean;
2858
2966
  opacity?: number;
2967
+ } | {
2968
+ colorType: "container" | "base" | "onBase" | "onContainer";
2969
+ toned?: boolean;
2970
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2859
2971
  };
2860
2972
  border?: {
2861
2973
  radius?: {
@@ -2872,7 +2984,7 @@ export declare function useColorSchemaSetup(props: object): {
2872
2984
  };
2873
2985
  fill?: {
2874
2986
  colors: (string | {
2875
- colorType: "base" | "onBase" | "container" | "onContainer";
2987
+ colorType: "container" | "base" | "onBase" | "onContainer";
2876
2988
  toned?: boolean;
2877
2989
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2878
2990
  } | {
@@ -2889,12 +3001,12 @@ export declare function useColorSchemaSetup(props: object): {
2889
3001
  text?: {
2890
3002
  color?: string | {
2891
3003
  colors: (string | {
2892
- colorType: "base" | "onBase" | "container" | "onContainer";
3004
+ colorType: "container" | "base" | "onBase" | "onContainer";
2893
3005
  toned?: boolean;
2894
3006
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2895
3007
  } | {
2896
3008
  color: string | {
2897
- colorType: "base" | "onBase" | "container" | "onContainer";
3009
+ colorType: "container" | "base" | "onBase" | "onContainer";
2898
3010
  toned?: boolean;
2899
3011
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2900
3012
  };
@@ -2903,7 +3015,7 @@ export declare function useColorSchemaSetup(props: object): {
2903
3015
  acrylic?: boolean;
2904
3016
  opacity?: number;
2905
3017
  } | {
2906
- colorType: "base" | "onBase" | "container" | "onContainer";
3018
+ colorType: "container" | "base" | "onBase" | "onContainer";
2907
3019
  toned?: boolean;
2908
3020
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2909
3021
  };
@@ -2932,12 +3044,12 @@ export declare function useColorSchemaSetup(props: object): {
2932
3044
  icon?: {
2933
3045
  color?: {
2934
3046
  colors: (string | {
2935
- colorType: "base" | "onBase" | "container" | "onContainer";
3047
+ colorType: "container" | "base" | "onBase" | "onContainer";
2936
3048
  toned?: boolean;
2937
3049
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2938
3050
  } | {
2939
3051
  color: string | {
2940
- colorType: "base" | "onBase" | "container" | "onContainer";
3052
+ colorType: "container" | "base" | "onBase" | "onContainer";
2941
3053
  toned?: boolean;
2942
3054
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2943
3055
  };
@@ -2957,14 +3069,14 @@ export declare function useColorSchemaSetup(props: object): {
2957
3069
  left?: import("@omnia/fx-models").SpacingValue;
2958
3070
  };
2959
3071
  background?: {
2960
- fill?: {
3072
+ fill?: string | {
2961
3073
  colors: (string | {
2962
- colorType: "base" | "onBase" | "container" | "onContainer";
3074
+ colorType: "container" | "base" | "onBase" | "onContainer";
2963
3075
  toned?: boolean;
2964
3076
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2965
3077
  } | {
2966
3078
  color: string | {
2967
- colorType: "base" | "onBase" | "container" | "onContainer";
3079
+ colorType: "container" | "base" | "onBase" | "onContainer";
2968
3080
  toned?: boolean;
2969
3081
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2970
3082
  };
@@ -2972,6 +3084,10 @@ export declare function useColorSchemaSetup(props: object): {
2972
3084
  })[];
2973
3085
  acrylic?: boolean;
2974
3086
  opacity?: number;
3087
+ } | {
3088
+ colorType: "container" | "base" | "onBase" | "onContainer";
3089
+ toned?: boolean;
3090
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2975
3091
  };
2976
3092
  border?: {
2977
3093
  radius?: {
@@ -2988,7 +3104,7 @@ export declare function useColorSchemaSetup(props: object): {
2988
3104
  };
2989
3105
  fill?: {
2990
3106
  colors: (string | {
2991
- colorType: "base" | "onBase" | "container" | "onContainer";
3107
+ colorType: "container" | "base" | "onBase" | "onContainer";
2992
3108
  toned?: boolean;
2993
3109
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2994
3110
  } | {
@@ -3005,12 +3121,12 @@ export declare function useColorSchemaSetup(props: object): {
3005
3121
  text?: {
3006
3122
  color?: string | {
3007
3123
  colors: (string | {
3008
- colorType: "base" | "onBase" | "container" | "onContainer";
3124
+ colorType: "container" | "base" | "onBase" | "onContainer";
3009
3125
  toned?: boolean;
3010
3126
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3011
3127
  } | {
3012
3128
  color: string | {
3013
- colorType: "base" | "onBase" | "container" | "onContainer";
3129
+ colorType: "container" | "base" | "onBase" | "onContainer";
3014
3130
  toned?: boolean;
3015
3131
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3016
3132
  };
@@ -3019,7 +3135,7 @@ export declare function useColorSchemaSetup(props: object): {
3019
3135
  acrylic?: boolean;
3020
3136
  opacity?: number;
3021
3137
  } | {
3022
- colorType: "base" | "onBase" | "container" | "onContainer";
3138
+ colorType: "container" | "base" | "onBase" | "onContainer";
3023
3139
  toned?: boolean;
3024
3140
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3025
3141
  };
@@ -3048,12 +3164,12 @@ export declare function useColorSchemaSetup(props: object): {
3048
3164
  icon?: {
3049
3165
  color?: {
3050
3166
  colors: (string | {
3051
- colorType: "base" | "onBase" | "container" | "onContainer";
3167
+ colorType: "container" | "base" | "onBase" | "onContainer";
3052
3168
  toned?: boolean;
3053
3169
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3054
3170
  } | {
3055
3171
  color: string | {
3056
- colorType: "base" | "onBase" | "container" | "onContainer";
3172
+ colorType: "container" | "base" | "onBase" | "onContainer";
3057
3173
  toned?: boolean;
3058
3174
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3059
3175
  };
@@ -3073,14 +3189,14 @@ export declare function useColorSchemaSetup(props: object): {
3073
3189
  left?: import("@omnia/fx-models").SpacingValue;
3074
3190
  };
3075
3191
  background?: {
3076
- fill?: {
3192
+ fill?: string | {
3077
3193
  colors: (string | {
3078
- colorType: "base" | "onBase" | "container" | "onContainer";
3194
+ colorType: "container" | "base" | "onBase" | "onContainer";
3079
3195
  toned?: boolean;
3080
3196
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3081
3197
  } | {
3082
3198
  color: string | {
3083
- colorType: "base" | "onBase" | "container" | "onContainer";
3199
+ colorType: "container" | "base" | "onBase" | "onContainer";
3084
3200
  toned?: boolean;
3085
3201
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3086
3202
  };
@@ -3088,6 +3204,10 @@ export declare function useColorSchemaSetup(props: object): {
3088
3204
  })[];
3089
3205
  acrylic?: boolean;
3090
3206
  opacity?: number;
3207
+ } | {
3208
+ colorType: "container" | "base" | "onBase" | "onContainer";
3209
+ toned?: boolean;
3210
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3091
3211
  };
3092
3212
  border?: {
3093
3213
  radius?: {
@@ -3104,7 +3224,7 @@ export declare function useColorSchemaSetup(props: object): {
3104
3224
  };
3105
3225
  fill?: {
3106
3226
  colors: (string | {
3107
- colorType: "base" | "onBase" | "container" | "onContainer";
3227
+ colorType: "container" | "base" | "onBase" | "onContainer";
3108
3228
  toned?: boolean;
3109
3229
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3110
3230
  } | {
@@ -3121,12 +3241,12 @@ export declare function useColorSchemaSetup(props: object): {
3121
3241
  text?: {
3122
3242
  color?: string | {
3123
3243
  colors: (string | {
3124
- colorType: "base" | "onBase" | "container" | "onContainer";
3244
+ colorType: "container" | "base" | "onBase" | "onContainer";
3125
3245
  toned?: boolean;
3126
3246
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3127
3247
  } | {
3128
3248
  color: string | {
3129
- colorType: "base" | "onBase" | "container" | "onContainer";
3249
+ colorType: "container" | "base" | "onBase" | "onContainer";
3130
3250
  toned?: boolean;
3131
3251
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3132
3252
  };
@@ -3135,7 +3255,7 @@ export declare function useColorSchemaSetup(props: object): {
3135
3255
  acrylic?: boolean;
3136
3256
  opacity?: number;
3137
3257
  } | {
3138
- colorType: "base" | "onBase" | "container" | "onContainer";
3258
+ colorType: "container" | "base" | "onBase" | "onContainer";
3139
3259
  toned?: boolean;
3140
3260
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3141
3261
  };
@@ -3164,12 +3284,12 @@ export declare function useColorSchemaSetup(props: object): {
3164
3284
  icon?: {
3165
3285
  color?: {
3166
3286
  colors: (string | {
3167
- colorType: "base" | "onBase" | "container" | "onContainer";
3287
+ colorType: "container" | "base" | "onBase" | "onContainer";
3168
3288
  toned?: boolean;
3169
3289
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3170
3290
  } | {
3171
3291
  color: string | {
3172
- colorType: "base" | "onBase" | "container" | "onContainer";
3292
+ colorType: "container" | "base" | "onBase" | "onContainer";
3173
3293
  toned?: boolean;
3174
3294
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3175
3295
  };
@@ -3187,14 +3307,14 @@ export declare function useColorSchemaSetup(props: object): {
3187
3307
  tabs?: {
3188
3308
  primary?: {
3189
3309
  background?: {
3190
- fill?: {
3310
+ fill?: string | {
3191
3311
  colors: (string | {
3192
- colorType: "base" | "onBase" | "container" | "onContainer";
3312
+ colorType: "container" | "base" | "onBase" | "onContainer";
3193
3313
  toned?: boolean;
3194
3314
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3195
3315
  } | {
3196
3316
  color: string | {
3197
- colorType: "base" | "onBase" | "container" | "onContainer";
3317
+ colorType: "container" | "base" | "onBase" | "onContainer";
3198
3318
  toned?: boolean;
3199
3319
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3200
3320
  };
@@ -3202,6 +3322,10 @@ export declare function useColorSchemaSetup(props: object): {
3202
3322
  })[];
3203
3323
  acrylic?: boolean;
3204
3324
  opacity?: number;
3325
+ } | {
3326
+ colorType: "container" | "base" | "onBase" | "onContainer";
3327
+ toned?: boolean;
3328
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3205
3329
  };
3206
3330
  border?: {
3207
3331
  radius?: {
@@ -3218,12 +3342,12 @@ export declare function useColorSchemaSetup(props: object): {
3218
3342
  };
3219
3343
  fill?: {
3220
3344
  colors: (string | {
3221
- colorType: "base" | "onBase" | "container" | "onContainer";
3345
+ colorType: "container" | "base" | "onBase" | "onContainer";
3222
3346
  toned?: boolean;
3223
3347
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3224
3348
  } | {
3225
3349
  color: string | {
3226
- colorType: "base" | "onBase" | "container" | "onContainer";
3350
+ colorType: "container" | "base" | "onBase" | "onContainer";
3227
3351
  toned?: boolean;
3228
3352
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3229
3353
  };
@@ -3255,19 +3379,19 @@ export declare function useColorSchemaSetup(props: object): {
3255
3379
  minWidth?: number;
3256
3380
  alignment?: "center" | "start" | "end";
3257
3381
  sliderColor?: string | {
3258
- colorType: "base" | "onBase" | "container" | "onContainer";
3382
+ colorType: "container" | "base" | "onBase" | "onContainer";
3259
3383
  toned?: boolean;
3260
3384
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3261
3385
  };
3262
3386
  text?: {
3263
3387
  color?: string | {
3264
3388
  colors: (string | {
3265
- colorType: "base" | "onBase" | "container" | "onContainer";
3389
+ colorType: "container" | "base" | "onBase" | "onContainer";
3266
3390
  toned?: boolean;
3267
3391
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3268
3392
  } | {
3269
3393
  color: string | {
3270
- colorType: "base" | "onBase" | "container" | "onContainer";
3394
+ colorType: "container" | "base" | "onBase" | "onContainer";
3271
3395
  toned?: boolean;
3272
3396
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3273
3397
  };
@@ -3276,7 +3400,7 @@ export declare function useColorSchemaSetup(props: object): {
3276
3400
  acrylic?: boolean;
3277
3401
  opacity?: number;
3278
3402
  } | {
3279
- colorType: "base" | "onBase" | "container" | "onContainer";
3403
+ colorType: "container" | "base" | "onBase" | "onContainer";
3280
3404
  toned?: boolean;
3281
3405
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3282
3406
  };
@@ -3305,12 +3429,12 @@ export declare function useColorSchemaSetup(props: object): {
3305
3429
  icon?: {
3306
3430
  color?: {
3307
3431
  colors: (string | {
3308
- colorType: "base" | "onBase" | "container" | "onContainer";
3432
+ colorType: "container" | "base" | "onBase" | "onContainer";
3309
3433
  toned?: boolean;
3310
3434
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3311
3435
  } | {
3312
3436
  color: string | {
3313
- colorType: "base" | "onBase" | "container" | "onContainer";
3437
+ colorType: "container" | "base" | "onBase" | "onContainer";
3314
3438
  toned?: boolean;
3315
3439
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3316
3440
  };
@@ -3329,14 +3453,14 @@ export declare function useColorSchemaSetup(props: object): {
3329
3453
  left?: import("@omnia/fx-models").SpacingValue;
3330
3454
  };
3331
3455
  background?: {
3332
- fill?: {
3456
+ fill?: string | {
3333
3457
  colors: (string | {
3334
- colorType: "base" | "onBase" | "container" | "onContainer";
3458
+ colorType: "container" | "base" | "onBase" | "onContainer";
3335
3459
  toned?: boolean;
3336
3460
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3337
3461
  } | {
3338
3462
  color: string | {
3339
- colorType: "base" | "onBase" | "container" | "onContainer";
3463
+ colorType: "container" | "base" | "onBase" | "onContainer";
3340
3464
  toned?: boolean;
3341
3465
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3342
3466
  };
@@ -3344,6 +3468,10 @@ export declare function useColorSchemaSetup(props: object): {
3344
3468
  })[];
3345
3469
  acrylic?: boolean;
3346
3470
  opacity?: number;
3471
+ } | {
3472
+ colorType: "container" | "base" | "onBase" | "onContainer";
3473
+ toned?: boolean;
3474
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3347
3475
  };
3348
3476
  border?: {
3349
3477
  radius?: {
@@ -3360,7 +3488,7 @@ export declare function useColorSchemaSetup(props: object): {
3360
3488
  };
3361
3489
  fill?: {
3362
3490
  colors: (string | {
3363
- colorType: "base" | "onBase" | "container" | "onContainer";
3491
+ colorType: "container" | "base" | "onBase" | "onContainer";
3364
3492
  toned?: boolean;
3365
3493
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3366
3494
  } | {
@@ -3376,12 +3504,12 @@ export declare function useColorSchemaSetup(props: object): {
3376
3504
  text?: {
3377
3505
  color?: string | {
3378
3506
  colors: (string | {
3379
- colorType: "base" | "onBase" | "container" | "onContainer";
3507
+ colorType: "container" | "base" | "onBase" | "onContainer";
3380
3508
  toned?: boolean;
3381
3509
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3382
3510
  } | {
3383
3511
  color: string | {
3384
- colorType: "base" | "onBase" | "container" | "onContainer";
3512
+ colorType: "container" | "base" | "onBase" | "onContainer";
3385
3513
  toned?: boolean;
3386
3514
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3387
3515
  };
@@ -3390,7 +3518,7 @@ export declare function useColorSchemaSetup(props: object): {
3390
3518
  acrylic?: boolean;
3391
3519
  opacity?: number;
3392
3520
  } | {
3393
- colorType: "base" | "onBase" | "container" | "onContainer";
3521
+ colorType: "container" | "base" | "onBase" | "onContainer";
3394
3522
  toned?: boolean;
3395
3523
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3396
3524
  };
@@ -3419,12 +3547,12 @@ export declare function useColorSchemaSetup(props: object): {
3419
3547
  icon?: {
3420
3548
  color?: {
3421
3549
  colors: (string | {
3422
- colorType: "base" | "onBase" | "container" | "onContainer";
3550
+ colorType: "container" | "base" | "onBase" | "onContainer";
3423
3551
  toned?: boolean;
3424
3552
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3425
3553
  } | {
3426
3554
  color: string | {
3427
- colorType: "base" | "onBase" | "container" | "onContainer";
3555
+ colorType: "container" | "base" | "onBase" | "onContainer";
3428
3556
  toned?: boolean;
3429
3557
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3430
3558
  };
@@ -3438,14 +3566,14 @@ export declare function useColorSchemaSetup(props: object): {
3438
3566
  };
3439
3567
  inactive?: {
3440
3568
  background?: {
3441
- fill?: {
3569
+ fill?: string | {
3442
3570
  colors: (string | {
3443
- colorType: "base" | "onBase" | "container" | "onContainer";
3571
+ colorType: "container" | "base" | "onBase" | "onContainer";
3444
3572
  toned?: boolean;
3445
3573
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3446
3574
  } | {
3447
3575
  color: string | {
3448
- colorType: "base" | "onBase" | "container" | "onContainer";
3576
+ colorType: "container" | "base" | "onBase" | "onContainer";
3449
3577
  toned?: boolean;
3450
3578
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3451
3579
  };
@@ -3453,6 +3581,10 @@ export declare function useColorSchemaSetup(props: object): {
3453
3581
  })[];
3454
3582
  acrylic?: boolean;
3455
3583
  opacity?: number;
3584
+ } | {
3585
+ colorType: "container" | "base" | "onBase" | "onContainer";
3586
+ toned?: boolean;
3587
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3456
3588
  };
3457
3589
  border?: {
3458
3590
  radius?: {
@@ -3469,7 +3601,7 @@ export declare function useColorSchemaSetup(props: object): {
3469
3601
  };
3470
3602
  fill?: {
3471
3603
  colors: (string | {
3472
- colorType: "base" | "onBase" | "container" | "onContainer";
3604
+ colorType: "container" | "base" | "onBase" | "onContainer";
3473
3605
  toned?: boolean;
3474
3606
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3475
3607
  } | {
@@ -3486,14 +3618,14 @@ export declare function useColorSchemaSetup(props: object): {
3486
3618
  };
3487
3619
  variant1?: {
3488
3620
  background?: {
3489
- fill?: {
3621
+ fill?: string | {
3490
3622
  colors: (string | {
3491
- colorType: "base" | "onBase" | "container" | "onContainer";
3623
+ colorType: "container" | "base" | "onBase" | "onContainer";
3492
3624
  toned?: boolean;
3493
3625
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3494
3626
  } | {
3495
3627
  color: string | {
3496
- colorType: "base" | "onBase" | "container" | "onContainer";
3628
+ colorType: "container" | "base" | "onBase" | "onContainer";
3497
3629
  toned?: boolean;
3498
3630
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3499
3631
  };
@@ -3501,6 +3633,10 @@ export declare function useColorSchemaSetup(props: object): {
3501
3633
  })[];
3502
3634
  acrylic?: boolean;
3503
3635
  opacity?: number;
3636
+ } | {
3637
+ colorType: "container" | "base" | "onBase" | "onContainer";
3638
+ toned?: boolean;
3639
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3504
3640
  };
3505
3641
  border?: {
3506
3642
  radius?: {
@@ -3517,12 +3653,12 @@ export declare function useColorSchemaSetup(props: object): {
3517
3653
  };
3518
3654
  fill?: {
3519
3655
  colors: (string | {
3520
- colorType: "base" | "onBase" | "container" | "onContainer";
3656
+ colorType: "container" | "base" | "onBase" | "onContainer";
3521
3657
  toned?: boolean;
3522
3658
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3523
3659
  } | {
3524
3660
  color: string | {
3525
- colorType: "base" | "onBase" | "container" | "onContainer";
3661
+ colorType: "container" | "base" | "onBase" | "onContainer";
3526
3662
  toned?: boolean;
3527
3663
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3528
3664
  };
@@ -3554,19 +3690,19 @@ export declare function useColorSchemaSetup(props: object): {
3554
3690
  minWidth?: number;
3555
3691
  alignment?: "center" | "start" | "end";
3556
3692
  sliderColor?: string | {
3557
- colorType: "base" | "onBase" | "container" | "onContainer";
3693
+ colorType: "container" | "base" | "onBase" | "onContainer";
3558
3694
  toned?: boolean;
3559
3695
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3560
3696
  };
3561
3697
  text?: {
3562
3698
  color?: string | {
3563
3699
  colors: (string | {
3564
- colorType: "base" | "onBase" | "container" | "onContainer";
3700
+ colorType: "container" | "base" | "onBase" | "onContainer";
3565
3701
  toned?: boolean;
3566
3702
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3567
3703
  } | {
3568
3704
  color: string | {
3569
- colorType: "base" | "onBase" | "container" | "onContainer";
3705
+ colorType: "container" | "base" | "onBase" | "onContainer";
3570
3706
  toned?: boolean;
3571
3707
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3572
3708
  };
@@ -3575,7 +3711,7 @@ export declare function useColorSchemaSetup(props: object): {
3575
3711
  acrylic?: boolean;
3576
3712
  opacity?: number;
3577
3713
  } | {
3578
- colorType: "base" | "onBase" | "container" | "onContainer";
3714
+ colorType: "container" | "base" | "onBase" | "onContainer";
3579
3715
  toned?: boolean;
3580
3716
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3581
3717
  };
@@ -3604,12 +3740,12 @@ export declare function useColorSchemaSetup(props: object): {
3604
3740
  icon?: {
3605
3741
  color?: {
3606
3742
  colors: (string | {
3607
- colorType: "base" | "onBase" | "container" | "onContainer";
3743
+ colorType: "container" | "base" | "onBase" | "onContainer";
3608
3744
  toned?: boolean;
3609
3745
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3610
3746
  } | {
3611
3747
  color: string | {
3612
- colorType: "base" | "onBase" | "container" | "onContainer";
3748
+ colorType: "container" | "base" | "onBase" | "onContainer";
3613
3749
  toned?: boolean;
3614
3750
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3615
3751
  };
@@ -3628,14 +3764,14 @@ export declare function useColorSchemaSetup(props: object): {
3628
3764
  left?: import("@omnia/fx-models").SpacingValue;
3629
3765
  };
3630
3766
  background?: {
3631
- fill?: {
3767
+ fill?: string | {
3632
3768
  colors: (string | {
3633
- colorType: "base" | "onBase" | "container" | "onContainer";
3769
+ colorType: "container" | "base" | "onBase" | "onContainer";
3634
3770
  toned?: boolean;
3635
3771
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3636
3772
  } | {
3637
3773
  color: string | {
3638
- colorType: "base" | "onBase" | "container" | "onContainer";
3774
+ colorType: "container" | "base" | "onBase" | "onContainer";
3639
3775
  toned?: boolean;
3640
3776
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3641
3777
  };
@@ -3643,6 +3779,10 @@ export declare function useColorSchemaSetup(props: object): {
3643
3779
  })[];
3644
3780
  acrylic?: boolean;
3645
3781
  opacity?: number;
3782
+ } | {
3783
+ colorType: "container" | "base" | "onBase" | "onContainer";
3784
+ toned?: boolean;
3785
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3646
3786
  };
3647
3787
  border?: {
3648
3788
  radius?: {
@@ -3659,7 +3799,7 @@ export declare function useColorSchemaSetup(props: object): {
3659
3799
  };
3660
3800
  fill?: {
3661
3801
  colors: (string | {
3662
- colorType: "base" | "onBase" | "container" | "onContainer";
3802
+ colorType: "container" | "base" | "onBase" | "onContainer";
3663
3803
  toned?: boolean;
3664
3804
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3665
3805
  } | {
@@ -3675,12 +3815,12 @@ export declare function useColorSchemaSetup(props: object): {
3675
3815
  text?: {
3676
3816
  color?: string | {
3677
3817
  colors: (string | {
3678
- colorType: "base" | "onBase" | "container" | "onContainer";
3818
+ colorType: "container" | "base" | "onBase" | "onContainer";
3679
3819
  toned?: boolean;
3680
3820
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3681
3821
  } | {
3682
3822
  color: string | {
3683
- colorType: "base" | "onBase" | "container" | "onContainer";
3823
+ colorType: "container" | "base" | "onBase" | "onContainer";
3684
3824
  toned?: boolean;
3685
3825
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3686
3826
  };
@@ -3689,7 +3829,7 @@ export declare function useColorSchemaSetup(props: object): {
3689
3829
  acrylic?: boolean;
3690
3830
  opacity?: number;
3691
3831
  } | {
3692
- colorType: "base" | "onBase" | "container" | "onContainer";
3832
+ colorType: "container" | "base" | "onBase" | "onContainer";
3693
3833
  toned?: boolean;
3694
3834
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3695
3835
  };
@@ -3718,12 +3858,12 @@ export declare function useColorSchemaSetup(props: object): {
3718
3858
  icon?: {
3719
3859
  color?: {
3720
3860
  colors: (string | {
3721
- colorType: "base" | "onBase" | "container" | "onContainer";
3861
+ colorType: "container" | "base" | "onBase" | "onContainer";
3722
3862
  toned?: boolean;
3723
3863
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3724
3864
  } | {
3725
3865
  color: string | {
3726
- colorType: "base" | "onBase" | "container" | "onContainer";
3866
+ colorType: "container" | "base" | "onBase" | "onContainer";
3727
3867
  toned?: boolean;
3728
3868
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3729
3869
  };
@@ -3737,14 +3877,14 @@ export declare function useColorSchemaSetup(props: object): {
3737
3877
  };
3738
3878
  inactive?: {
3739
3879
  background?: {
3740
- fill?: {
3880
+ fill?: string | {
3741
3881
  colors: (string | {
3742
- colorType: "base" | "onBase" | "container" | "onContainer";
3882
+ colorType: "container" | "base" | "onBase" | "onContainer";
3743
3883
  toned?: boolean;
3744
3884
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3745
3885
  } | {
3746
3886
  color: string | {
3747
- colorType: "base" | "onBase" | "container" | "onContainer";
3887
+ colorType: "container" | "base" | "onBase" | "onContainer";
3748
3888
  toned?: boolean;
3749
3889
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3750
3890
  };
@@ -3752,6 +3892,10 @@ export declare function useColorSchemaSetup(props: object): {
3752
3892
  })[];
3753
3893
  acrylic?: boolean;
3754
3894
  opacity?: number;
3895
+ } | {
3896
+ colorType: "container" | "base" | "onBase" | "onContainer";
3897
+ toned?: boolean;
3898
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3755
3899
  };
3756
3900
  border?: {
3757
3901
  radius?: {
@@ -3768,7 +3912,7 @@ export declare function useColorSchemaSetup(props: object): {
3768
3912
  };
3769
3913
  fill?: {
3770
3914
  colors: (string | {
3771
- colorType: "base" | "onBase" | "container" | "onContainer";
3915
+ colorType: "container" | "base" | "onBase" | "onContainer";
3772
3916
  toned?: boolean;
3773
3917
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3774
3918
  } | {
@@ -3785,14 +3929,14 @@ export declare function useColorSchemaSetup(props: object): {
3785
3929
  };
3786
3930
  variant2?: {
3787
3931
  background?: {
3788
- fill?: {
3932
+ fill?: string | {
3789
3933
  colors: (string | {
3790
- colorType: "base" | "onBase" | "container" | "onContainer";
3934
+ colorType: "container" | "base" | "onBase" | "onContainer";
3791
3935
  toned?: boolean;
3792
3936
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3793
3937
  } | {
3794
3938
  color: string | {
3795
- colorType: "base" | "onBase" | "container" | "onContainer";
3939
+ colorType: "container" | "base" | "onBase" | "onContainer";
3796
3940
  toned?: boolean;
3797
3941
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3798
3942
  };
@@ -3800,6 +3944,10 @@ export declare function useColorSchemaSetup(props: object): {
3800
3944
  })[];
3801
3945
  acrylic?: boolean;
3802
3946
  opacity?: number;
3947
+ } | {
3948
+ colorType: "container" | "base" | "onBase" | "onContainer";
3949
+ toned?: boolean;
3950
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3803
3951
  };
3804
3952
  border?: {
3805
3953
  radius?: {
@@ -3816,12 +3964,12 @@ export declare function useColorSchemaSetup(props: object): {
3816
3964
  };
3817
3965
  fill?: {
3818
3966
  colors: (string | {
3819
- colorType: "base" | "onBase" | "container" | "onContainer";
3967
+ colorType: "container" | "base" | "onBase" | "onContainer";
3820
3968
  toned?: boolean;
3821
3969
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3822
3970
  } | {
3823
3971
  color: string | {
3824
- colorType: "base" | "onBase" | "container" | "onContainer";
3972
+ colorType: "container" | "base" | "onBase" | "onContainer";
3825
3973
  toned?: boolean;
3826
3974
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3827
3975
  };
@@ -3853,19 +4001,19 @@ export declare function useColorSchemaSetup(props: object): {
3853
4001
  minWidth?: number;
3854
4002
  alignment?: "center" | "start" | "end";
3855
4003
  sliderColor?: string | {
3856
- colorType: "base" | "onBase" | "container" | "onContainer";
4004
+ colorType: "container" | "base" | "onBase" | "onContainer";
3857
4005
  toned?: boolean;
3858
4006
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3859
4007
  };
3860
4008
  text?: {
3861
4009
  color?: string | {
3862
4010
  colors: (string | {
3863
- colorType: "base" | "onBase" | "container" | "onContainer";
4011
+ colorType: "container" | "base" | "onBase" | "onContainer";
3864
4012
  toned?: boolean;
3865
4013
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3866
4014
  } | {
3867
4015
  color: string | {
3868
- colorType: "base" | "onBase" | "container" | "onContainer";
4016
+ colorType: "container" | "base" | "onBase" | "onContainer";
3869
4017
  toned?: boolean;
3870
4018
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3871
4019
  };
@@ -3874,7 +4022,7 @@ export declare function useColorSchemaSetup(props: object): {
3874
4022
  acrylic?: boolean;
3875
4023
  opacity?: number;
3876
4024
  } | {
3877
- colorType: "base" | "onBase" | "container" | "onContainer";
4025
+ colorType: "container" | "base" | "onBase" | "onContainer";
3878
4026
  toned?: boolean;
3879
4027
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3880
4028
  };
@@ -3903,12 +4051,12 @@ export declare function useColorSchemaSetup(props: object): {
3903
4051
  icon?: {
3904
4052
  color?: {
3905
4053
  colors: (string | {
3906
- colorType: "base" | "onBase" | "container" | "onContainer";
4054
+ colorType: "container" | "base" | "onBase" | "onContainer";
3907
4055
  toned?: boolean;
3908
4056
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3909
4057
  } | {
3910
4058
  color: string | {
3911
- colorType: "base" | "onBase" | "container" | "onContainer";
4059
+ colorType: "container" | "base" | "onBase" | "onContainer";
3912
4060
  toned?: boolean;
3913
4061
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3914
4062
  };
@@ -3927,14 +4075,14 @@ export declare function useColorSchemaSetup(props: object): {
3927
4075
  left?: import("@omnia/fx-models").SpacingValue;
3928
4076
  };
3929
4077
  background?: {
3930
- fill?: {
4078
+ fill?: string | {
3931
4079
  colors: (string | {
3932
- colorType: "base" | "onBase" | "container" | "onContainer";
4080
+ colorType: "container" | "base" | "onBase" | "onContainer";
3933
4081
  toned?: boolean;
3934
4082
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3935
4083
  } | {
3936
4084
  color: string | {
3937
- colorType: "base" | "onBase" | "container" | "onContainer";
4085
+ colorType: "container" | "base" | "onBase" | "onContainer";
3938
4086
  toned?: boolean;
3939
4087
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3940
4088
  };
@@ -3942,6 +4090,10 @@ export declare function useColorSchemaSetup(props: object): {
3942
4090
  })[];
3943
4091
  acrylic?: boolean;
3944
4092
  opacity?: number;
4093
+ } | {
4094
+ colorType: "container" | "base" | "onBase" | "onContainer";
4095
+ toned?: boolean;
4096
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3945
4097
  };
3946
4098
  border?: {
3947
4099
  radius?: {
@@ -3958,7 +4110,7 @@ export declare function useColorSchemaSetup(props: object): {
3958
4110
  };
3959
4111
  fill?: {
3960
4112
  colors: (string | {
3961
- colorType: "base" | "onBase" | "container" | "onContainer";
4113
+ colorType: "container" | "base" | "onBase" | "onContainer";
3962
4114
  toned?: boolean;
3963
4115
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3964
4116
  } | {
@@ -3974,12 +4126,12 @@ export declare function useColorSchemaSetup(props: object): {
3974
4126
  text?: {
3975
4127
  color?: string | {
3976
4128
  colors: (string | {
3977
- colorType: "base" | "onBase" | "container" | "onContainer";
4129
+ colorType: "container" | "base" | "onBase" | "onContainer";
3978
4130
  toned?: boolean;
3979
4131
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3980
4132
  } | {
3981
4133
  color: string | {
3982
- colorType: "base" | "onBase" | "container" | "onContainer";
4134
+ colorType: "container" | "base" | "onBase" | "onContainer";
3983
4135
  toned?: boolean;
3984
4136
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3985
4137
  };
@@ -3988,7 +4140,7 @@ export declare function useColorSchemaSetup(props: object): {
3988
4140
  acrylic?: boolean;
3989
4141
  opacity?: number;
3990
4142
  } | {
3991
- colorType: "base" | "onBase" | "container" | "onContainer";
4143
+ colorType: "container" | "base" | "onBase" | "onContainer";
3992
4144
  toned?: boolean;
3993
4145
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3994
4146
  };
@@ -4017,12 +4169,12 @@ export declare function useColorSchemaSetup(props: object): {
4017
4169
  icon?: {
4018
4170
  color?: {
4019
4171
  colors: (string | {
4020
- colorType: "base" | "onBase" | "container" | "onContainer";
4172
+ colorType: "container" | "base" | "onBase" | "onContainer";
4021
4173
  toned?: boolean;
4022
4174
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4023
4175
  } | {
4024
4176
  color: string | {
4025
- colorType: "base" | "onBase" | "container" | "onContainer";
4177
+ colorType: "container" | "base" | "onBase" | "onContainer";
4026
4178
  toned?: boolean;
4027
4179
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4028
4180
  };
@@ -4036,14 +4188,14 @@ export declare function useColorSchemaSetup(props: object): {
4036
4188
  };
4037
4189
  inactive?: {
4038
4190
  background?: {
4039
- fill?: {
4191
+ fill?: string | {
4040
4192
  colors: (string | {
4041
- colorType: "base" | "onBase" | "container" | "onContainer";
4193
+ colorType: "container" | "base" | "onBase" | "onContainer";
4042
4194
  toned?: boolean;
4043
4195
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4044
4196
  } | {
4045
4197
  color: string | {
4046
- colorType: "base" | "onBase" | "container" | "onContainer";
4198
+ colorType: "container" | "base" | "onBase" | "onContainer";
4047
4199
  toned?: boolean;
4048
4200
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4049
4201
  };
@@ -4051,6 +4203,10 @@ export declare function useColorSchemaSetup(props: object): {
4051
4203
  })[];
4052
4204
  acrylic?: boolean;
4053
4205
  opacity?: number;
4206
+ } | {
4207
+ colorType: "container" | "base" | "onBase" | "onContainer";
4208
+ toned?: boolean;
4209
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4054
4210
  };
4055
4211
  border?: {
4056
4212
  radius?: {
@@ -4067,7 +4223,7 @@ export declare function useColorSchemaSetup(props: object): {
4067
4223
  };
4068
4224
  fill?: {
4069
4225
  colors: (string | {
4070
- colorType: "base" | "onBase" | "container" | "onContainer";
4226
+ colorType: "container" | "base" | "onBase" | "onContainer";
4071
4227
  toned?: boolean;
4072
4228
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4073
4229
  } | {
@@ -4084,14 +4240,14 @@ export declare function useColorSchemaSetup(props: object): {
4084
4240
  };
4085
4241
  variant3?: {
4086
4242
  background?: {
4087
- fill?: {
4243
+ fill?: string | {
4088
4244
  colors: (string | {
4089
- colorType: "base" | "onBase" | "container" | "onContainer";
4245
+ colorType: "container" | "base" | "onBase" | "onContainer";
4090
4246
  toned?: boolean;
4091
4247
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4092
4248
  } | {
4093
4249
  color: string | {
4094
- colorType: "base" | "onBase" | "container" | "onContainer";
4250
+ colorType: "container" | "base" | "onBase" | "onContainer";
4095
4251
  toned?: boolean;
4096
4252
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4097
4253
  };
@@ -4099,6 +4255,10 @@ export declare function useColorSchemaSetup(props: object): {
4099
4255
  })[];
4100
4256
  acrylic?: boolean;
4101
4257
  opacity?: number;
4258
+ } | {
4259
+ colorType: "container" | "base" | "onBase" | "onContainer";
4260
+ toned?: boolean;
4261
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4102
4262
  };
4103
4263
  border?: {
4104
4264
  radius?: {
@@ -4115,12 +4275,12 @@ export declare function useColorSchemaSetup(props: object): {
4115
4275
  };
4116
4276
  fill?: {
4117
4277
  colors: (string | {
4118
- colorType: "base" | "onBase" | "container" | "onContainer";
4278
+ colorType: "container" | "base" | "onBase" | "onContainer";
4119
4279
  toned?: boolean;
4120
4280
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4121
4281
  } | {
4122
4282
  color: string | {
4123
- colorType: "base" | "onBase" | "container" | "onContainer";
4283
+ colorType: "container" | "base" | "onBase" | "onContainer";
4124
4284
  toned?: boolean;
4125
4285
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4126
4286
  };
@@ -4152,19 +4312,19 @@ export declare function useColorSchemaSetup(props: object): {
4152
4312
  minWidth?: number;
4153
4313
  alignment?: "center" | "start" | "end";
4154
4314
  sliderColor?: string | {
4155
- colorType: "base" | "onBase" | "container" | "onContainer";
4315
+ colorType: "container" | "base" | "onBase" | "onContainer";
4156
4316
  toned?: boolean;
4157
4317
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4158
4318
  };
4159
4319
  text?: {
4160
4320
  color?: string | {
4161
4321
  colors: (string | {
4162
- colorType: "base" | "onBase" | "container" | "onContainer";
4322
+ colorType: "container" | "base" | "onBase" | "onContainer";
4163
4323
  toned?: boolean;
4164
4324
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4165
4325
  } | {
4166
4326
  color: string | {
4167
- colorType: "base" | "onBase" | "container" | "onContainer";
4327
+ colorType: "container" | "base" | "onBase" | "onContainer";
4168
4328
  toned?: boolean;
4169
4329
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4170
4330
  };
@@ -4173,7 +4333,7 @@ export declare function useColorSchemaSetup(props: object): {
4173
4333
  acrylic?: boolean;
4174
4334
  opacity?: number;
4175
4335
  } | {
4176
- colorType: "base" | "onBase" | "container" | "onContainer";
4336
+ colorType: "container" | "base" | "onBase" | "onContainer";
4177
4337
  toned?: boolean;
4178
4338
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4179
4339
  };
@@ -4202,12 +4362,12 @@ export declare function useColorSchemaSetup(props: object): {
4202
4362
  icon?: {
4203
4363
  color?: {
4204
4364
  colors: (string | {
4205
- colorType: "base" | "onBase" | "container" | "onContainer";
4365
+ colorType: "container" | "base" | "onBase" | "onContainer";
4206
4366
  toned?: boolean;
4207
4367
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4208
4368
  } | {
4209
4369
  color: string | {
4210
- colorType: "base" | "onBase" | "container" | "onContainer";
4370
+ colorType: "container" | "base" | "onBase" | "onContainer";
4211
4371
  toned?: boolean;
4212
4372
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4213
4373
  };
@@ -4226,14 +4386,14 @@ export declare function useColorSchemaSetup(props: object): {
4226
4386
  left?: import("@omnia/fx-models").SpacingValue;
4227
4387
  };
4228
4388
  background?: {
4229
- fill?: {
4389
+ fill?: string | {
4230
4390
  colors: (string | {
4231
- colorType: "base" | "onBase" | "container" | "onContainer";
4391
+ colorType: "container" | "base" | "onBase" | "onContainer";
4232
4392
  toned?: boolean;
4233
4393
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4234
4394
  } | {
4235
4395
  color: string | {
4236
- colorType: "base" | "onBase" | "container" | "onContainer";
4396
+ colorType: "container" | "base" | "onBase" | "onContainer";
4237
4397
  toned?: boolean;
4238
4398
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4239
4399
  };
@@ -4241,6 +4401,10 @@ export declare function useColorSchemaSetup(props: object): {
4241
4401
  })[];
4242
4402
  acrylic?: boolean;
4243
4403
  opacity?: number;
4404
+ } | {
4405
+ colorType: "container" | "base" | "onBase" | "onContainer";
4406
+ toned?: boolean;
4407
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4244
4408
  };
4245
4409
  border?: {
4246
4410
  radius?: {
@@ -4257,7 +4421,7 @@ export declare function useColorSchemaSetup(props: object): {
4257
4421
  };
4258
4422
  fill?: {
4259
4423
  colors: (string | {
4260
- colorType: "base" | "onBase" | "container" | "onContainer";
4424
+ colorType: "container" | "base" | "onBase" | "onContainer";
4261
4425
  toned?: boolean;
4262
4426
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4263
4427
  } | {
@@ -4273,12 +4437,12 @@ export declare function useColorSchemaSetup(props: object): {
4273
4437
  text?: {
4274
4438
  color?: string | {
4275
4439
  colors: (string | {
4276
- colorType: "base" | "onBase" | "container" | "onContainer";
4440
+ colorType: "container" | "base" | "onBase" | "onContainer";
4277
4441
  toned?: boolean;
4278
4442
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4279
4443
  } | {
4280
4444
  color: string | {
4281
- colorType: "base" | "onBase" | "container" | "onContainer";
4445
+ colorType: "container" | "base" | "onBase" | "onContainer";
4282
4446
  toned?: boolean;
4283
4447
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4284
4448
  };
@@ -4287,7 +4451,7 @@ export declare function useColorSchemaSetup(props: object): {
4287
4451
  acrylic?: boolean;
4288
4452
  opacity?: number;
4289
4453
  } | {
4290
- colorType: "base" | "onBase" | "container" | "onContainer";
4454
+ colorType: "container" | "base" | "onBase" | "onContainer";
4291
4455
  toned?: boolean;
4292
4456
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4293
4457
  };
@@ -4316,12 +4480,12 @@ export declare function useColorSchemaSetup(props: object): {
4316
4480
  icon?: {
4317
4481
  color?: {
4318
4482
  colors: (string | {
4319
- colorType: "base" | "onBase" | "container" | "onContainer";
4483
+ colorType: "container" | "base" | "onBase" | "onContainer";
4320
4484
  toned?: boolean;
4321
4485
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4322
4486
  } | {
4323
4487
  color: string | {
4324
- colorType: "base" | "onBase" | "container" | "onContainer";
4488
+ colorType: "container" | "base" | "onBase" | "onContainer";
4325
4489
  toned?: boolean;
4326
4490
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4327
4491
  };
@@ -4335,14 +4499,14 @@ export declare function useColorSchemaSetup(props: object): {
4335
4499
  };
4336
4500
  inactive?: {
4337
4501
  background?: {
4338
- fill?: {
4502
+ fill?: string | {
4339
4503
  colors: (string | {
4340
- colorType: "base" | "onBase" | "container" | "onContainer";
4504
+ colorType: "container" | "base" | "onBase" | "onContainer";
4341
4505
  toned?: boolean;
4342
4506
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4343
4507
  } | {
4344
4508
  color: string | {
4345
- colorType: "base" | "onBase" | "container" | "onContainer";
4509
+ colorType: "container" | "base" | "onBase" | "onContainer";
4346
4510
  toned?: boolean;
4347
4511
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4348
4512
  };
@@ -4350,6 +4514,10 @@ export declare function useColorSchemaSetup(props: object): {
4350
4514
  })[];
4351
4515
  acrylic?: boolean;
4352
4516
  opacity?: number;
4517
+ } | {
4518
+ colorType: "container" | "base" | "onBase" | "onContainer";
4519
+ toned?: boolean;
4520
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4353
4521
  };
4354
4522
  border?: {
4355
4523
  radius?: {
@@ -4366,7 +4534,7 @@ export declare function useColorSchemaSetup(props: object): {
4366
4534
  };
4367
4535
  fill?: {
4368
4536
  colors: (string | {
4369
- colorType: "base" | "onBase" | "container" | "onContainer";
4537
+ colorType: "container" | "base" | "onBase" | "onContainer";
4370
4538
  toned?: boolean;
4371
4539
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4372
4540
  } | {
@@ -4387,7 +4555,7 @@ export declare function useColorSchemaSetup(props: object): {
4387
4555
  primary: {
4388
4556
  name?: string;
4389
4557
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4390
- header: {
4558
+ header?: {
4391
4559
  definitionId: {
4392
4560
  toString: () => string;
4393
4561
  equals?: {
@@ -4540,14 +4708,14 @@ export declare function useColorSchemaSetup(props: object): {
4540
4708
  };
4541
4709
  styles: {
4542
4710
  background?: {
4543
- fill?: {
4711
+ fill?: string | {
4544
4712
  colors: (string | {
4545
- colorType: "base" | "onBase" | "container" | "onContainer";
4713
+ colorType: "container" | "base" | "onBase" | "onContainer";
4546
4714
  toned?: boolean;
4547
4715
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4548
4716
  } | {
4549
4717
  color: string | {
4550
- colorType: "base" | "onBase" | "container" | "onContainer";
4718
+ colorType: "container" | "base" | "onBase" | "onContainer";
4551
4719
  toned?: boolean;
4552
4720
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4553
4721
  };
@@ -4555,6 +4723,10 @@ export declare function useColorSchemaSetup(props: object): {
4555
4723
  })[];
4556
4724
  acrylic?: boolean;
4557
4725
  opacity?: number;
4726
+ } | {
4727
+ colorType: "container" | "base" | "onBase" | "onContainer";
4728
+ toned?: boolean;
4729
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4558
4730
  };
4559
4731
  border?: {
4560
4732
  radius?: {
@@ -4571,7 +4743,7 @@ export declare function useColorSchemaSetup(props: object): {
4571
4743
  };
4572
4744
  fill?: {
4573
4745
  colors: (string | {
4574
- colorType: "base" | "onBase" | "container" | "onContainer";
4746
+ colorType: "container" | "base" | "onBase" | "onContainer";
4575
4747
  toned?: boolean;
4576
4748
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4577
4749
  } | {
@@ -4595,7 +4767,7 @@ export declare function useColorSchemaSetup(props: object): {
4595
4767
  variant1?: {
4596
4768
  name?: string;
4597
4769
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4598
- header: {
4770
+ header?: {
4599
4771
  definitionId: {
4600
4772
  toString: () => string;
4601
4773
  equals?: {
@@ -4748,14 +4920,14 @@ export declare function useColorSchemaSetup(props: object): {
4748
4920
  };
4749
4921
  styles: {
4750
4922
  background?: {
4751
- fill?: {
4923
+ fill?: string | {
4752
4924
  colors: (string | {
4753
- colorType: "base" | "onBase" | "container" | "onContainer";
4925
+ colorType: "container" | "base" | "onBase" | "onContainer";
4754
4926
  toned?: boolean;
4755
4927
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4756
4928
  } | {
4757
4929
  color: string | {
4758
- colorType: "base" | "onBase" | "container" | "onContainer";
4930
+ colorType: "container" | "base" | "onBase" | "onContainer";
4759
4931
  toned?: boolean;
4760
4932
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4761
4933
  };
@@ -4763,6 +4935,10 @@ export declare function useColorSchemaSetup(props: object): {
4763
4935
  })[];
4764
4936
  acrylic?: boolean;
4765
4937
  opacity?: number;
4938
+ } | {
4939
+ colorType: "container" | "base" | "onBase" | "onContainer";
4940
+ toned?: boolean;
4941
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4766
4942
  };
4767
4943
  border?: {
4768
4944
  radius?: {
@@ -4779,7 +4955,7 @@ export declare function useColorSchemaSetup(props: object): {
4779
4955
  };
4780
4956
  fill?: {
4781
4957
  colors: (string | {
4782
- colorType: "base" | "onBase" | "container" | "onContainer";
4958
+ colorType: "container" | "base" | "onBase" | "onContainer";
4783
4959
  toned?: boolean;
4784
4960
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4785
4961
  } | {
@@ -4803,7 +4979,7 @@ export declare function useColorSchemaSetup(props: object): {
4803
4979
  variant2?: {
4804
4980
  name?: string;
4805
4981
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4806
- header: {
4982
+ header?: {
4807
4983
  definitionId: {
4808
4984
  toString: () => string;
4809
4985
  equals?: {
@@ -4956,14 +5132,14 @@ export declare function useColorSchemaSetup(props: object): {
4956
5132
  };
4957
5133
  styles: {
4958
5134
  background?: {
4959
- fill?: {
5135
+ fill?: string | {
4960
5136
  colors: (string | {
4961
- colorType: "base" | "onBase" | "container" | "onContainer";
5137
+ colorType: "container" | "base" | "onBase" | "onContainer";
4962
5138
  toned?: boolean;
4963
5139
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4964
5140
  } | {
4965
5141
  color: string | {
4966
- colorType: "base" | "onBase" | "container" | "onContainer";
5142
+ colorType: "container" | "base" | "onBase" | "onContainer";
4967
5143
  toned?: boolean;
4968
5144
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4969
5145
  };
@@ -4971,6 +5147,10 @@ export declare function useColorSchemaSetup(props: object): {
4971
5147
  })[];
4972
5148
  acrylic?: boolean;
4973
5149
  opacity?: number;
5150
+ } | {
5151
+ colorType: "container" | "base" | "onBase" | "onContainer";
5152
+ toned?: boolean;
5153
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4974
5154
  };
4975
5155
  border?: {
4976
5156
  radius?: {
@@ -4987,7 +5167,7 @@ export declare function useColorSchemaSetup(props: object): {
4987
5167
  };
4988
5168
  fill?: {
4989
5169
  colors: (string | {
4990
- colorType: "base" | "onBase" | "container" | "onContainer";
5170
+ colorType: "container" | "base" | "onBase" | "onContainer";
4991
5171
  toned?: boolean;
4992
5172
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4993
5173
  } | {
@@ -5011,7 +5191,7 @@ export declare function useColorSchemaSetup(props: object): {
5011
5191
  variant3?: {
5012
5192
  name?: string;
5013
5193
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5014
- header: {
5194
+ header?: {
5015
5195
  definitionId: {
5016
5196
  toString: () => string;
5017
5197
  equals?: {
@@ -5164,14 +5344,14 @@ export declare function useColorSchemaSetup(props: object): {
5164
5344
  };
5165
5345
  styles: {
5166
5346
  background?: {
5167
- fill?: {
5347
+ fill?: string | {
5168
5348
  colors: (string | {
5169
- colorType: "base" | "onBase" | "container" | "onContainer";
5349
+ colorType: "container" | "base" | "onBase" | "onContainer";
5170
5350
  toned?: boolean;
5171
5351
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5172
5352
  } | {
5173
5353
  color: string | {
5174
- colorType: "base" | "onBase" | "container" | "onContainer";
5354
+ colorType: "container" | "base" | "onBase" | "onContainer";
5175
5355
  toned?: boolean;
5176
5356
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5177
5357
  };
@@ -5179,6 +5359,10 @@ export declare function useColorSchemaSetup(props: object): {
5179
5359
  })[];
5180
5360
  acrylic?: boolean;
5181
5361
  opacity?: number;
5362
+ } | {
5363
+ colorType: "container" | "base" | "onBase" | "onContainer";
5364
+ toned?: boolean;
5365
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5182
5366
  };
5183
5367
  border?: {
5184
5368
  radius?: {
@@ -5195,7 +5379,7 @@ export declare function useColorSchemaSetup(props: object): {
5195
5379
  };
5196
5380
  fill?: {
5197
5381
  colors: (string | {
5198
- colorType: "base" | "onBase" | "container" | "onContainer";
5382
+ colorType: "container" | "base" | "onBase" | "onContainer";
5199
5383
  toned?: boolean;
5200
5384
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5201
5385
  } | {
@@ -5228,12 +5412,12 @@ export declare function useColorSchemaSetup(props: object): {
5228
5412
  xs?: {
5229
5413
  color?: {
5230
5414
  colors: (string | {
5231
- colorType: "base" | "onBase" | "container" | "onContainer";
5415
+ colorType: "container" | "base" | "onBase" | "onContainer";
5232
5416
  toned?: boolean;
5233
5417
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5234
5418
  } | {
5235
5419
  color: string | {
5236
- colorType: "base" | "onBase" | "container" | "onContainer";
5420
+ colorType: "container" | "base" | "onBase" | "onContainer";
5237
5421
  toned?: boolean;
5238
5422
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5239
5423
  };
@@ -5247,12 +5431,12 @@ export declare function useColorSchemaSetup(props: object): {
5247
5431
  s?: {
5248
5432
  color?: {
5249
5433
  colors: (string | {
5250
- colorType: "base" | "onBase" | "container" | "onContainer";
5434
+ colorType: "container" | "base" | "onBase" | "onContainer";
5251
5435
  toned?: boolean;
5252
5436
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5253
5437
  } | {
5254
5438
  color: string | {
5255
- colorType: "base" | "onBase" | "container" | "onContainer";
5439
+ colorType: "container" | "base" | "onBase" | "onContainer";
5256
5440
  toned?: boolean;
5257
5441
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5258
5442
  };
@@ -5266,12 +5450,12 @@ export declare function useColorSchemaSetup(props: object): {
5266
5450
  m?: {
5267
5451
  color?: {
5268
5452
  colors: (string | {
5269
- colorType: "base" | "onBase" | "container" | "onContainer";
5453
+ colorType: "container" | "base" | "onBase" | "onContainer";
5270
5454
  toned?: boolean;
5271
5455
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5272
5456
  } | {
5273
5457
  color: string | {
5274
- colorType: "base" | "onBase" | "container" | "onContainer";
5458
+ colorType: "container" | "base" | "onBase" | "onContainer";
5275
5459
  toned?: boolean;
5276
5460
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5277
5461
  };
@@ -5285,12 +5469,12 @@ export declare function useColorSchemaSetup(props: object): {
5285
5469
  l?: {
5286
5470
  color?: {
5287
5471
  colors: (string | {
5288
- colorType: "base" | "onBase" | "container" | "onContainer";
5472
+ colorType: "container" | "base" | "onBase" | "onContainer";
5289
5473
  toned?: boolean;
5290
5474
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5291
5475
  } | {
5292
5476
  color: string | {
5293
- colorType: "base" | "onBase" | "container" | "onContainer";
5477
+ colorType: "container" | "base" | "onBase" | "onContainer";
5294
5478
  toned?: boolean;
5295
5479
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5296
5480
  };
@@ -5304,12 +5488,12 @@ export declare function useColorSchemaSetup(props: object): {
5304
5488
  xl?: {
5305
5489
  color?: {
5306
5490
  colors: (string | {
5307
- colorType: "base" | "onBase" | "container" | "onContainer";
5491
+ colorType: "container" | "base" | "onBase" | "onContainer";
5308
5492
  toned?: boolean;
5309
5493
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5310
5494
  } | {
5311
5495
  color: string | {
5312
- colorType: "base" | "onBase" | "container" | "onContainer";
5496
+ colorType: "container" | "base" | "onBase" | "onContainer";
5313
5497
  toned?: boolean;
5314
5498
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5315
5499
  };
@@ -5322,6 +5506,263 @@ export declare function useColorSchemaSetup(props: object): {
5322
5506
  };
5323
5507
  name?: string;
5324
5508
  };
5509
+ containers?: {
5510
+ variant1?: {
5511
+ name?: string;
5512
+ background?: {
5513
+ fill?: string | {
5514
+ colors: (string | {
5515
+ colorType: "container" | "base" | "onBase" | "onContainer";
5516
+ toned?: boolean;
5517
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5518
+ } | {
5519
+ color: string | {
5520
+ colorType: "container" | "base" | "onBase" | "onContainer";
5521
+ toned?: boolean;
5522
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5523
+ };
5524
+ stop?: number;
5525
+ })[];
5526
+ acrylic?: boolean;
5527
+ opacity?: number;
5528
+ } | {
5529
+ colorType: "container" | "base" | "onBase" | "onContainer";
5530
+ toned?: boolean;
5531
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5532
+ };
5533
+ border?: {
5534
+ radius?: {
5535
+ top?: import("@omnia/fx-models").SpacingValue;
5536
+ right?: import("@omnia/fx-models").SpacingValue;
5537
+ bottom?: import("@omnia/fx-models").SpacingValue;
5538
+ left?: import("@omnia/fx-models").SpacingValue;
5539
+ };
5540
+ width?: {
5541
+ top?: import("@omnia/fx-models").SpacingValue;
5542
+ right?: import("@omnia/fx-models").SpacingValue;
5543
+ bottom?: import("@omnia/fx-models").SpacingValue;
5544
+ left?: import("@omnia/fx-models").SpacingValue;
5545
+ };
5546
+ fill?: {
5547
+ colors: (string | {
5548
+ colorType: "container" | "base" | "onBase" | "onContainer";
5549
+ toned?: boolean;
5550
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5551
+ } | {
5552
+ color: string | {
5553
+ colorType: "container" | "base" | "onBase" | "onContainer";
5554
+ toned?: boolean;
5555
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5556
+ };
5557
+ stop?: number;
5558
+ })[];
5559
+ acrylic?: boolean;
5560
+ opacity?: number;
5561
+ };
5562
+ };
5563
+ elevation?: number;
5564
+ };
5565
+ id: {
5566
+ toString: () => string;
5567
+ equals?: {
5568
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5569
+ };
5570
+ };
5571
+ };
5572
+ variant2?: {
5573
+ name?: string;
5574
+ background?: {
5575
+ fill?: string | {
5576
+ colors: (string | {
5577
+ colorType: "container" | "base" | "onBase" | "onContainer";
5578
+ toned?: boolean;
5579
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5580
+ } | {
5581
+ color: string | {
5582
+ colorType: "container" | "base" | "onBase" | "onContainer";
5583
+ toned?: boolean;
5584
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5585
+ };
5586
+ stop?: number;
5587
+ })[];
5588
+ acrylic?: boolean;
5589
+ opacity?: number;
5590
+ } | {
5591
+ colorType: "container" | "base" | "onBase" | "onContainer";
5592
+ toned?: boolean;
5593
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5594
+ };
5595
+ border?: {
5596
+ radius?: {
5597
+ top?: import("@omnia/fx-models").SpacingValue;
5598
+ right?: import("@omnia/fx-models").SpacingValue;
5599
+ bottom?: import("@omnia/fx-models").SpacingValue;
5600
+ left?: import("@omnia/fx-models").SpacingValue;
5601
+ };
5602
+ width?: {
5603
+ top?: import("@omnia/fx-models").SpacingValue;
5604
+ right?: import("@omnia/fx-models").SpacingValue;
5605
+ bottom?: import("@omnia/fx-models").SpacingValue;
5606
+ left?: import("@omnia/fx-models").SpacingValue;
5607
+ };
5608
+ fill?: {
5609
+ colors: (string | {
5610
+ colorType: "container" | "base" | "onBase" | "onContainer";
5611
+ toned?: boolean;
5612
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5613
+ } | {
5614
+ color: string | {
5615
+ colorType: "container" | "base" | "onBase" | "onContainer";
5616
+ toned?: boolean;
5617
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5618
+ };
5619
+ stop?: number;
5620
+ })[];
5621
+ acrylic?: boolean;
5622
+ opacity?: number;
5623
+ };
5624
+ };
5625
+ elevation?: number;
5626
+ };
5627
+ id: {
5628
+ toString: () => string;
5629
+ equals?: {
5630
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5631
+ };
5632
+ };
5633
+ };
5634
+ variant3?: {
5635
+ name?: string;
5636
+ background?: {
5637
+ fill?: string | {
5638
+ colors: (string | {
5639
+ colorType: "container" | "base" | "onBase" | "onContainer";
5640
+ toned?: boolean;
5641
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5642
+ } | {
5643
+ color: string | {
5644
+ colorType: "container" | "base" | "onBase" | "onContainer";
5645
+ toned?: boolean;
5646
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5647
+ };
5648
+ stop?: number;
5649
+ })[];
5650
+ acrylic?: boolean;
5651
+ opacity?: number;
5652
+ } | {
5653
+ colorType: "container" | "base" | "onBase" | "onContainer";
5654
+ toned?: boolean;
5655
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5656
+ };
5657
+ border?: {
5658
+ radius?: {
5659
+ top?: import("@omnia/fx-models").SpacingValue;
5660
+ right?: import("@omnia/fx-models").SpacingValue;
5661
+ bottom?: import("@omnia/fx-models").SpacingValue;
5662
+ left?: import("@omnia/fx-models").SpacingValue;
5663
+ };
5664
+ width?: {
5665
+ top?: import("@omnia/fx-models").SpacingValue;
5666
+ right?: import("@omnia/fx-models").SpacingValue;
5667
+ bottom?: import("@omnia/fx-models").SpacingValue;
5668
+ left?: import("@omnia/fx-models").SpacingValue;
5669
+ };
5670
+ fill?: {
5671
+ colors: (string | {
5672
+ colorType: "container" | "base" | "onBase" | "onContainer";
5673
+ toned?: boolean;
5674
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5675
+ } | {
5676
+ color: string | {
5677
+ colorType: "container" | "base" | "onBase" | "onContainer";
5678
+ toned?: boolean;
5679
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5680
+ };
5681
+ stop?: number;
5682
+ })[];
5683
+ acrylic?: boolean;
5684
+ opacity?: number;
5685
+ };
5686
+ };
5687
+ elevation?: number;
5688
+ };
5689
+ id: {
5690
+ toString: () => string;
5691
+ equals?: {
5692
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5693
+ };
5694
+ };
5695
+ };
5696
+ variant4?: {
5697
+ name?: string;
5698
+ background?: {
5699
+ fill?: string | {
5700
+ colors: (string | {
5701
+ colorType: "container" | "base" | "onBase" | "onContainer";
5702
+ toned?: boolean;
5703
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5704
+ } | {
5705
+ color: string | {
5706
+ colorType: "container" | "base" | "onBase" | "onContainer";
5707
+ toned?: boolean;
5708
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5709
+ };
5710
+ stop?: number;
5711
+ })[];
5712
+ acrylic?: boolean;
5713
+ opacity?: number;
5714
+ } | {
5715
+ colorType: "container" | "base" | "onBase" | "onContainer";
5716
+ toned?: boolean;
5717
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5718
+ };
5719
+ border?: {
5720
+ radius?: {
5721
+ top?: import("@omnia/fx-models").SpacingValue;
5722
+ right?: import("@omnia/fx-models").SpacingValue;
5723
+ bottom?: import("@omnia/fx-models").SpacingValue;
5724
+ left?: import("@omnia/fx-models").SpacingValue;
5725
+ };
5726
+ width?: {
5727
+ top?: import("@omnia/fx-models").SpacingValue;
5728
+ right?: import("@omnia/fx-models").SpacingValue;
5729
+ bottom?: import("@omnia/fx-models").SpacingValue;
5730
+ left?: import("@omnia/fx-models").SpacingValue;
5731
+ };
5732
+ fill?: {
5733
+ colors: (string | {
5734
+ colorType: "container" | "base" | "onBase" | "onContainer";
5735
+ toned?: boolean;
5736
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5737
+ } | {
5738
+ color: string | {
5739
+ colorType: "container" | "base" | "onBase" | "onContainer";
5740
+ toned?: boolean;
5741
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5742
+ };
5743
+ stop?: number;
5744
+ })[];
5745
+ acrylic?: boolean;
5746
+ opacity?: number;
5747
+ };
5748
+ };
5749
+ elevation?: number;
5750
+ };
5751
+ id: {
5752
+ toString: () => string;
5753
+ equals?: {
5754
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5755
+ };
5756
+ };
5757
+ };
5758
+ name?: string;
5759
+ id: {
5760
+ toString: () => string;
5761
+ equals?: {
5762
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5763
+ };
5764
+ };
5765
+ };
5325
5766
  name?: string;
5326
5767
  id: {
5327
5768
  toString: () => string;
@@ -5406,8 +5847,20 @@ export declare function useColorSchemaSetup(props: object): {
5406
5847
  get: {
5407
5848
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
5408
5849
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
5409
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
5410
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
5850
+ button: {
5851
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
5852
+ };
5853
+ icon: {
5854
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
5855
+ };
5856
+ block: {
5857
+ hasBlueprintVariant(type: string): boolean;
5858
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
5859
+ };
5860
+ container: {
5861
+ hasVariant(type: string): boolean;
5862
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
5863
+ };
5411
5864
  };
5412
5865
  deactivated(): void;
5413
5866
  };
@@ -5416,11 +5869,11 @@ export declare function useColorSchemaSetup(props: object): {
5416
5869
  fillValue: (value: import("@omnia/fx-models").FillDefinitionValue, type: "typography") => any;
5417
5870
  spacing: () => import("@omnia/fx-models").SpacingBlueprints;
5418
5871
  component: () => import("@omnia/fx-models").ComponentBlueprints;
5419
- color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
5420
- colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
5421
- complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
5422
- complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
5423
- complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
5872
+ color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
5873
+ colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
5874
+ complementaryColorType: (colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
5875
+ complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
5876
+ complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
5424
5877
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
5425
5878
  };
5426
5879
  };