@omnia/fx 8.0.154-dev → 8.0.156-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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
  };