@omnia/fx 8.0.154-dev → 8.0.155-dev

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) 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/wctypings.d.ts +50 -0
  52. package/package.json +2 -2
  53. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/FillsEditorStore.d.ts +0 -50
  54. package/internal-do-not-import-from-here/ux/aurora/store/ChromeBlueprintStore.d.ts +0 -5318
  55. /package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/blades/{FillBladeEdit.d.ts → ContainersBlade.d.ts} +0 -0
  56. /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/aurora/store/ColorSchemaStore.d.ts CHANGED
@@ -99,8 +99,20 @@ export declare const useColorSchemaStore: () => {
99
99
  get: {
100
100
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
101
101
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
102
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
103
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
102
+ button: {
103
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
104
+ };
105
+ icon: {
106
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
107
+ };
108
+ block: {
109
+ hasBlueprintVariant(type: string): boolean;
110
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
111
+ };
112
+ container: {
113
+ hasVariant(type: string): boolean;
114
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
115
+ };
104
116
  };
105
117
  deactivated(): void;
106
118
  };
@@ -109,11 +121,11 @@ export declare const useColorSchemaStore: () => {
109
121
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
110
122
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
111
123
  component(): import("@omnia/fx-models").ComponentBlueprints;
112
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
113
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
114
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorTypes;
115
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
116
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
124
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
125
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
126
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorTypes;
127
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
128
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
117
129
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
118
130
  };
119
131
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -196,8 +208,20 @@ export declare const useColorSchemaStore: () => {
196
208
  get: {
197
209
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
198
210
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
199
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
200
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
211
+ button: {
212
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
213
+ };
214
+ icon: {
215
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
216
+ };
217
+ block: {
218
+ hasBlueprintVariant(type: string): boolean;
219
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
220
+ };
221
+ container: {
222
+ hasVariant(type: string): boolean;
223
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
224
+ };
201
225
  };
202
226
  deactivated(): void;
203
227
  };
@@ -206,11 +230,11 @@ export declare const useColorSchemaStore: () => {
206
230
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
207
231
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
208
232
  component(): import("@omnia/fx-models").ComponentBlueprints;
209
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
210
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
211
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorTypes;
212
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
213
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
233
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
234
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
235
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorTypes;
236
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
237
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
214
238
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
215
239
  };
216
240
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -293,8 +317,20 @@ export declare const useColorSchemaStore: () => {
293
317
  get: {
294
318
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
295
319
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
296
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
297
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
320
+ button: {
321
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
322
+ };
323
+ icon: {
324
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
325
+ };
326
+ block: {
327
+ hasBlueprintVariant(type: string): boolean;
328
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
329
+ };
330
+ container: {
331
+ hasVariant(type: string): boolean;
332
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
333
+ };
298
334
  };
299
335
  deactivated(): void;
300
336
  };
@@ -303,11 +339,11 @@ export declare const useColorSchemaStore: () => {
303
339
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
304
340
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
305
341
  component(): import("@omnia/fx-models").ComponentBlueprints;
306
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
307
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
308
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorTypes;
309
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
310
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
342
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
343
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
344
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorTypes;
345
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
346
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
311
347
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
312
348
  };
313
349
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -660,12 +696,12 @@ export declare const useColorSchemaStore: () => {
660
696
  fills?: {
661
697
  variant1?: {
662
698
  colors: (string | {
663
- colorType: "base" | "onBase" | "container" | "onContainer";
699
+ colorType: "container" | "base" | "onBase" | "onContainer";
664
700
  toned?: boolean;
665
701
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
666
702
  } | {
667
703
  color: string | {
668
- colorType: "base" | "onBase" | "container" | "onContainer";
704
+ colorType: "container" | "base" | "onBase" | "onContainer";
669
705
  toned?: boolean;
670
706
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
671
707
  };
@@ -676,12 +712,12 @@ export declare const useColorSchemaStore: () => {
676
712
  };
677
713
  variant2?: {
678
714
  colors: (string | {
679
- colorType: "base" | "onBase" | "container" | "onContainer";
715
+ colorType: "container" | "base" | "onBase" | "onContainer";
680
716
  toned?: boolean;
681
717
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
682
718
  } | {
683
719
  color: string | {
684
- colorType: "base" | "onBase" | "container" | "onContainer";
720
+ colorType: "container" | "base" | "onBase" | "onContainer";
685
721
  toned?: boolean;
686
722
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
687
723
  };
@@ -692,12 +728,12 @@ export declare const useColorSchemaStore: () => {
692
728
  };
693
729
  variant3?: {
694
730
  colors: (string | {
695
- colorType: "base" | "onBase" | "container" | "onContainer";
731
+ colorType: "container" | "base" | "onBase" | "onContainer";
696
732
  toned?: boolean;
697
733
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
698
734
  } | {
699
735
  color: string | {
700
- colorType: "base" | "onBase" | "container" | "onContainer";
736
+ colorType: "container" | "base" | "onBase" | "onContainer";
701
737
  toned?: boolean;
702
738
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
703
739
  };
@@ -1018,14 +1054,14 @@ export declare const useColorSchemaStore: () => {
1018
1054
  left?: import("@omnia/fx-models").SpacingValue;
1019
1055
  };
1020
1056
  background?: {
1021
- fill?: {
1057
+ fill?: string | {
1022
1058
  colors: (string | {
1023
- colorType: "base" | "onBase" | "container" | "onContainer";
1059
+ colorType: "container" | "base" | "onBase" | "onContainer";
1024
1060
  toned?: boolean;
1025
1061
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1026
1062
  } | {
1027
1063
  color: string | {
1028
- colorType: "base" | "onBase" | "container" | "onContainer";
1064
+ colorType: "container" | "base" | "onBase" | "onContainer";
1029
1065
  toned?: boolean;
1030
1066
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1031
1067
  };
@@ -1033,6 +1069,10 @@ export declare const useColorSchemaStore: () => {
1033
1069
  })[];
1034
1070
  acrylic?: boolean;
1035
1071
  opacity?: number;
1072
+ } | {
1073
+ colorType: "container" | "base" | "onBase" | "onContainer";
1074
+ toned?: boolean;
1075
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1036
1076
  };
1037
1077
  border?: {
1038
1078
  radius?: {
@@ -1049,7 +1089,7 @@ export declare const useColorSchemaStore: () => {
1049
1089
  };
1050
1090
  fill?: {
1051
1091
  colors: (string | {
1052
- colorType: "base" | "onBase" | "container" | "onContainer";
1092
+ colorType: "container" | "base" | "onBase" | "onContainer";
1053
1093
  toned?: boolean;
1054
1094
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1055
1095
  } | {
@@ -1066,12 +1106,12 @@ export declare const useColorSchemaStore: () => {
1066
1106
  text?: {
1067
1107
  color?: string | {
1068
1108
  colors: (string | {
1069
- colorType: "base" | "onBase" | "container" | "onContainer";
1109
+ colorType: "container" | "base" | "onBase" | "onContainer";
1070
1110
  toned?: boolean;
1071
1111
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1072
1112
  } | {
1073
1113
  color: string | {
1074
- colorType: "base" | "onBase" | "container" | "onContainer";
1114
+ colorType: "container" | "base" | "onBase" | "onContainer";
1075
1115
  toned?: boolean;
1076
1116
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1077
1117
  };
@@ -1080,7 +1120,7 @@ export declare const useColorSchemaStore: () => {
1080
1120
  acrylic?: boolean;
1081
1121
  opacity?: number;
1082
1122
  } | {
1083
- colorType: "base" | "onBase" | "container" | "onContainer";
1123
+ colorType: "container" | "base" | "onBase" | "onContainer";
1084
1124
  toned?: boolean;
1085
1125
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1086
1126
  };
@@ -1109,12 +1149,12 @@ export declare const useColorSchemaStore: () => {
1109
1149
  icon?: {
1110
1150
  color?: {
1111
1151
  colors: (string | {
1112
- colorType: "base" | "onBase" | "container" | "onContainer";
1152
+ colorType: "container" | "base" | "onBase" | "onContainer";
1113
1153
  toned?: boolean;
1114
1154
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1115
1155
  } | {
1116
1156
  color: string | {
1117
- colorType: "base" | "onBase" | "container" | "onContainer";
1157
+ colorType: "container" | "base" | "onBase" | "onContainer";
1118
1158
  toned?: boolean;
1119
1159
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1120
1160
  };
@@ -1134,14 +1174,14 @@ export declare const useColorSchemaStore: () => {
1134
1174
  left?: import("@omnia/fx-models").SpacingValue;
1135
1175
  };
1136
1176
  background?: {
1137
- fill?: {
1177
+ fill?: string | {
1138
1178
  colors: (string | {
1139
- colorType: "base" | "onBase" | "container" | "onContainer";
1179
+ colorType: "container" | "base" | "onBase" | "onContainer";
1140
1180
  toned?: boolean;
1141
1181
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1142
1182
  } | {
1143
1183
  color: string | {
1144
- colorType: "base" | "onBase" | "container" | "onContainer";
1184
+ colorType: "container" | "base" | "onBase" | "onContainer";
1145
1185
  toned?: boolean;
1146
1186
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1147
1187
  };
@@ -1149,6 +1189,10 @@ export declare const useColorSchemaStore: () => {
1149
1189
  })[];
1150
1190
  acrylic?: boolean;
1151
1191
  opacity?: number;
1192
+ } | {
1193
+ colorType: "container" | "base" | "onBase" | "onContainer";
1194
+ toned?: boolean;
1195
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1152
1196
  };
1153
1197
  border?: {
1154
1198
  radius?: {
@@ -1165,7 +1209,7 @@ export declare const useColorSchemaStore: () => {
1165
1209
  };
1166
1210
  fill?: {
1167
1211
  colors: (string | {
1168
- colorType: "base" | "onBase" | "container" | "onContainer";
1212
+ colorType: "container" | "base" | "onBase" | "onContainer";
1169
1213
  toned?: boolean;
1170
1214
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1171
1215
  } | {
@@ -1182,12 +1226,12 @@ export declare const useColorSchemaStore: () => {
1182
1226
  text?: {
1183
1227
  color?: string | {
1184
1228
  colors: (string | {
1185
- colorType: "base" | "onBase" | "container" | "onContainer";
1229
+ colorType: "container" | "base" | "onBase" | "onContainer";
1186
1230
  toned?: boolean;
1187
1231
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1188
1232
  } | {
1189
1233
  color: string | {
1190
- colorType: "base" | "onBase" | "container" | "onContainer";
1234
+ colorType: "container" | "base" | "onBase" | "onContainer";
1191
1235
  toned?: boolean;
1192
1236
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1193
1237
  };
@@ -1196,7 +1240,7 @@ export declare const useColorSchemaStore: () => {
1196
1240
  acrylic?: boolean;
1197
1241
  opacity?: number;
1198
1242
  } | {
1199
- colorType: "base" | "onBase" | "container" | "onContainer";
1243
+ colorType: "container" | "base" | "onBase" | "onContainer";
1200
1244
  toned?: boolean;
1201
1245
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1202
1246
  };
@@ -1225,12 +1269,12 @@ export declare const useColorSchemaStore: () => {
1225
1269
  icon?: {
1226
1270
  color?: {
1227
1271
  colors: (string | {
1228
- colorType: "base" | "onBase" | "container" | "onContainer";
1272
+ colorType: "container" | "base" | "onBase" | "onContainer";
1229
1273
  toned?: boolean;
1230
1274
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1231
1275
  } | {
1232
1276
  color: string | {
1233
- colorType: "base" | "onBase" | "container" | "onContainer";
1277
+ colorType: "container" | "base" | "onBase" | "onContainer";
1234
1278
  toned?: boolean;
1235
1279
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1236
1280
  };
@@ -1250,14 +1294,14 @@ export declare const useColorSchemaStore: () => {
1250
1294
  left?: import("@omnia/fx-models").SpacingValue;
1251
1295
  };
1252
1296
  background?: {
1253
- fill?: {
1297
+ fill?: string | {
1254
1298
  colors: (string | {
1255
- colorType: "base" | "onBase" | "container" | "onContainer";
1299
+ colorType: "container" | "base" | "onBase" | "onContainer";
1256
1300
  toned?: boolean;
1257
1301
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1258
1302
  } | {
1259
1303
  color: string | {
1260
- colorType: "base" | "onBase" | "container" | "onContainer";
1304
+ colorType: "container" | "base" | "onBase" | "onContainer";
1261
1305
  toned?: boolean;
1262
1306
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1263
1307
  };
@@ -1265,6 +1309,10 @@ export declare const useColorSchemaStore: () => {
1265
1309
  })[];
1266
1310
  acrylic?: boolean;
1267
1311
  opacity?: number;
1312
+ } | {
1313
+ colorType: "container" | "base" | "onBase" | "onContainer";
1314
+ toned?: boolean;
1315
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1268
1316
  };
1269
1317
  border?: {
1270
1318
  radius?: {
@@ -1281,7 +1329,7 @@ export declare const useColorSchemaStore: () => {
1281
1329
  };
1282
1330
  fill?: {
1283
1331
  colors: (string | {
1284
- colorType: "base" | "onBase" | "container" | "onContainer";
1332
+ colorType: "container" | "base" | "onBase" | "onContainer";
1285
1333
  toned?: boolean;
1286
1334
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1287
1335
  } | {
@@ -1298,12 +1346,12 @@ export declare const useColorSchemaStore: () => {
1298
1346
  text?: {
1299
1347
  color?: string | {
1300
1348
  colors: (string | {
1301
- colorType: "base" | "onBase" | "container" | "onContainer";
1349
+ colorType: "container" | "base" | "onBase" | "onContainer";
1302
1350
  toned?: boolean;
1303
1351
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1304
1352
  } | {
1305
1353
  color: string | {
1306
- colorType: "base" | "onBase" | "container" | "onContainer";
1354
+ colorType: "container" | "base" | "onBase" | "onContainer";
1307
1355
  toned?: boolean;
1308
1356
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1309
1357
  };
@@ -1312,7 +1360,7 @@ export declare const useColorSchemaStore: () => {
1312
1360
  acrylic?: boolean;
1313
1361
  opacity?: number;
1314
1362
  } | {
1315
- colorType: "base" | "onBase" | "container" | "onContainer";
1363
+ colorType: "container" | "base" | "onBase" | "onContainer";
1316
1364
  toned?: boolean;
1317
1365
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1318
1366
  };
@@ -1341,12 +1389,12 @@ export declare const useColorSchemaStore: () => {
1341
1389
  icon?: {
1342
1390
  color?: {
1343
1391
  colors: (string | {
1344
- colorType: "base" | "onBase" | "container" | "onContainer";
1392
+ colorType: "container" | "base" | "onBase" | "onContainer";
1345
1393
  toned?: boolean;
1346
1394
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1347
1395
  } | {
1348
1396
  color: string | {
1349
- colorType: "base" | "onBase" | "container" | "onContainer";
1397
+ colorType: "container" | "base" | "onBase" | "onContainer";
1350
1398
  toned?: boolean;
1351
1399
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1352
1400
  };
@@ -1366,14 +1414,14 @@ export declare const useColorSchemaStore: () => {
1366
1414
  left?: import("@omnia/fx-models").SpacingValue;
1367
1415
  };
1368
1416
  background?: {
1369
- fill?: {
1417
+ fill?: string | {
1370
1418
  colors: (string | {
1371
- colorType: "base" | "onBase" | "container" | "onContainer";
1419
+ colorType: "container" | "base" | "onBase" | "onContainer";
1372
1420
  toned?: boolean;
1373
1421
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1374
1422
  } | {
1375
1423
  color: string | {
1376
- colorType: "base" | "onBase" | "container" | "onContainer";
1424
+ colorType: "container" | "base" | "onBase" | "onContainer";
1377
1425
  toned?: boolean;
1378
1426
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1379
1427
  };
@@ -1381,6 +1429,10 @@ export declare const useColorSchemaStore: () => {
1381
1429
  })[];
1382
1430
  acrylic?: boolean;
1383
1431
  opacity?: number;
1432
+ } | {
1433
+ colorType: "container" | "base" | "onBase" | "onContainer";
1434
+ toned?: boolean;
1435
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1384
1436
  };
1385
1437
  border?: {
1386
1438
  radius?: {
@@ -1397,7 +1449,7 @@ export declare const useColorSchemaStore: () => {
1397
1449
  };
1398
1450
  fill?: {
1399
1451
  colors: (string | {
1400
- colorType: "base" | "onBase" | "container" | "onContainer";
1452
+ colorType: "container" | "base" | "onBase" | "onContainer";
1401
1453
  toned?: boolean;
1402
1454
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1403
1455
  } | {
@@ -1414,12 +1466,12 @@ export declare const useColorSchemaStore: () => {
1414
1466
  text?: {
1415
1467
  color?: string | {
1416
1468
  colors: (string | {
1417
- colorType: "base" | "onBase" | "container" | "onContainer";
1469
+ colorType: "container" | "base" | "onBase" | "onContainer";
1418
1470
  toned?: boolean;
1419
1471
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1420
1472
  } | {
1421
1473
  color: string | {
1422
- colorType: "base" | "onBase" | "container" | "onContainer";
1474
+ colorType: "container" | "base" | "onBase" | "onContainer";
1423
1475
  toned?: boolean;
1424
1476
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1425
1477
  };
@@ -1428,7 +1480,7 @@ export declare const useColorSchemaStore: () => {
1428
1480
  acrylic?: boolean;
1429
1481
  opacity?: number;
1430
1482
  } | {
1431
- colorType: "base" | "onBase" | "container" | "onContainer";
1483
+ colorType: "container" | "base" | "onBase" | "onContainer";
1432
1484
  toned?: boolean;
1433
1485
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1434
1486
  };
@@ -1457,12 +1509,12 @@ export declare const useColorSchemaStore: () => {
1457
1509
  icon?: {
1458
1510
  color?: {
1459
1511
  colors: (string | {
1460
- colorType: "base" | "onBase" | "container" | "onContainer";
1512
+ colorType: "container" | "base" | "onBase" | "onContainer";
1461
1513
  toned?: boolean;
1462
1514
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1463
1515
  } | {
1464
1516
  color: string | {
1465
- colorType: "base" | "onBase" | "container" | "onContainer";
1517
+ colorType: "container" | "base" | "onBase" | "onContainer";
1466
1518
  toned?: boolean;
1467
1519
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1468
1520
  };
@@ -1482,14 +1534,14 @@ export declare const useColorSchemaStore: () => {
1482
1534
  left?: import("@omnia/fx-models").SpacingValue;
1483
1535
  };
1484
1536
  background?: {
1485
- fill?: {
1537
+ fill?: string | {
1486
1538
  colors: (string | {
1487
- colorType: "base" | "onBase" | "container" | "onContainer";
1539
+ colorType: "container" | "base" | "onBase" | "onContainer";
1488
1540
  toned?: boolean;
1489
1541
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1490
1542
  } | {
1491
1543
  color: string | {
1492
- colorType: "base" | "onBase" | "container" | "onContainer";
1544
+ colorType: "container" | "base" | "onBase" | "onContainer";
1493
1545
  toned?: boolean;
1494
1546
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1495
1547
  };
@@ -1497,6 +1549,10 @@ export declare const useColorSchemaStore: () => {
1497
1549
  })[];
1498
1550
  acrylic?: boolean;
1499
1551
  opacity?: number;
1552
+ } | {
1553
+ colorType: "container" | "base" | "onBase" | "onContainer";
1554
+ toned?: boolean;
1555
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1500
1556
  };
1501
1557
  border?: {
1502
1558
  radius?: {
@@ -1513,7 +1569,7 @@ export declare const useColorSchemaStore: () => {
1513
1569
  };
1514
1570
  fill?: {
1515
1571
  colors: (string | {
1516
- colorType: "base" | "onBase" | "container" | "onContainer";
1572
+ colorType: "container" | "base" | "onBase" | "onContainer";
1517
1573
  toned?: boolean;
1518
1574
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1519
1575
  } | {
@@ -1530,12 +1586,12 @@ export declare const useColorSchemaStore: () => {
1530
1586
  text?: {
1531
1587
  color?: string | {
1532
1588
  colors: (string | {
1533
- colorType: "base" | "onBase" | "container" | "onContainer";
1589
+ colorType: "container" | "base" | "onBase" | "onContainer";
1534
1590
  toned?: boolean;
1535
1591
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1536
1592
  } | {
1537
1593
  color: string | {
1538
- colorType: "base" | "onBase" | "container" | "onContainer";
1594
+ colorType: "container" | "base" | "onBase" | "onContainer";
1539
1595
  toned?: boolean;
1540
1596
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1541
1597
  };
@@ -1544,7 +1600,7 @@ export declare const useColorSchemaStore: () => {
1544
1600
  acrylic?: boolean;
1545
1601
  opacity?: number;
1546
1602
  } | {
1547
- colorType: "base" | "onBase" | "container" | "onContainer";
1603
+ colorType: "container" | "base" | "onBase" | "onContainer";
1548
1604
  toned?: boolean;
1549
1605
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1550
1606
  };
@@ -1573,12 +1629,12 @@ export declare const useColorSchemaStore: () => {
1573
1629
  icon?: {
1574
1630
  color?: {
1575
1631
  colors: (string | {
1576
- colorType: "base" | "onBase" | "container" | "onContainer";
1632
+ colorType: "container" | "base" | "onBase" | "onContainer";
1577
1633
  toned?: boolean;
1578
1634
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1579
1635
  } | {
1580
1636
  color: string | {
1581
- colorType: "base" | "onBase" | "container" | "onContainer";
1637
+ colorType: "container" | "base" | "onBase" | "onContainer";
1582
1638
  toned?: boolean;
1583
1639
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1584
1640
  };
@@ -1598,14 +1654,14 @@ export declare const useColorSchemaStore: () => {
1598
1654
  left?: import("@omnia/fx-models").SpacingValue;
1599
1655
  };
1600
1656
  background?: {
1601
- fill?: {
1657
+ fill?: string | {
1602
1658
  colors: (string | {
1603
- colorType: "base" | "onBase" | "container" | "onContainer";
1659
+ colorType: "container" | "base" | "onBase" | "onContainer";
1604
1660
  toned?: boolean;
1605
1661
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1606
1662
  } | {
1607
1663
  color: string | {
1608
- colorType: "base" | "onBase" | "container" | "onContainer";
1664
+ colorType: "container" | "base" | "onBase" | "onContainer";
1609
1665
  toned?: boolean;
1610
1666
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1611
1667
  };
@@ -1613,6 +1669,10 @@ export declare const useColorSchemaStore: () => {
1613
1669
  })[];
1614
1670
  acrylic?: boolean;
1615
1671
  opacity?: number;
1672
+ } | {
1673
+ colorType: "container" | "base" | "onBase" | "onContainer";
1674
+ toned?: boolean;
1675
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1616
1676
  };
1617
1677
  border?: {
1618
1678
  radius?: {
@@ -1629,7 +1689,7 @@ export declare const useColorSchemaStore: () => {
1629
1689
  };
1630
1690
  fill?: {
1631
1691
  colors: (string | {
1632
- colorType: "base" | "onBase" | "container" | "onContainer";
1692
+ colorType: "container" | "base" | "onBase" | "onContainer";
1633
1693
  toned?: boolean;
1634
1694
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1635
1695
  } | {
@@ -1646,12 +1706,12 @@ export declare const useColorSchemaStore: () => {
1646
1706
  text?: {
1647
1707
  color?: string | {
1648
1708
  colors: (string | {
1649
- colorType: "base" | "onBase" | "container" | "onContainer";
1709
+ colorType: "container" | "base" | "onBase" | "onContainer";
1650
1710
  toned?: boolean;
1651
1711
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1652
1712
  } | {
1653
1713
  color: string | {
1654
- colorType: "base" | "onBase" | "container" | "onContainer";
1714
+ colorType: "container" | "base" | "onBase" | "onContainer";
1655
1715
  toned?: boolean;
1656
1716
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1657
1717
  };
@@ -1660,7 +1720,7 @@ export declare const useColorSchemaStore: () => {
1660
1720
  acrylic?: boolean;
1661
1721
  opacity?: number;
1662
1722
  } | {
1663
- colorType: "base" | "onBase" | "container" | "onContainer";
1723
+ colorType: "container" | "base" | "onBase" | "onContainer";
1664
1724
  toned?: boolean;
1665
1725
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1666
1726
  };
@@ -1689,12 +1749,12 @@ export declare const useColorSchemaStore: () => {
1689
1749
  icon?: {
1690
1750
  color?: {
1691
1751
  colors: (string | {
1692
- colorType: "base" | "onBase" | "container" | "onContainer";
1752
+ colorType: "container" | "base" | "onBase" | "onContainer";
1693
1753
  toned?: boolean;
1694
1754
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1695
1755
  } | {
1696
1756
  color: string | {
1697
- colorType: "base" | "onBase" | "container" | "onContainer";
1757
+ colorType: "container" | "base" | "onBase" | "onContainer";
1698
1758
  toned?: boolean;
1699
1759
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1700
1760
  };
@@ -1714,14 +1774,14 @@ export declare const useColorSchemaStore: () => {
1714
1774
  left?: import("@omnia/fx-models").SpacingValue;
1715
1775
  };
1716
1776
  background?: {
1717
- fill?: {
1777
+ fill?: string | {
1718
1778
  colors: (string | {
1719
- colorType: "base" | "onBase" | "container" | "onContainer";
1779
+ colorType: "container" | "base" | "onBase" | "onContainer";
1720
1780
  toned?: boolean;
1721
1781
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1722
1782
  } | {
1723
1783
  color: string | {
1724
- colorType: "base" | "onBase" | "container" | "onContainer";
1784
+ colorType: "container" | "base" | "onBase" | "onContainer";
1725
1785
  toned?: boolean;
1726
1786
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1727
1787
  };
@@ -1729,6 +1789,10 @@ export declare const useColorSchemaStore: () => {
1729
1789
  })[];
1730
1790
  acrylic?: boolean;
1731
1791
  opacity?: number;
1792
+ } | {
1793
+ colorType: "container" | "base" | "onBase" | "onContainer";
1794
+ toned?: boolean;
1795
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1732
1796
  };
1733
1797
  border?: {
1734
1798
  radius?: {
@@ -1745,7 +1809,7 @@ export declare const useColorSchemaStore: () => {
1745
1809
  };
1746
1810
  fill?: {
1747
1811
  colors: (string | {
1748
- colorType: "base" | "onBase" | "container" | "onContainer";
1812
+ colorType: "container" | "base" | "onBase" | "onContainer";
1749
1813
  toned?: boolean;
1750
1814
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1751
1815
  } | {
@@ -1762,12 +1826,12 @@ export declare const useColorSchemaStore: () => {
1762
1826
  text?: {
1763
1827
  color?: string | {
1764
1828
  colors: (string | {
1765
- colorType: "base" | "onBase" | "container" | "onContainer";
1829
+ colorType: "container" | "base" | "onBase" | "onContainer";
1766
1830
  toned?: boolean;
1767
1831
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1768
1832
  } | {
1769
1833
  color: string | {
1770
- colorType: "base" | "onBase" | "container" | "onContainer";
1834
+ colorType: "container" | "base" | "onBase" | "onContainer";
1771
1835
  toned?: boolean;
1772
1836
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1773
1837
  };
@@ -1776,7 +1840,7 @@ export declare const useColorSchemaStore: () => {
1776
1840
  acrylic?: boolean;
1777
1841
  opacity?: number;
1778
1842
  } | {
1779
- colorType: "base" | "onBase" | "container" | "onContainer";
1843
+ colorType: "container" | "base" | "onBase" | "onContainer";
1780
1844
  toned?: boolean;
1781
1845
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1782
1846
  };
@@ -1805,12 +1869,12 @@ export declare const useColorSchemaStore: () => {
1805
1869
  icon?: {
1806
1870
  color?: {
1807
1871
  colors: (string | {
1808
- colorType: "base" | "onBase" | "container" | "onContainer";
1872
+ colorType: "container" | "base" | "onBase" | "onContainer";
1809
1873
  toned?: boolean;
1810
1874
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1811
1875
  } | {
1812
1876
  color: string | {
1813
- colorType: "base" | "onBase" | "container" | "onContainer";
1877
+ colorType: "container" | "base" | "onBase" | "onContainer";
1814
1878
  toned?: boolean;
1815
1879
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1816
1880
  };
@@ -1830,14 +1894,14 @@ export declare const useColorSchemaStore: () => {
1830
1894
  left?: import("@omnia/fx-models").SpacingValue;
1831
1895
  };
1832
1896
  background?: {
1833
- fill?: {
1897
+ fill?: string | {
1834
1898
  colors: (string | {
1835
- colorType: "base" | "onBase" | "container" | "onContainer";
1899
+ colorType: "container" | "base" | "onBase" | "onContainer";
1836
1900
  toned?: boolean;
1837
1901
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1838
1902
  } | {
1839
1903
  color: string | {
1840
- colorType: "base" | "onBase" | "container" | "onContainer";
1904
+ colorType: "container" | "base" | "onBase" | "onContainer";
1841
1905
  toned?: boolean;
1842
1906
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1843
1907
  };
@@ -1845,6 +1909,10 @@ export declare const useColorSchemaStore: () => {
1845
1909
  })[];
1846
1910
  acrylic?: boolean;
1847
1911
  opacity?: number;
1912
+ } | {
1913
+ colorType: "container" | "base" | "onBase" | "onContainer";
1914
+ toned?: boolean;
1915
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1848
1916
  };
1849
1917
  border?: {
1850
1918
  radius?: {
@@ -1861,7 +1929,7 @@ export declare const useColorSchemaStore: () => {
1861
1929
  };
1862
1930
  fill?: {
1863
1931
  colors: (string | {
1864
- colorType: "base" | "onBase" | "container" | "onContainer";
1932
+ colorType: "container" | "base" | "onBase" | "onContainer";
1865
1933
  toned?: boolean;
1866
1934
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1867
1935
  } | {
@@ -1878,12 +1946,12 @@ export declare const useColorSchemaStore: () => {
1878
1946
  text?: {
1879
1947
  color?: string | {
1880
1948
  colors: (string | {
1881
- colorType: "base" | "onBase" | "container" | "onContainer";
1949
+ colorType: "container" | "base" | "onBase" | "onContainer";
1882
1950
  toned?: boolean;
1883
1951
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1884
1952
  } | {
1885
1953
  color: string | {
1886
- colorType: "base" | "onBase" | "container" | "onContainer";
1954
+ colorType: "container" | "base" | "onBase" | "onContainer";
1887
1955
  toned?: boolean;
1888
1956
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1889
1957
  };
@@ -1892,7 +1960,7 @@ export declare const useColorSchemaStore: () => {
1892
1960
  acrylic?: boolean;
1893
1961
  opacity?: number;
1894
1962
  } | {
1895
- colorType: "base" | "onBase" | "container" | "onContainer";
1963
+ colorType: "container" | "base" | "onBase" | "onContainer";
1896
1964
  toned?: boolean;
1897
1965
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1898
1966
  };
@@ -1921,12 +1989,12 @@ export declare const useColorSchemaStore: () => {
1921
1989
  icon?: {
1922
1990
  color?: {
1923
1991
  colors: (string | {
1924
- colorType: "base" | "onBase" | "container" | "onContainer";
1992
+ colorType: "container" | "base" | "onBase" | "onContainer";
1925
1993
  toned?: boolean;
1926
1994
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1927
1995
  } | {
1928
1996
  color: string | {
1929
- colorType: "base" | "onBase" | "container" | "onContainer";
1997
+ colorType: "container" | "base" | "onBase" | "onContainer";
1930
1998
  toned?: boolean;
1931
1999
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1932
2000
  };
@@ -1946,14 +2014,14 @@ export declare const useColorSchemaStore: () => {
1946
2014
  left?: import("@omnia/fx-models").SpacingValue;
1947
2015
  };
1948
2016
  background?: {
1949
- fill?: {
2017
+ fill?: string | {
1950
2018
  colors: (string | {
1951
- colorType: "base" | "onBase" | "container" | "onContainer";
2019
+ colorType: "container" | "base" | "onBase" | "onContainer";
1952
2020
  toned?: boolean;
1953
2021
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1954
2022
  } | {
1955
2023
  color: string | {
1956
- colorType: "base" | "onBase" | "container" | "onContainer";
2024
+ colorType: "container" | "base" | "onBase" | "onContainer";
1957
2025
  toned?: boolean;
1958
2026
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1959
2027
  };
@@ -1961,6 +2029,10 @@ export declare const useColorSchemaStore: () => {
1961
2029
  })[];
1962
2030
  acrylic?: boolean;
1963
2031
  opacity?: number;
2032
+ } | {
2033
+ colorType: "container" | "base" | "onBase" | "onContainer";
2034
+ toned?: boolean;
2035
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1964
2036
  };
1965
2037
  border?: {
1966
2038
  radius?: {
@@ -1977,7 +2049,7 @@ export declare const useColorSchemaStore: () => {
1977
2049
  };
1978
2050
  fill?: {
1979
2051
  colors: (string | {
1980
- colorType: "base" | "onBase" | "container" | "onContainer";
2052
+ colorType: "container" | "base" | "onBase" | "onContainer";
1981
2053
  toned?: boolean;
1982
2054
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1983
2055
  } | {
@@ -1994,12 +2066,12 @@ export declare const useColorSchemaStore: () => {
1994
2066
  text?: {
1995
2067
  color?: string | {
1996
2068
  colors: (string | {
1997
- colorType: "base" | "onBase" | "container" | "onContainer";
2069
+ colorType: "container" | "base" | "onBase" | "onContainer";
1998
2070
  toned?: boolean;
1999
2071
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2000
2072
  } | {
2001
2073
  color: string | {
2002
- colorType: "base" | "onBase" | "container" | "onContainer";
2074
+ colorType: "container" | "base" | "onBase" | "onContainer";
2003
2075
  toned?: boolean;
2004
2076
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2005
2077
  };
@@ -2008,7 +2080,7 @@ export declare const useColorSchemaStore: () => {
2008
2080
  acrylic?: boolean;
2009
2081
  opacity?: number;
2010
2082
  } | {
2011
- colorType: "base" | "onBase" | "container" | "onContainer";
2083
+ colorType: "container" | "base" | "onBase" | "onContainer";
2012
2084
  toned?: boolean;
2013
2085
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2014
2086
  };
@@ -2037,12 +2109,12 @@ export declare const useColorSchemaStore: () => {
2037
2109
  icon?: {
2038
2110
  color?: {
2039
2111
  colors: (string | {
2040
- colorType: "base" | "onBase" | "container" | "onContainer";
2112
+ colorType: "container" | "base" | "onBase" | "onContainer";
2041
2113
  toned?: boolean;
2042
2114
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2043
2115
  } | {
2044
2116
  color: string | {
2045
- colorType: "base" | "onBase" | "container" | "onContainer";
2117
+ colorType: "container" | "base" | "onBase" | "onContainer";
2046
2118
  toned?: boolean;
2047
2119
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2048
2120
  };
@@ -2064,14 +2136,14 @@ export declare const useColorSchemaStore: () => {
2064
2136
  left?: import("@omnia/fx-models").SpacingValue;
2065
2137
  };
2066
2138
  background?: {
2067
- fill?: {
2139
+ fill?: string | {
2068
2140
  colors: (string | {
2069
- colorType: "base" | "onBase" | "container" | "onContainer";
2141
+ colorType: "container" | "base" | "onBase" | "onContainer";
2070
2142
  toned?: boolean;
2071
2143
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2072
2144
  } | {
2073
2145
  color: string | {
2074
- colorType: "base" | "onBase" | "container" | "onContainer";
2146
+ colorType: "container" | "base" | "onBase" | "onContainer";
2075
2147
  toned?: boolean;
2076
2148
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2077
2149
  };
@@ -2079,6 +2151,10 @@ export declare const useColorSchemaStore: () => {
2079
2151
  })[];
2080
2152
  acrylic?: boolean;
2081
2153
  opacity?: number;
2154
+ } | {
2155
+ colorType: "container" | "base" | "onBase" | "onContainer";
2156
+ toned?: boolean;
2157
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2082
2158
  };
2083
2159
  border?: {
2084
2160
  radius?: {
@@ -2095,7 +2171,7 @@ export declare const useColorSchemaStore: () => {
2095
2171
  };
2096
2172
  fill?: {
2097
2173
  colors: (string | {
2098
- colorType: "base" | "onBase" | "container" | "onContainer";
2174
+ colorType: "container" | "base" | "onBase" | "onContainer";
2099
2175
  toned?: boolean;
2100
2176
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2101
2177
  } | {
@@ -2112,12 +2188,12 @@ export declare const useColorSchemaStore: () => {
2112
2188
  text?: {
2113
2189
  color?: string | {
2114
2190
  colors: (string | {
2115
- colorType: "base" | "onBase" | "container" | "onContainer";
2191
+ colorType: "container" | "base" | "onBase" | "onContainer";
2116
2192
  toned?: boolean;
2117
2193
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2118
2194
  } | {
2119
2195
  color: string | {
2120
- colorType: "base" | "onBase" | "container" | "onContainer";
2196
+ colorType: "container" | "base" | "onBase" | "onContainer";
2121
2197
  toned?: boolean;
2122
2198
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2123
2199
  };
@@ -2126,7 +2202,7 @@ export declare const useColorSchemaStore: () => {
2126
2202
  acrylic?: boolean;
2127
2203
  opacity?: number;
2128
2204
  } | {
2129
- colorType: "base" | "onBase" | "container" | "onContainer";
2205
+ colorType: "container" | "base" | "onBase" | "onContainer";
2130
2206
  toned?: boolean;
2131
2207
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2132
2208
  };
@@ -2155,12 +2231,12 @@ export declare const useColorSchemaStore: () => {
2155
2231
  icon?: {
2156
2232
  color?: {
2157
2233
  colors: (string | {
2158
- colorType: "base" | "onBase" | "container" | "onContainer";
2234
+ colorType: "container" | "base" | "onBase" | "onContainer";
2159
2235
  toned?: boolean;
2160
2236
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2161
2237
  } | {
2162
2238
  color: string | {
2163
- colorType: "base" | "onBase" | "container" | "onContainer";
2239
+ colorType: "container" | "base" | "onBase" | "onContainer";
2164
2240
  toned?: boolean;
2165
2241
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2166
2242
  };
@@ -2180,14 +2256,14 @@ export declare const useColorSchemaStore: () => {
2180
2256
  left?: import("@omnia/fx-models").SpacingValue;
2181
2257
  };
2182
2258
  background?: {
2183
- fill?: {
2259
+ fill?: string | {
2184
2260
  colors: (string | {
2185
- colorType: "base" | "onBase" | "container" | "onContainer";
2261
+ colorType: "container" | "base" | "onBase" | "onContainer";
2186
2262
  toned?: boolean;
2187
2263
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2188
2264
  } | {
2189
2265
  color: string | {
2190
- colorType: "base" | "onBase" | "container" | "onContainer";
2266
+ colorType: "container" | "base" | "onBase" | "onContainer";
2191
2267
  toned?: boolean;
2192
2268
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2193
2269
  };
@@ -2195,6 +2271,10 @@ export declare const useColorSchemaStore: () => {
2195
2271
  })[];
2196
2272
  acrylic?: boolean;
2197
2273
  opacity?: number;
2274
+ } | {
2275
+ colorType: "container" | "base" | "onBase" | "onContainer";
2276
+ toned?: boolean;
2277
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2198
2278
  };
2199
2279
  border?: {
2200
2280
  radius?: {
@@ -2211,7 +2291,7 @@ export declare const useColorSchemaStore: () => {
2211
2291
  };
2212
2292
  fill?: {
2213
2293
  colors: (string | {
2214
- colorType: "base" | "onBase" | "container" | "onContainer";
2294
+ colorType: "container" | "base" | "onBase" | "onContainer";
2215
2295
  toned?: boolean;
2216
2296
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2217
2297
  } | {
@@ -2228,12 +2308,12 @@ export declare const useColorSchemaStore: () => {
2228
2308
  text?: {
2229
2309
  color?: string | {
2230
2310
  colors: (string | {
2231
- colorType: "base" | "onBase" | "container" | "onContainer";
2311
+ colorType: "container" | "base" | "onBase" | "onContainer";
2232
2312
  toned?: boolean;
2233
2313
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2234
2314
  } | {
2235
2315
  color: string | {
2236
- colorType: "base" | "onBase" | "container" | "onContainer";
2316
+ colorType: "container" | "base" | "onBase" | "onContainer";
2237
2317
  toned?: boolean;
2238
2318
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2239
2319
  };
@@ -2242,7 +2322,7 @@ export declare const useColorSchemaStore: () => {
2242
2322
  acrylic?: boolean;
2243
2323
  opacity?: number;
2244
2324
  } | {
2245
- colorType: "base" | "onBase" | "container" | "onContainer";
2325
+ colorType: "container" | "base" | "onBase" | "onContainer";
2246
2326
  toned?: boolean;
2247
2327
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2248
2328
  };
@@ -2271,12 +2351,12 @@ export declare const useColorSchemaStore: () => {
2271
2351
  icon?: {
2272
2352
  color?: {
2273
2353
  colors: (string | {
2274
- colorType: "base" | "onBase" | "container" | "onContainer";
2354
+ colorType: "container" | "base" | "onBase" | "onContainer";
2275
2355
  toned?: boolean;
2276
2356
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2277
2357
  } | {
2278
2358
  color: string | {
2279
- colorType: "base" | "onBase" | "container" | "onContainer";
2359
+ colorType: "container" | "base" | "onBase" | "onContainer";
2280
2360
  toned?: boolean;
2281
2361
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2282
2362
  };
@@ -2296,14 +2376,14 @@ export declare const useColorSchemaStore: () => {
2296
2376
  left?: import("@omnia/fx-models").SpacingValue;
2297
2377
  };
2298
2378
  background?: {
2299
- fill?: {
2379
+ fill?: string | {
2300
2380
  colors: (string | {
2301
- colorType: "base" | "onBase" | "container" | "onContainer";
2381
+ colorType: "container" | "base" | "onBase" | "onContainer";
2302
2382
  toned?: boolean;
2303
2383
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2304
2384
  } | {
2305
2385
  color: string | {
2306
- colorType: "base" | "onBase" | "container" | "onContainer";
2386
+ colorType: "container" | "base" | "onBase" | "onContainer";
2307
2387
  toned?: boolean;
2308
2388
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2309
2389
  };
@@ -2311,6 +2391,10 @@ export declare const useColorSchemaStore: () => {
2311
2391
  })[];
2312
2392
  acrylic?: boolean;
2313
2393
  opacity?: number;
2394
+ } | {
2395
+ colorType: "container" | "base" | "onBase" | "onContainer";
2396
+ toned?: boolean;
2397
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2314
2398
  };
2315
2399
  border?: {
2316
2400
  radius?: {
@@ -2327,7 +2411,7 @@ export declare const useColorSchemaStore: () => {
2327
2411
  };
2328
2412
  fill?: {
2329
2413
  colors: (string | {
2330
- colorType: "base" | "onBase" | "container" | "onContainer";
2414
+ colorType: "container" | "base" | "onBase" | "onContainer";
2331
2415
  toned?: boolean;
2332
2416
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2333
2417
  } | {
@@ -2344,12 +2428,12 @@ export declare const useColorSchemaStore: () => {
2344
2428
  text?: {
2345
2429
  color?: string | {
2346
2430
  colors: (string | {
2347
- colorType: "base" | "onBase" | "container" | "onContainer";
2431
+ colorType: "container" | "base" | "onBase" | "onContainer";
2348
2432
  toned?: boolean;
2349
2433
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2350
2434
  } | {
2351
2435
  color: string | {
2352
- colorType: "base" | "onBase" | "container" | "onContainer";
2436
+ colorType: "container" | "base" | "onBase" | "onContainer";
2353
2437
  toned?: boolean;
2354
2438
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2355
2439
  };
@@ -2358,7 +2442,7 @@ export declare const useColorSchemaStore: () => {
2358
2442
  acrylic?: boolean;
2359
2443
  opacity?: number;
2360
2444
  } | {
2361
- colorType: "base" | "onBase" | "container" | "onContainer";
2445
+ colorType: "container" | "base" | "onBase" | "onContainer";
2362
2446
  toned?: boolean;
2363
2447
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2364
2448
  };
@@ -2387,12 +2471,12 @@ export declare const useColorSchemaStore: () => {
2387
2471
  icon?: {
2388
2472
  color?: {
2389
2473
  colors: (string | {
2390
- colorType: "base" | "onBase" | "container" | "onContainer";
2474
+ colorType: "container" | "base" | "onBase" | "onContainer";
2391
2475
  toned?: boolean;
2392
2476
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2393
2477
  } | {
2394
2478
  color: string | {
2395
- colorType: "base" | "onBase" | "container" | "onContainer";
2479
+ colorType: "container" | "base" | "onBase" | "onContainer";
2396
2480
  toned?: boolean;
2397
2481
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2398
2482
  };
@@ -2412,14 +2496,14 @@ export declare const useColorSchemaStore: () => {
2412
2496
  left?: import("@omnia/fx-models").SpacingValue;
2413
2497
  };
2414
2498
  background?: {
2415
- fill?: {
2499
+ fill?: string | {
2416
2500
  colors: (string | {
2417
- colorType: "base" | "onBase" | "container" | "onContainer";
2501
+ colorType: "container" | "base" | "onBase" | "onContainer";
2418
2502
  toned?: boolean;
2419
2503
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2420
2504
  } | {
2421
2505
  color: string | {
2422
- colorType: "base" | "onBase" | "container" | "onContainer";
2506
+ colorType: "container" | "base" | "onBase" | "onContainer";
2423
2507
  toned?: boolean;
2424
2508
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2425
2509
  };
@@ -2427,6 +2511,10 @@ export declare const useColorSchemaStore: () => {
2427
2511
  })[];
2428
2512
  acrylic?: boolean;
2429
2513
  opacity?: number;
2514
+ } | {
2515
+ colorType: "container" | "base" | "onBase" | "onContainer";
2516
+ toned?: boolean;
2517
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2430
2518
  };
2431
2519
  border?: {
2432
2520
  radius?: {
@@ -2443,7 +2531,7 @@ export declare const useColorSchemaStore: () => {
2443
2531
  };
2444
2532
  fill?: {
2445
2533
  colors: (string | {
2446
- colorType: "base" | "onBase" | "container" | "onContainer";
2534
+ colorType: "container" | "base" | "onBase" | "onContainer";
2447
2535
  toned?: boolean;
2448
2536
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2449
2537
  } | {
@@ -2460,12 +2548,12 @@ export declare const useColorSchemaStore: () => {
2460
2548
  text?: {
2461
2549
  color?: string | {
2462
2550
  colors: (string | {
2463
- colorType: "base" | "onBase" | "container" | "onContainer";
2551
+ colorType: "container" | "base" | "onBase" | "onContainer";
2464
2552
  toned?: boolean;
2465
2553
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2466
2554
  } | {
2467
2555
  color: string | {
2468
- colorType: "base" | "onBase" | "container" | "onContainer";
2556
+ colorType: "container" | "base" | "onBase" | "onContainer";
2469
2557
  toned?: boolean;
2470
2558
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2471
2559
  };
@@ -2474,7 +2562,7 @@ export declare const useColorSchemaStore: () => {
2474
2562
  acrylic?: boolean;
2475
2563
  opacity?: number;
2476
2564
  } | {
2477
- colorType: "base" | "onBase" | "container" | "onContainer";
2565
+ colorType: "container" | "base" | "onBase" | "onContainer";
2478
2566
  toned?: boolean;
2479
2567
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2480
2568
  };
@@ -2503,12 +2591,12 @@ export declare const useColorSchemaStore: () => {
2503
2591
  icon?: {
2504
2592
  color?: {
2505
2593
  colors: (string | {
2506
- colorType: "base" | "onBase" | "container" | "onContainer";
2594
+ colorType: "container" | "base" | "onBase" | "onContainer";
2507
2595
  toned?: boolean;
2508
2596
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2509
2597
  } | {
2510
2598
  color: string | {
2511
- colorType: "base" | "onBase" | "container" | "onContainer";
2599
+ colorType: "container" | "base" | "onBase" | "onContainer";
2512
2600
  toned?: boolean;
2513
2601
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2514
2602
  };
@@ -2528,14 +2616,14 @@ export declare const useColorSchemaStore: () => {
2528
2616
  left?: import("@omnia/fx-models").SpacingValue;
2529
2617
  };
2530
2618
  background?: {
2531
- fill?: {
2619
+ fill?: string | {
2532
2620
  colors: (string | {
2533
- colorType: "base" | "onBase" | "container" | "onContainer";
2621
+ colorType: "container" | "base" | "onBase" | "onContainer";
2534
2622
  toned?: boolean;
2535
2623
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2536
2624
  } | {
2537
2625
  color: string | {
2538
- colorType: "base" | "onBase" | "container" | "onContainer";
2626
+ colorType: "container" | "base" | "onBase" | "onContainer";
2539
2627
  toned?: boolean;
2540
2628
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2541
2629
  };
@@ -2543,6 +2631,10 @@ export declare const useColorSchemaStore: () => {
2543
2631
  })[];
2544
2632
  acrylic?: boolean;
2545
2633
  opacity?: number;
2634
+ } | {
2635
+ colorType: "container" | "base" | "onBase" | "onContainer";
2636
+ toned?: boolean;
2637
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2546
2638
  };
2547
2639
  border?: {
2548
2640
  radius?: {
@@ -2559,7 +2651,7 @@ export declare const useColorSchemaStore: () => {
2559
2651
  };
2560
2652
  fill?: {
2561
2653
  colors: (string | {
2562
- colorType: "base" | "onBase" | "container" | "onContainer";
2654
+ colorType: "container" | "base" | "onBase" | "onContainer";
2563
2655
  toned?: boolean;
2564
2656
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2565
2657
  } | {
@@ -2576,12 +2668,12 @@ export declare const useColorSchemaStore: () => {
2576
2668
  text?: {
2577
2669
  color?: string | {
2578
2670
  colors: (string | {
2579
- colorType: "base" | "onBase" | "container" | "onContainer";
2671
+ colorType: "container" | "base" | "onBase" | "onContainer";
2580
2672
  toned?: boolean;
2581
2673
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2582
2674
  } | {
2583
2675
  color: string | {
2584
- colorType: "base" | "onBase" | "container" | "onContainer";
2676
+ colorType: "container" | "base" | "onBase" | "onContainer";
2585
2677
  toned?: boolean;
2586
2678
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2587
2679
  };
@@ -2590,7 +2682,7 @@ export declare const useColorSchemaStore: () => {
2590
2682
  acrylic?: boolean;
2591
2683
  opacity?: number;
2592
2684
  } | {
2593
- colorType: "base" | "onBase" | "container" | "onContainer";
2685
+ colorType: "container" | "base" | "onBase" | "onContainer";
2594
2686
  toned?: boolean;
2595
2687
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2596
2688
  };
@@ -2619,12 +2711,12 @@ export declare const useColorSchemaStore: () => {
2619
2711
  icon?: {
2620
2712
  color?: {
2621
2713
  colors: (string | {
2622
- colorType: "base" | "onBase" | "container" | "onContainer";
2714
+ colorType: "container" | "base" | "onBase" | "onContainer";
2623
2715
  toned?: boolean;
2624
2716
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2625
2717
  } | {
2626
2718
  color: string | {
2627
- colorType: "base" | "onBase" | "container" | "onContainer";
2719
+ colorType: "container" | "base" | "onBase" | "onContainer";
2628
2720
  toned?: boolean;
2629
2721
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2630
2722
  };
@@ -2644,14 +2736,14 @@ export declare const useColorSchemaStore: () => {
2644
2736
  left?: import("@omnia/fx-models").SpacingValue;
2645
2737
  };
2646
2738
  background?: {
2647
- fill?: {
2739
+ fill?: string | {
2648
2740
  colors: (string | {
2649
- colorType: "base" | "onBase" | "container" | "onContainer";
2741
+ colorType: "container" | "base" | "onBase" | "onContainer";
2650
2742
  toned?: boolean;
2651
2743
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2652
2744
  } | {
2653
2745
  color: string | {
2654
- colorType: "base" | "onBase" | "container" | "onContainer";
2746
+ colorType: "container" | "base" | "onBase" | "onContainer";
2655
2747
  toned?: boolean;
2656
2748
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2657
2749
  };
@@ -2659,6 +2751,10 @@ export declare const useColorSchemaStore: () => {
2659
2751
  })[];
2660
2752
  acrylic?: boolean;
2661
2753
  opacity?: number;
2754
+ } | {
2755
+ colorType: "container" | "base" | "onBase" | "onContainer";
2756
+ toned?: boolean;
2757
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2662
2758
  };
2663
2759
  border?: {
2664
2760
  radius?: {
@@ -2675,7 +2771,7 @@ export declare const useColorSchemaStore: () => {
2675
2771
  };
2676
2772
  fill?: {
2677
2773
  colors: (string | {
2678
- colorType: "base" | "onBase" | "container" | "onContainer";
2774
+ colorType: "container" | "base" | "onBase" | "onContainer";
2679
2775
  toned?: boolean;
2680
2776
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2681
2777
  } | {
@@ -2692,12 +2788,12 @@ export declare const useColorSchemaStore: () => {
2692
2788
  text?: {
2693
2789
  color?: string | {
2694
2790
  colors: (string | {
2695
- colorType: "base" | "onBase" | "container" | "onContainer";
2791
+ colorType: "container" | "base" | "onBase" | "onContainer";
2696
2792
  toned?: boolean;
2697
2793
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2698
2794
  } | {
2699
2795
  color: string | {
2700
- colorType: "base" | "onBase" | "container" | "onContainer";
2796
+ colorType: "container" | "base" | "onBase" | "onContainer";
2701
2797
  toned?: boolean;
2702
2798
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2703
2799
  };
@@ -2706,7 +2802,7 @@ export declare const useColorSchemaStore: () => {
2706
2802
  acrylic?: boolean;
2707
2803
  opacity?: number;
2708
2804
  } | {
2709
- colorType: "base" | "onBase" | "container" | "onContainer";
2805
+ colorType: "container" | "base" | "onBase" | "onContainer";
2710
2806
  toned?: boolean;
2711
2807
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2712
2808
  };
@@ -2735,12 +2831,12 @@ export declare const useColorSchemaStore: () => {
2735
2831
  icon?: {
2736
2832
  color?: {
2737
2833
  colors: (string | {
2738
- colorType: "base" | "onBase" | "container" | "onContainer";
2834
+ colorType: "container" | "base" | "onBase" | "onContainer";
2739
2835
  toned?: boolean;
2740
2836
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2741
2837
  } | {
2742
2838
  color: string | {
2743
- colorType: "base" | "onBase" | "container" | "onContainer";
2839
+ colorType: "container" | "base" | "onBase" | "onContainer";
2744
2840
  toned?: boolean;
2745
2841
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2746
2842
  };
@@ -2760,14 +2856,14 @@ export declare const useColorSchemaStore: () => {
2760
2856
  left?: import("@omnia/fx-models").SpacingValue;
2761
2857
  };
2762
2858
  background?: {
2763
- fill?: {
2859
+ fill?: string | {
2764
2860
  colors: (string | {
2765
- colorType: "base" | "onBase" | "container" | "onContainer";
2861
+ colorType: "container" | "base" | "onBase" | "onContainer";
2766
2862
  toned?: boolean;
2767
2863
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2768
2864
  } | {
2769
2865
  color: string | {
2770
- colorType: "base" | "onBase" | "container" | "onContainer";
2866
+ colorType: "container" | "base" | "onBase" | "onContainer";
2771
2867
  toned?: boolean;
2772
2868
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2773
2869
  };
@@ -2775,6 +2871,10 @@ export declare const useColorSchemaStore: () => {
2775
2871
  })[];
2776
2872
  acrylic?: boolean;
2777
2873
  opacity?: number;
2874
+ } | {
2875
+ colorType: "container" | "base" | "onBase" | "onContainer";
2876
+ toned?: boolean;
2877
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2778
2878
  };
2779
2879
  border?: {
2780
2880
  radius?: {
@@ -2791,7 +2891,7 @@ export declare const useColorSchemaStore: () => {
2791
2891
  };
2792
2892
  fill?: {
2793
2893
  colors: (string | {
2794
- colorType: "base" | "onBase" | "container" | "onContainer";
2894
+ colorType: "container" | "base" | "onBase" | "onContainer";
2795
2895
  toned?: boolean;
2796
2896
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2797
2897
  } | {
@@ -2808,12 +2908,12 @@ export declare const useColorSchemaStore: () => {
2808
2908
  text?: {
2809
2909
  color?: string | {
2810
2910
  colors: (string | {
2811
- colorType: "base" | "onBase" | "container" | "onContainer";
2911
+ colorType: "container" | "base" | "onBase" | "onContainer";
2812
2912
  toned?: boolean;
2813
2913
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2814
2914
  } | {
2815
2915
  color: string | {
2816
- colorType: "base" | "onBase" | "container" | "onContainer";
2916
+ colorType: "container" | "base" | "onBase" | "onContainer";
2817
2917
  toned?: boolean;
2818
2918
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2819
2919
  };
@@ -2822,7 +2922,7 @@ export declare const useColorSchemaStore: () => {
2822
2922
  acrylic?: boolean;
2823
2923
  opacity?: number;
2824
2924
  } | {
2825
- colorType: "base" | "onBase" | "container" | "onContainer";
2925
+ colorType: "container" | "base" | "onBase" | "onContainer";
2826
2926
  toned?: boolean;
2827
2927
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2828
2928
  };
@@ -2851,12 +2951,12 @@ export declare const useColorSchemaStore: () => {
2851
2951
  icon?: {
2852
2952
  color?: {
2853
2953
  colors: (string | {
2854
- colorType: "base" | "onBase" | "container" | "onContainer";
2954
+ colorType: "container" | "base" | "onBase" | "onContainer";
2855
2955
  toned?: boolean;
2856
2956
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2857
2957
  } | {
2858
2958
  color: string | {
2859
- colorType: "base" | "onBase" | "container" | "onContainer";
2959
+ colorType: "container" | "base" | "onBase" | "onContainer";
2860
2960
  toned?: boolean;
2861
2961
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2862
2962
  };
@@ -2876,14 +2976,14 @@ export declare const useColorSchemaStore: () => {
2876
2976
  left?: import("@omnia/fx-models").SpacingValue;
2877
2977
  };
2878
2978
  background?: {
2879
- fill?: {
2979
+ fill?: string | {
2880
2980
  colors: (string | {
2881
- colorType: "base" | "onBase" | "container" | "onContainer";
2981
+ colorType: "container" | "base" | "onBase" | "onContainer";
2882
2982
  toned?: boolean;
2883
2983
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2884
2984
  } | {
2885
2985
  color: string | {
2886
- colorType: "base" | "onBase" | "container" | "onContainer";
2986
+ colorType: "container" | "base" | "onBase" | "onContainer";
2887
2987
  toned?: boolean;
2888
2988
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2889
2989
  };
@@ -2891,6 +2991,10 @@ export declare const useColorSchemaStore: () => {
2891
2991
  })[];
2892
2992
  acrylic?: boolean;
2893
2993
  opacity?: number;
2994
+ } | {
2995
+ colorType: "container" | "base" | "onBase" | "onContainer";
2996
+ toned?: boolean;
2997
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2894
2998
  };
2895
2999
  border?: {
2896
3000
  radius?: {
@@ -2907,7 +3011,7 @@ export declare const useColorSchemaStore: () => {
2907
3011
  };
2908
3012
  fill?: {
2909
3013
  colors: (string | {
2910
- colorType: "base" | "onBase" | "container" | "onContainer";
3014
+ colorType: "container" | "base" | "onBase" | "onContainer";
2911
3015
  toned?: boolean;
2912
3016
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2913
3017
  } | {
@@ -2924,12 +3028,12 @@ export declare const useColorSchemaStore: () => {
2924
3028
  text?: {
2925
3029
  color?: string | {
2926
3030
  colors: (string | {
2927
- colorType: "base" | "onBase" | "container" | "onContainer";
3031
+ colorType: "container" | "base" | "onBase" | "onContainer";
2928
3032
  toned?: boolean;
2929
3033
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2930
3034
  } | {
2931
3035
  color: string | {
2932
- colorType: "base" | "onBase" | "container" | "onContainer";
3036
+ colorType: "container" | "base" | "onBase" | "onContainer";
2933
3037
  toned?: boolean;
2934
3038
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2935
3039
  };
@@ -2938,7 +3042,7 @@ export declare const useColorSchemaStore: () => {
2938
3042
  acrylic?: boolean;
2939
3043
  opacity?: number;
2940
3044
  } | {
2941
- colorType: "base" | "onBase" | "container" | "onContainer";
3045
+ colorType: "container" | "base" | "onBase" | "onContainer";
2942
3046
  toned?: boolean;
2943
3047
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2944
3048
  };
@@ -2967,12 +3071,12 @@ export declare const useColorSchemaStore: () => {
2967
3071
  icon?: {
2968
3072
  color?: {
2969
3073
  colors: (string | {
2970
- colorType: "base" | "onBase" | "container" | "onContainer";
3074
+ colorType: "container" | "base" | "onBase" | "onContainer";
2971
3075
  toned?: boolean;
2972
3076
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2973
3077
  } | {
2974
3078
  color: string | {
2975
- colorType: "base" | "onBase" | "container" | "onContainer";
3079
+ colorType: "container" | "base" | "onBase" | "onContainer";
2976
3080
  toned?: boolean;
2977
3081
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2978
3082
  };
@@ -2992,14 +3096,14 @@ export declare const useColorSchemaStore: () => {
2992
3096
  left?: import("@omnia/fx-models").SpacingValue;
2993
3097
  };
2994
3098
  background?: {
2995
- fill?: {
3099
+ fill?: string | {
2996
3100
  colors: (string | {
2997
- colorType: "base" | "onBase" | "container" | "onContainer";
3101
+ colorType: "container" | "base" | "onBase" | "onContainer";
2998
3102
  toned?: boolean;
2999
3103
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3000
3104
  } | {
3001
3105
  color: string | {
3002
- colorType: "base" | "onBase" | "container" | "onContainer";
3106
+ colorType: "container" | "base" | "onBase" | "onContainer";
3003
3107
  toned?: boolean;
3004
3108
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3005
3109
  };
@@ -3007,6 +3111,10 @@ export declare const useColorSchemaStore: () => {
3007
3111
  })[];
3008
3112
  acrylic?: boolean;
3009
3113
  opacity?: number;
3114
+ } | {
3115
+ colorType: "container" | "base" | "onBase" | "onContainer";
3116
+ toned?: boolean;
3117
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3010
3118
  };
3011
3119
  border?: {
3012
3120
  radius?: {
@@ -3023,7 +3131,7 @@ export declare const useColorSchemaStore: () => {
3023
3131
  };
3024
3132
  fill?: {
3025
3133
  colors: (string | {
3026
- colorType: "base" | "onBase" | "container" | "onContainer";
3134
+ colorType: "container" | "base" | "onBase" | "onContainer";
3027
3135
  toned?: boolean;
3028
3136
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3029
3137
  } | {
@@ -3040,12 +3148,12 @@ export declare const useColorSchemaStore: () => {
3040
3148
  text?: {
3041
3149
  color?: string | {
3042
3150
  colors: (string | {
3043
- colorType: "base" | "onBase" | "container" | "onContainer";
3151
+ colorType: "container" | "base" | "onBase" | "onContainer";
3044
3152
  toned?: boolean;
3045
3153
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3046
3154
  } | {
3047
3155
  color: string | {
3048
- colorType: "base" | "onBase" | "container" | "onContainer";
3156
+ colorType: "container" | "base" | "onBase" | "onContainer";
3049
3157
  toned?: boolean;
3050
3158
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3051
3159
  };
@@ -3054,7 +3162,7 @@ export declare const useColorSchemaStore: () => {
3054
3162
  acrylic?: boolean;
3055
3163
  opacity?: number;
3056
3164
  } | {
3057
- colorType: "base" | "onBase" | "container" | "onContainer";
3165
+ colorType: "container" | "base" | "onBase" | "onContainer";
3058
3166
  toned?: boolean;
3059
3167
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3060
3168
  };
@@ -3083,12 +3191,12 @@ export declare const useColorSchemaStore: () => {
3083
3191
  icon?: {
3084
3192
  color?: {
3085
3193
  colors: (string | {
3086
- colorType: "base" | "onBase" | "container" | "onContainer";
3194
+ colorType: "container" | "base" | "onBase" | "onContainer";
3087
3195
  toned?: boolean;
3088
3196
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3089
3197
  } | {
3090
3198
  color: string | {
3091
- colorType: "base" | "onBase" | "container" | "onContainer";
3199
+ colorType: "container" | "base" | "onBase" | "onContainer";
3092
3200
  toned?: boolean;
3093
3201
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3094
3202
  };
@@ -3106,14 +3214,14 @@ export declare const useColorSchemaStore: () => {
3106
3214
  tabs?: {
3107
3215
  primary?: {
3108
3216
  background?: {
3109
- fill?: {
3217
+ fill?: string | {
3110
3218
  colors: (string | {
3111
- colorType: "base" | "onBase" | "container" | "onContainer";
3219
+ colorType: "container" | "base" | "onBase" | "onContainer";
3112
3220
  toned?: boolean;
3113
3221
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3114
3222
  } | {
3115
3223
  color: string | {
3116
- colorType: "base" | "onBase" | "container" | "onContainer";
3224
+ colorType: "container" | "base" | "onBase" | "onContainer";
3117
3225
  toned?: boolean;
3118
3226
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3119
3227
  };
@@ -3121,6 +3229,10 @@ export declare const useColorSchemaStore: () => {
3121
3229
  })[];
3122
3230
  acrylic?: boolean;
3123
3231
  opacity?: number;
3232
+ } | {
3233
+ colorType: "container" | "base" | "onBase" | "onContainer";
3234
+ toned?: boolean;
3235
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3124
3236
  };
3125
3237
  border?: {
3126
3238
  radius?: {
@@ -3137,12 +3249,12 @@ export declare const useColorSchemaStore: () => {
3137
3249
  };
3138
3250
  fill?: {
3139
3251
  colors: (string | {
3140
- colorType: "base" | "onBase" | "container" | "onContainer";
3252
+ colorType: "container" | "base" | "onBase" | "onContainer";
3141
3253
  toned?: boolean;
3142
3254
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3143
3255
  } | {
3144
3256
  color: string | {
3145
- colorType: "base" | "onBase" | "container" | "onContainer";
3257
+ colorType: "container" | "base" | "onBase" | "onContainer";
3146
3258
  toned?: boolean;
3147
3259
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3148
3260
  };
@@ -3174,19 +3286,19 @@ export declare const useColorSchemaStore: () => {
3174
3286
  minWidth?: number;
3175
3287
  alignment?: "center" | "start" | "end";
3176
3288
  sliderColor?: string | {
3177
- colorType: "base" | "onBase" | "container" | "onContainer";
3289
+ colorType: "container" | "base" | "onBase" | "onContainer";
3178
3290
  toned?: boolean;
3179
3291
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3180
3292
  };
3181
3293
  text?: {
3182
3294
  color?: string | {
3183
3295
  colors: (string | {
3184
- colorType: "base" | "onBase" | "container" | "onContainer";
3296
+ colorType: "container" | "base" | "onBase" | "onContainer";
3185
3297
  toned?: boolean;
3186
3298
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3187
3299
  } | {
3188
3300
  color: string | {
3189
- colorType: "base" | "onBase" | "container" | "onContainer";
3301
+ colorType: "container" | "base" | "onBase" | "onContainer";
3190
3302
  toned?: boolean;
3191
3303
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3192
3304
  };
@@ -3195,7 +3307,7 @@ export declare const useColorSchemaStore: () => {
3195
3307
  acrylic?: boolean;
3196
3308
  opacity?: number;
3197
3309
  } | {
3198
- colorType: "base" | "onBase" | "container" | "onContainer";
3310
+ colorType: "container" | "base" | "onBase" | "onContainer";
3199
3311
  toned?: boolean;
3200
3312
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3201
3313
  };
@@ -3224,12 +3336,12 @@ export declare const useColorSchemaStore: () => {
3224
3336
  icon?: {
3225
3337
  color?: {
3226
3338
  colors: (string | {
3227
- colorType: "base" | "onBase" | "container" | "onContainer";
3339
+ colorType: "container" | "base" | "onBase" | "onContainer";
3228
3340
  toned?: boolean;
3229
3341
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3230
3342
  } | {
3231
3343
  color: string | {
3232
- colorType: "base" | "onBase" | "container" | "onContainer";
3344
+ colorType: "container" | "base" | "onBase" | "onContainer";
3233
3345
  toned?: boolean;
3234
3346
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3235
3347
  };
@@ -3248,14 +3360,14 @@ export declare const useColorSchemaStore: () => {
3248
3360
  left?: import("@omnia/fx-models").SpacingValue;
3249
3361
  };
3250
3362
  background?: {
3251
- fill?: {
3363
+ fill?: string | {
3252
3364
  colors: (string | {
3253
- colorType: "base" | "onBase" | "container" | "onContainer";
3365
+ colorType: "container" | "base" | "onBase" | "onContainer";
3254
3366
  toned?: boolean;
3255
3367
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3256
3368
  } | {
3257
3369
  color: string | {
3258
- colorType: "base" | "onBase" | "container" | "onContainer";
3370
+ colorType: "container" | "base" | "onBase" | "onContainer";
3259
3371
  toned?: boolean;
3260
3372
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3261
3373
  };
@@ -3263,6 +3375,10 @@ export declare const useColorSchemaStore: () => {
3263
3375
  })[];
3264
3376
  acrylic?: boolean;
3265
3377
  opacity?: number;
3378
+ } | {
3379
+ colorType: "container" | "base" | "onBase" | "onContainer";
3380
+ toned?: boolean;
3381
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3266
3382
  };
3267
3383
  border?: {
3268
3384
  radius?: {
@@ -3279,7 +3395,7 @@ export declare const useColorSchemaStore: () => {
3279
3395
  };
3280
3396
  fill?: {
3281
3397
  colors: (string | {
3282
- colorType: "base" | "onBase" | "container" | "onContainer";
3398
+ colorType: "container" | "base" | "onBase" | "onContainer";
3283
3399
  toned?: boolean;
3284
3400
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3285
3401
  } | {
@@ -3295,12 +3411,12 @@ export declare const useColorSchemaStore: () => {
3295
3411
  text?: {
3296
3412
  color?: string | {
3297
3413
  colors: (string | {
3298
- colorType: "base" | "onBase" | "container" | "onContainer";
3414
+ colorType: "container" | "base" | "onBase" | "onContainer";
3299
3415
  toned?: boolean;
3300
3416
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3301
3417
  } | {
3302
3418
  color: string | {
3303
- colorType: "base" | "onBase" | "container" | "onContainer";
3419
+ colorType: "container" | "base" | "onBase" | "onContainer";
3304
3420
  toned?: boolean;
3305
3421
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3306
3422
  };
@@ -3309,7 +3425,7 @@ export declare const useColorSchemaStore: () => {
3309
3425
  acrylic?: boolean;
3310
3426
  opacity?: number;
3311
3427
  } | {
3312
- colorType: "base" | "onBase" | "container" | "onContainer";
3428
+ colorType: "container" | "base" | "onBase" | "onContainer";
3313
3429
  toned?: boolean;
3314
3430
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3315
3431
  };
@@ -3338,12 +3454,12 @@ export declare const useColorSchemaStore: () => {
3338
3454
  icon?: {
3339
3455
  color?: {
3340
3456
  colors: (string | {
3341
- colorType: "base" | "onBase" | "container" | "onContainer";
3457
+ colorType: "container" | "base" | "onBase" | "onContainer";
3342
3458
  toned?: boolean;
3343
3459
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3344
3460
  } | {
3345
3461
  color: string | {
3346
- colorType: "base" | "onBase" | "container" | "onContainer";
3462
+ colorType: "container" | "base" | "onBase" | "onContainer";
3347
3463
  toned?: boolean;
3348
3464
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3349
3465
  };
@@ -3357,14 +3473,14 @@ export declare const useColorSchemaStore: () => {
3357
3473
  };
3358
3474
  inactive?: {
3359
3475
  background?: {
3360
- fill?: {
3476
+ fill?: string | {
3361
3477
  colors: (string | {
3362
- colorType: "base" | "onBase" | "container" | "onContainer";
3478
+ colorType: "container" | "base" | "onBase" | "onContainer";
3363
3479
  toned?: boolean;
3364
3480
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3365
3481
  } | {
3366
3482
  color: string | {
3367
- colorType: "base" | "onBase" | "container" | "onContainer";
3483
+ colorType: "container" | "base" | "onBase" | "onContainer";
3368
3484
  toned?: boolean;
3369
3485
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3370
3486
  };
@@ -3372,6 +3488,10 @@ export declare const useColorSchemaStore: () => {
3372
3488
  })[];
3373
3489
  acrylic?: boolean;
3374
3490
  opacity?: number;
3491
+ } | {
3492
+ colorType: "container" | "base" | "onBase" | "onContainer";
3493
+ toned?: boolean;
3494
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3375
3495
  };
3376
3496
  border?: {
3377
3497
  radius?: {
@@ -3388,7 +3508,7 @@ export declare const useColorSchemaStore: () => {
3388
3508
  };
3389
3509
  fill?: {
3390
3510
  colors: (string | {
3391
- colorType: "base" | "onBase" | "container" | "onContainer";
3511
+ colorType: "container" | "base" | "onBase" | "onContainer";
3392
3512
  toned?: boolean;
3393
3513
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3394
3514
  } | {
@@ -3405,14 +3525,14 @@ export declare const useColorSchemaStore: () => {
3405
3525
  };
3406
3526
  variant1?: {
3407
3527
  background?: {
3408
- fill?: {
3528
+ fill?: string | {
3409
3529
  colors: (string | {
3410
- colorType: "base" | "onBase" | "container" | "onContainer";
3530
+ colorType: "container" | "base" | "onBase" | "onContainer";
3411
3531
  toned?: boolean;
3412
3532
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3413
3533
  } | {
3414
3534
  color: string | {
3415
- colorType: "base" | "onBase" | "container" | "onContainer";
3535
+ colorType: "container" | "base" | "onBase" | "onContainer";
3416
3536
  toned?: boolean;
3417
3537
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3418
3538
  };
@@ -3420,6 +3540,10 @@ export declare const useColorSchemaStore: () => {
3420
3540
  })[];
3421
3541
  acrylic?: boolean;
3422
3542
  opacity?: number;
3543
+ } | {
3544
+ colorType: "container" | "base" | "onBase" | "onContainer";
3545
+ toned?: boolean;
3546
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3423
3547
  };
3424
3548
  border?: {
3425
3549
  radius?: {
@@ -3436,12 +3560,12 @@ export declare const useColorSchemaStore: () => {
3436
3560
  };
3437
3561
  fill?: {
3438
3562
  colors: (string | {
3439
- colorType: "base" | "onBase" | "container" | "onContainer";
3563
+ colorType: "container" | "base" | "onBase" | "onContainer";
3440
3564
  toned?: boolean;
3441
3565
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3442
3566
  } | {
3443
3567
  color: string | {
3444
- colorType: "base" | "onBase" | "container" | "onContainer";
3568
+ colorType: "container" | "base" | "onBase" | "onContainer";
3445
3569
  toned?: boolean;
3446
3570
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3447
3571
  };
@@ -3473,19 +3597,19 @@ export declare const useColorSchemaStore: () => {
3473
3597
  minWidth?: number;
3474
3598
  alignment?: "center" | "start" | "end";
3475
3599
  sliderColor?: string | {
3476
- colorType: "base" | "onBase" | "container" | "onContainer";
3600
+ colorType: "container" | "base" | "onBase" | "onContainer";
3477
3601
  toned?: boolean;
3478
3602
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3479
3603
  };
3480
3604
  text?: {
3481
3605
  color?: string | {
3482
3606
  colors: (string | {
3483
- colorType: "base" | "onBase" | "container" | "onContainer";
3607
+ colorType: "container" | "base" | "onBase" | "onContainer";
3484
3608
  toned?: boolean;
3485
3609
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3486
3610
  } | {
3487
3611
  color: string | {
3488
- colorType: "base" | "onBase" | "container" | "onContainer";
3612
+ colorType: "container" | "base" | "onBase" | "onContainer";
3489
3613
  toned?: boolean;
3490
3614
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3491
3615
  };
@@ -3494,7 +3618,7 @@ export declare const useColorSchemaStore: () => {
3494
3618
  acrylic?: boolean;
3495
3619
  opacity?: number;
3496
3620
  } | {
3497
- colorType: "base" | "onBase" | "container" | "onContainer";
3621
+ colorType: "container" | "base" | "onBase" | "onContainer";
3498
3622
  toned?: boolean;
3499
3623
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3500
3624
  };
@@ -3523,12 +3647,12 @@ export declare const useColorSchemaStore: () => {
3523
3647
  icon?: {
3524
3648
  color?: {
3525
3649
  colors: (string | {
3526
- colorType: "base" | "onBase" | "container" | "onContainer";
3650
+ colorType: "container" | "base" | "onBase" | "onContainer";
3527
3651
  toned?: boolean;
3528
3652
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3529
3653
  } | {
3530
3654
  color: string | {
3531
- colorType: "base" | "onBase" | "container" | "onContainer";
3655
+ colorType: "container" | "base" | "onBase" | "onContainer";
3532
3656
  toned?: boolean;
3533
3657
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3534
3658
  };
@@ -3547,14 +3671,14 @@ export declare const useColorSchemaStore: () => {
3547
3671
  left?: import("@omnia/fx-models").SpacingValue;
3548
3672
  };
3549
3673
  background?: {
3550
- fill?: {
3674
+ fill?: string | {
3551
3675
  colors: (string | {
3552
- colorType: "base" | "onBase" | "container" | "onContainer";
3676
+ colorType: "container" | "base" | "onBase" | "onContainer";
3553
3677
  toned?: boolean;
3554
3678
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3555
3679
  } | {
3556
3680
  color: string | {
3557
- colorType: "base" | "onBase" | "container" | "onContainer";
3681
+ colorType: "container" | "base" | "onBase" | "onContainer";
3558
3682
  toned?: boolean;
3559
3683
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3560
3684
  };
@@ -3562,6 +3686,10 @@ export declare const useColorSchemaStore: () => {
3562
3686
  })[];
3563
3687
  acrylic?: boolean;
3564
3688
  opacity?: number;
3689
+ } | {
3690
+ colorType: "container" | "base" | "onBase" | "onContainer";
3691
+ toned?: boolean;
3692
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3565
3693
  };
3566
3694
  border?: {
3567
3695
  radius?: {
@@ -3578,7 +3706,7 @@ export declare const useColorSchemaStore: () => {
3578
3706
  };
3579
3707
  fill?: {
3580
3708
  colors: (string | {
3581
- colorType: "base" | "onBase" | "container" | "onContainer";
3709
+ colorType: "container" | "base" | "onBase" | "onContainer";
3582
3710
  toned?: boolean;
3583
3711
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3584
3712
  } | {
@@ -3594,12 +3722,12 @@ export declare const useColorSchemaStore: () => {
3594
3722
  text?: {
3595
3723
  color?: string | {
3596
3724
  colors: (string | {
3597
- colorType: "base" | "onBase" | "container" | "onContainer";
3725
+ colorType: "container" | "base" | "onBase" | "onContainer";
3598
3726
  toned?: boolean;
3599
3727
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3600
3728
  } | {
3601
3729
  color: string | {
3602
- colorType: "base" | "onBase" | "container" | "onContainer";
3730
+ colorType: "container" | "base" | "onBase" | "onContainer";
3603
3731
  toned?: boolean;
3604
3732
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3605
3733
  };
@@ -3608,7 +3736,7 @@ export declare const useColorSchemaStore: () => {
3608
3736
  acrylic?: boolean;
3609
3737
  opacity?: number;
3610
3738
  } | {
3611
- colorType: "base" | "onBase" | "container" | "onContainer";
3739
+ colorType: "container" | "base" | "onBase" | "onContainer";
3612
3740
  toned?: boolean;
3613
3741
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3614
3742
  };
@@ -3637,12 +3765,12 @@ export declare const useColorSchemaStore: () => {
3637
3765
  icon?: {
3638
3766
  color?: {
3639
3767
  colors: (string | {
3640
- colorType: "base" | "onBase" | "container" | "onContainer";
3768
+ colorType: "container" | "base" | "onBase" | "onContainer";
3641
3769
  toned?: boolean;
3642
3770
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3643
3771
  } | {
3644
3772
  color: string | {
3645
- colorType: "base" | "onBase" | "container" | "onContainer";
3773
+ colorType: "container" | "base" | "onBase" | "onContainer";
3646
3774
  toned?: boolean;
3647
3775
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3648
3776
  };
@@ -3656,14 +3784,14 @@ export declare const useColorSchemaStore: () => {
3656
3784
  };
3657
3785
  inactive?: {
3658
3786
  background?: {
3659
- fill?: {
3787
+ fill?: string | {
3660
3788
  colors: (string | {
3661
- colorType: "base" | "onBase" | "container" | "onContainer";
3789
+ colorType: "container" | "base" | "onBase" | "onContainer";
3662
3790
  toned?: boolean;
3663
3791
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3664
3792
  } | {
3665
3793
  color: string | {
3666
- colorType: "base" | "onBase" | "container" | "onContainer";
3794
+ colorType: "container" | "base" | "onBase" | "onContainer";
3667
3795
  toned?: boolean;
3668
3796
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3669
3797
  };
@@ -3671,6 +3799,10 @@ export declare const useColorSchemaStore: () => {
3671
3799
  })[];
3672
3800
  acrylic?: boolean;
3673
3801
  opacity?: number;
3802
+ } | {
3803
+ colorType: "container" | "base" | "onBase" | "onContainer";
3804
+ toned?: boolean;
3805
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3674
3806
  };
3675
3807
  border?: {
3676
3808
  radius?: {
@@ -3687,7 +3819,7 @@ export declare const useColorSchemaStore: () => {
3687
3819
  };
3688
3820
  fill?: {
3689
3821
  colors: (string | {
3690
- colorType: "base" | "onBase" | "container" | "onContainer";
3822
+ colorType: "container" | "base" | "onBase" | "onContainer";
3691
3823
  toned?: boolean;
3692
3824
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3693
3825
  } | {
@@ -3704,14 +3836,14 @@ export declare const useColorSchemaStore: () => {
3704
3836
  };
3705
3837
  variant2?: {
3706
3838
  background?: {
3707
- fill?: {
3839
+ fill?: string | {
3708
3840
  colors: (string | {
3709
- colorType: "base" | "onBase" | "container" | "onContainer";
3841
+ colorType: "container" | "base" | "onBase" | "onContainer";
3710
3842
  toned?: boolean;
3711
3843
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3712
3844
  } | {
3713
3845
  color: string | {
3714
- colorType: "base" | "onBase" | "container" | "onContainer";
3846
+ colorType: "container" | "base" | "onBase" | "onContainer";
3715
3847
  toned?: boolean;
3716
3848
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3717
3849
  };
@@ -3719,6 +3851,10 @@ export declare const useColorSchemaStore: () => {
3719
3851
  })[];
3720
3852
  acrylic?: boolean;
3721
3853
  opacity?: number;
3854
+ } | {
3855
+ colorType: "container" | "base" | "onBase" | "onContainer";
3856
+ toned?: boolean;
3857
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3722
3858
  };
3723
3859
  border?: {
3724
3860
  radius?: {
@@ -3735,12 +3871,12 @@ export declare const useColorSchemaStore: () => {
3735
3871
  };
3736
3872
  fill?: {
3737
3873
  colors: (string | {
3738
- colorType: "base" | "onBase" | "container" | "onContainer";
3874
+ colorType: "container" | "base" | "onBase" | "onContainer";
3739
3875
  toned?: boolean;
3740
3876
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3741
3877
  } | {
3742
3878
  color: string | {
3743
- colorType: "base" | "onBase" | "container" | "onContainer";
3879
+ colorType: "container" | "base" | "onBase" | "onContainer";
3744
3880
  toned?: boolean;
3745
3881
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3746
3882
  };
@@ -3772,19 +3908,19 @@ export declare const useColorSchemaStore: () => {
3772
3908
  minWidth?: number;
3773
3909
  alignment?: "center" | "start" | "end";
3774
3910
  sliderColor?: string | {
3775
- colorType: "base" | "onBase" | "container" | "onContainer";
3911
+ colorType: "container" | "base" | "onBase" | "onContainer";
3776
3912
  toned?: boolean;
3777
3913
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3778
3914
  };
3779
3915
  text?: {
3780
3916
  color?: string | {
3781
3917
  colors: (string | {
3782
- colorType: "base" | "onBase" | "container" | "onContainer";
3918
+ colorType: "container" | "base" | "onBase" | "onContainer";
3783
3919
  toned?: boolean;
3784
3920
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3785
3921
  } | {
3786
3922
  color: string | {
3787
- colorType: "base" | "onBase" | "container" | "onContainer";
3923
+ colorType: "container" | "base" | "onBase" | "onContainer";
3788
3924
  toned?: boolean;
3789
3925
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3790
3926
  };
@@ -3793,7 +3929,7 @@ export declare const useColorSchemaStore: () => {
3793
3929
  acrylic?: boolean;
3794
3930
  opacity?: number;
3795
3931
  } | {
3796
- colorType: "base" | "onBase" | "container" | "onContainer";
3932
+ colorType: "container" | "base" | "onBase" | "onContainer";
3797
3933
  toned?: boolean;
3798
3934
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3799
3935
  };
@@ -3822,12 +3958,12 @@ export declare const useColorSchemaStore: () => {
3822
3958
  icon?: {
3823
3959
  color?: {
3824
3960
  colors: (string | {
3825
- colorType: "base" | "onBase" | "container" | "onContainer";
3961
+ colorType: "container" | "base" | "onBase" | "onContainer";
3826
3962
  toned?: boolean;
3827
3963
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3828
3964
  } | {
3829
3965
  color: string | {
3830
- colorType: "base" | "onBase" | "container" | "onContainer";
3966
+ colorType: "container" | "base" | "onBase" | "onContainer";
3831
3967
  toned?: boolean;
3832
3968
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3833
3969
  };
@@ -3846,14 +3982,14 @@ export declare const useColorSchemaStore: () => {
3846
3982
  left?: import("@omnia/fx-models").SpacingValue;
3847
3983
  };
3848
3984
  background?: {
3849
- fill?: {
3985
+ fill?: string | {
3850
3986
  colors: (string | {
3851
- colorType: "base" | "onBase" | "container" | "onContainer";
3987
+ colorType: "container" | "base" | "onBase" | "onContainer";
3852
3988
  toned?: boolean;
3853
3989
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3854
3990
  } | {
3855
3991
  color: string | {
3856
- colorType: "base" | "onBase" | "container" | "onContainer";
3992
+ colorType: "container" | "base" | "onBase" | "onContainer";
3857
3993
  toned?: boolean;
3858
3994
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3859
3995
  };
@@ -3861,6 +3997,10 @@ export declare const useColorSchemaStore: () => {
3861
3997
  })[];
3862
3998
  acrylic?: boolean;
3863
3999
  opacity?: number;
4000
+ } | {
4001
+ colorType: "container" | "base" | "onBase" | "onContainer";
4002
+ toned?: boolean;
4003
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3864
4004
  };
3865
4005
  border?: {
3866
4006
  radius?: {
@@ -3877,7 +4017,7 @@ export declare const useColorSchemaStore: () => {
3877
4017
  };
3878
4018
  fill?: {
3879
4019
  colors: (string | {
3880
- colorType: "base" | "onBase" | "container" | "onContainer";
4020
+ colorType: "container" | "base" | "onBase" | "onContainer";
3881
4021
  toned?: boolean;
3882
4022
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3883
4023
  } | {
@@ -3893,12 +4033,12 @@ export declare const useColorSchemaStore: () => {
3893
4033
  text?: {
3894
4034
  color?: string | {
3895
4035
  colors: (string | {
3896
- colorType: "base" | "onBase" | "container" | "onContainer";
4036
+ colorType: "container" | "base" | "onBase" | "onContainer";
3897
4037
  toned?: boolean;
3898
4038
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3899
4039
  } | {
3900
4040
  color: string | {
3901
- colorType: "base" | "onBase" | "container" | "onContainer";
4041
+ colorType: "container" | "base" | "onBase" | "onContainer";
3902
4042
  toned?: boolean;
3903
4043
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3904
4044
  };
@@ -3907,7 +4047,7 @@ export declare const useColorSchemaStore: () => {
3907
4047
  acrylic?: boolean;
3908
4048
  opacity?: number;
3909
4049
  } | {
3910
- colorType: "base" | "onBase" | "container" | "onContainer";
4050
+ colorType: "container" | "base" | "onBase" | "onContainer";
3911
4051
  toned?: boolean;
3912
4052
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3913
4053
  };
@@ -3936,12 +4076,12 @@ export declare const useColorSchemaStore: () => {
3936
4076
  icon?: {
3937
4077
  color?: {
3938
4078
  colors: (string | {
3939
- colorType: "base" | "onBase" | "container" | "onContainer";
4079
+ colorType: "container" | "base" | "onBase" | "onContainer";
3940
4080
  toned?: boolean;
3941
4081
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3942
4082
  } | {
3943
4083
  color: string | {
3944
- colorType: "base" | "onBase" | "container" | "onContainer";
4084
+ colorType: "container" | "base" | "onBase" | "onContainer";
3945
4085
  toned?: boolean;
3946
4086
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3947
4087
  };
@@ -3955,14 +4095,14 @@ export declare const useColorSchemaStore: () => {
3955
4095
  };
3956
4096
  inactive?: {
3957
4097
  background?: {
3958
- fill?: {
4098
+ fill?: string | {
3959
4099
  colors: (string | {
3960
- colorType: "base" | "onBase" | "container" | "onContainer";
4100
+ colorType: "container" | "base" | "onBase" | "onContainer";
3961
4101
  toned?: boolean;
3962
4102
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3963
4103
  } | {
3964
4104
  color: string | {
3965
- colorType: "base" | "onBase" | "container" | "onContainer";
4105
+ colorType: "container" | "base" | "onBase" | "onContainer";
3966
4106
  toned?: boolean;
3967
4107
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3968
4108
  };
@@ -3970,6 +4110,10 @@ export declare const useColorSchemaStore: () => {
3970
4110
  })[];
3971
4111
  acrylic?: boolean;
3972
4112
  opacity?: number;
4113
+ } | {
4114
+ colorType: "container" | "base" | "onBase" | "onContainer";
4115
+ toned?: boolean;
4116
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3973
4117
  };
3974
4118
  border?: {
3975
4119
  radius?: {
@@ -3986,7 +4130,7 @@ export declare const useColorSchemaStore: () => {
3986
4130
  };
3987
4131
  fill?: {
3988
4132
  colors: (string | {
3989
- colorType: "base" | "onBase" | "container" | "onContainer";
4133
+ colorType: "container" | "base" | "onBase" | "onContainer";
3990
4134
  toned?: boolean;
3991
4135
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3992
4136
  } | {
@@ -4003,14 +4147,14 @@ export declare const useColorSchemaStore: () => {
4003
4147
  };
4004
4148
  variant3?: {
4005
4149
  background?: {
4006
- fill?: {
4150
+ fill?: string | {
4007
4151
  colors: (string | {
4008
- colorType: "base" | "onBase" | "container" | "onContainer";
4152
+ colorType: "container" | "base" | "onBase" | "onContainer";
4009
4153
  toned?: boolean;
4010
4154
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4011
4155
  } | {
4012
4156
  color: string | {
4013
- colorType: "base" | "onBase" | "container" | "onContainer";
4157
+ colorType: "container" | "base" | "onBase" | "onContainer";
4014
4158
  toned?: boolean;
4015
4159
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4016
4160
  };
@@ -4018,6 +4162,10 @@ export declare const useColorSchemaStore: () => {
4018
4162
  })[];
4019
4163
  acrylic?: boolean;
4020
4164
  opacity?: number;
4165
+ } | {
4166
+ colorType: "container" | "base" | "onBase" | "onContainer";
4167
+ toned?: boolean;
4168
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4021
4169
  };
4022
4170
  border?: {
4023
4171
  radius?: {
@@ -4034,12 +4182,12 @@ export declare const useColorSchemaStore: () => {
4034
4182
  };
4035
4183
  fill?: {
4036
4184
  colors: (string | {
4037
- colorType: "base" | "onBase" | "container" | "onContainer";
4185
+ colorType: "container" | "base" | "onBase" | "onContainer";
4038
4186
  toned?: boolean;
4039
4187
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4040
4188
  } | {
4041
4189
  color: string | {
4042
- colorType: "base" | "onBase" | "container" | "onContainer";
4190
+ colorType: "container" | "base" | "onBase" | "onContainer";
4043
4191
  toned?: boolean;
4044
4192
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4045
4193
  };
@@ -4071,19 +4219,19 @@ export declare const useColorSchemaStore: () => {
4071
4219
  minWidth?: number;
4072
4220
  alignment?: "center" | "start" | "end";
4073
4221
  sliderColor?: string | {
4074
- colorType: "base" | "onBase" | "container" | "onContainer";
4222
+ colorType: "container" | "base" | "onBase" | "onContainer";
4075
4223
  toned?: boolean;
4076
4224
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4077
4225
  };
4078
4226
  text?: {
4079
4227
  color?: string | {
4080
4228
  colors: (string | {
4081
- colorType: "base" | "onBase" | "container" | "onContainer";
4229
+ colorType: "container" | "base" | "onBase" | "onContainer";
4082
4230
  toned?: boolean;
4083
4231
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4084
4232
  } | {
4085
4233
  color: string | {
4086
- colorType: "base" | "onBase" | "container" | "onContainer";
4234
+ colorType: "container" | "base" | "onBase" | "onContainer";
4087
4235
  toned?: boolean;
4088
4236
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4089
4237
  };
@@ -4092,7 +4240,7 @@ export declare const useColorSchemaStore: () => {
4092
4240
  acrylic?: boolean;
4093
4241
  opacity?: number;
4094
4242
  } | {
4095
- colorType: "base" | "onBase" | "container" | "onContainer";
4243
+ colorType: "container" | "base" | "onBase" | "onContainer";
4096
4244
  toned?: boolean;
4097
4245
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4098
4246
  };
@@ -4121,12 +4269,12 @@ export declare const useColorSchemaStore: () => {
4121
4269
  icon?: {
4122
4270
  color?: {
4123
4271
  colors: (string | {
4124
- colorType: "base" | "onBase" | "container" | "onContainer";
4272
+ colorType: "container" | "base" | "onBase" | "onContainer";
4125
4273
  toned?: boolean;
4126
4274
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4127
4275
  } | {
4128
4276
  color: string | {
4129
- colorType: "base" | "onBase" | "container" | "onContainer";
4277
+ colorType: "container" | "base" | "onBase" | "onContainer";
4130
4278
  toned?: boolean;
4131
4279
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4132
4280
  };
@@ -4145,14 +4293,14 @@ export declare const useColorSchemaStore: () => {
4145
4293
  left?: import("@omnia/fx-models").SpacingValue;
4146
4294
  };
4147
4295
  background?: {
4148
- fill?: {
4296
+ fill?: string | {
4149
4297
  colors: (string | {
4150
- colorType: "base" | "onBase" | "container" | "onContainer";
4298
+ colorType: "container" | "base" | "onBase" | "onContainer";
4151
4299
  toned?: boolean;
4152
4300
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4153
4301
  } | {
4154
4302
  color: string | {
4155
- colorType: "base" | "onBase" | "container" | "onContainer";
4303
+ colorType: "container" | "base" | "onBase" | "onContainer";
4156
4304
  toned?: boolean;
4157
4305
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4158
4306
  };
@@ -4160,6 +4308,10 @@ export declare const useColorSchemaStore: () => {
4160
4308
  })[];
4161
4309
  acrylic?: boolean;
4162
4310
  opacity?: number;
4311
+ } | {
4312
+ colorType: "container" | "base" | "onBase" | "onContainer";
4313
+ toned?: boolean;
4314
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4163
4315
  };
4164
4316
  border?: {
4165
4317
  radius?: {
@@ -4176,7 +4328,7 @@ export declare const useColorSchemaStore: () => {
4176
4328
  };
4177
4329
  fill?: {
4178
4330
  colors: (string | {
4179
- colorType: "base" | "onBase" | "container" | "onContainer";
4331
+ colorType: "container" | "base" | "onBase" | "onContainer";
4180
4332
  toned?: boolean;
4181
4333
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4182
4334
  } | {
@@ -4192,12 +4344,12 @@ export declare const useColorSchemaStore: () => {
4192
4344
  text?: {
4193
4345
  color?: string | {
4194
4346
  colors: (string | {
4195
- colorType: "base" | "onBase" | "container" | "onContainer";
4347
+ colorType: "container" | "base" | "onBase" | "onContainer";
4196
4348
  toned?: boolean;
4197
4349
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4198
4350
  } | {
4199
4351
  color: string | {
4200
- colorType: "base" | "onBase" | "container" | "onContainer";
4352
+ colorType: "container" | "base" | "onBase" | "onContainer";
4201
4353
  toned?: boolean;
4202
4354
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4203
4355
  };
@@ -4206,7 +4358,7 @@ export declare const useColorSchemaStore: () => {
4206
4358
  acrylic?: boolean;
4207
4359
  opacity?: number;
4208
4360
  } | {
4209
- colorType: "base" | "onBase" | "container" | "onContainer";
4361
+ colorType: "container" | "base" | "onBase" | "onContainer";
4210
4362
  toned?: boolean;
4211
4363
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4212
4364
  };
@@ -4235,12 +4387,12 @@ export declare const useColorSchemaStore: () => {
4235
4387
  icon?: {
4236
4388
  color?: {
4237
4389
  colors: (string | {
4238
- colorType: "base" | "onBase" | "container" | "onContainer";
4390
+ colorType: "container" | "base" | "onBase" | "onContainer";
4239
4391
  toned?: boolean;
4240
4392
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4241
4393
  } | {
4242
4394
  color: string | {
4243
- colorType: "base" | "onBase" | "container" | "onContainer";
4395
+ colorType: "container" | "base" | "onBase" | "onContainer";
4244
4396
  toned?: boolean;
4245
4397
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4246
4398
  };
@@ -4254,14 +4406,14 @@ export declare const useColorSchemaStore: () => {
4254
4406
  };
4255
4407
  inactive?: {
4256
4408
  background?: {
4257
- fill?: {
4409
+ fill?: string | {
4258
4410
  colors: (string | {
4259
- colorType: "base" | "onBase" | "container" | "onContainer";
4411
+ colorType: "container" | "base" | "onBase" | "onContainer";
4260
4412
  toned?: boolean;
4261
4413
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4262
4414
  } | {
4263
4415
  color: string | {
4264
- colorType: "base" | "onBase" | "container" | "onContainer";
4416
+ colorType: "container" | "base" | "onBase" | "onContainer";
4265
4417
  toned?: boolean;
4266
4418
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4267
4419
  };
@@ -4269,6 +4421,10 @@ export declare const useColorSchemaStore: () => {
4269
4421
  })[];
4270
4422
  acrylic?: boolean;
4271
4423
  opacity?: number;
4424
+ } | {
4425
+ colorType: "container" | "base" | "onBase" | "onContainer";
4426
+ toned?: boolean;
4427
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4272
4428
  };
4273
4429
  border?: {
4274
4430
  radius?: {
@@ -4285,7 +4441,7 @@ export declare const useColorSchemaStore: () => {
4285
4441
  };
4286
4442
  fill?: {
4287
4443
  colors: (string | {
4288
- colorType: "base" | "onBase" | "container" | "onContainer";
4444
+ colorType: "container" | "base" | "onBase" | "onContainer";
4289
4445
  toned?: boolean;
4290
4446
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4291
4447
  } | {
@@ -4306,7 +4462,7 @@ export declare const useColorSchemaStore: () => {
4306
4462
  primary: {
4307
4463
  name?: string;
4308
4464
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4309
- header: {
4465
+ header?: {
4310
4466
  definitionId: {
4311
4467
  toString: () => string;
4312
4468
  equals?: {
@@ -4459,14 +4615,14 @@ export declare const useColorSchemaStore: () => {
4459
4615
  };
4460
4616
  styles: {
4461
4617
  background?: {
4462
- fill?: {
4618
+ fill?: string | {
4463
4619
  colors: (string | {
4464
- colorType: "base" | "onBase" | "container" | "onContainer";
4620
+ colorType: "container" | "base" | "onBase" | "onContainer";
4465
4621
  toned?: boolean;
4466
4622
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4467
4623
  } | {
4468
4624
  color: string | {
4469
- colorType: "base" | "onBase" | "container" | "onContainer";
4625
+ colorType: "container" | "base" | "onBase" | "onContainer";
4470
4626
  toned?: boolean;
4471
4627
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4472
4628
  };
@@ -4474,6 +4630,10 @@ export declare const useColorSchemaStore: () => {
4474
4630
  })[];
4475
4631
  acrylic?: boolean;
4476
4632
  opacity?: number;
4633
+ } | {
4634
+ colorType: "container" | "base" | "onBase" | "onContainer";
4635
+ toned?: boolean;
4636
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4477
4637
  };
4478
4638
  border?: {
4479
4639
  radius?: {
@@ -4490,7 +4650,7 @@ export declare const useColorSchemaStore: () => {
4490
4650
  };
4491
4651
  fill?: {
4492
4652
  colors: (string | {
4493
- colorType: "base" | "onBase" | "container" | "onContainer";
4653
+ colorType: "container" | "base" | "onBase" | "onContainer";
4494
4654
  toned?: boolean;
4495
4655
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4496
4656
  } | {
@@ -4514,7 +4674,7 @@ export declare const useColorSchemaStore: () => {
4514
4674
  variant1?: {
4515
4675
  name?: string;
4516
4676
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4517
- header: {
4677
+ header?: {
4518
4678
  definitionId: {
4519
4679
  toString: () => string;
4520
4680
  equals?: {
@@ -4667,14 +4827,14 @@ export declare const useColorSchemaStore: () => {
4667
4827
  };
4668
4828
  styles: {
4669
4829
  background?: {
4670
- fill?: {
4830
+ fill?: string | {
4671
4831
  colors: (string | {
4672
- colorType: "base" | "onBase" | "container" | "onContainer";
4832
+ colorType: "container" | "base" | "onBase" | "onContainer";
4673
4833
  toned?: boolean;
4674
4834
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4675
4835
  } | {
4676
4836
  color: string | {
4677
- colorType: "base" | "onBase" | "container" | "onContainer";
4837
+ colorType: "container" | "base" | "onBase" | "onContainer";
4678
4838
  toned?: boolean;
4679
4839
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4680
4840
  };
@@ -4682,6 +4842,10 @@ export declare const useColorSchemaStore: () => {
4682
4842
  })[];
4683
4843
  acrylic?: boolean;
4684
4844
  opacity?: number;
4845
+ } | {
4846
+ colorType: "container" | "base" | "onBase" | "onContainer";
4847
+ toned?: boolean;
4848
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4685
4849
  };
4686
4850
  border?: {
4687
4851
  radius?: {
@@ -4698,7 +4862,7 @@ export declare const useColorSchemaStore: () => {
4698
4862
  };
4699
4863
  fill?: {
4700
4864
  colors: (string | {
4701
- colorType: "base" | "onBase" | "container" | "onContainer";
4865
+ colorType: "container" | "base" | "onBase" | "onContainer";
4702
4866
  toned?: boolean;
4703
4867
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4704
4868
  } | {
@@ -4722,7 +4886,7 @@ export declare const useColorSchemaStore: () => {
4722
4886
  variant2?: {
4723
4887
  name?: string;
4724
4888
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4725
- header: {
4889
+ header?: {
4726
4890
  definitionId: {
4727
4891
  toString: () => string;
4728
4892
  equals?: {
@@ -4875,14 +5039,14 @@ export declare const useColorSchemaStore: () => {
4875
5039
  };
4876
5040
  styles: {
4877
5041
  background?: {
4878
- fill?: {
5042
+ fill?: string | {
4879
5043
  colors: (string | {
4880
- colorType: "base" | "onBase" | "container" | "onContainer";
5044
+ colorType: "container" | "base" | "onBase" | "onContainer";
4881
5045
  toned?: boolean;
4882
5046
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4883
5047
  } | {
4884
5048
  color: string | {
4885
- colorType: "base" | "onBase" | "container" | "onContainer";
5049
+ colorType: "container" | "base" | "onBase" | "onContainer";
4886
5050
  toned?: boolean;
4887
5051
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4888
5052
  };
@@ -4890,6 +5054,10 @@ export declare const useColorSchemaStore: () => {
4890
5054
  })[];
4891
5055
  acrylic?: boolean;
4892
5056
  opacity?: number;
5057
+ } | {
5058
+ colorType: "container" | "base" | "onBase" | "onContainer";
5059
+ toned?: boolean;
5060
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4893
5061
  };
4894
5062
  border?: {
4895
5063
  radius?: {
@@ -4906,7 +5074,7 @@ export declare const useColorSchemaStore: () => {
4906
5074
  };
4907
5075
  fill?: {
4908
5076
  colors: (string | {
4909
- colorType: "base" | "onBase" | "container" | "onContainer";
5077
+ colorType: "container" | "base" | "onBase" | "onContainer";
4910
5078
  toned?: boolean;
4911
5079
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4912
5080
  } | {
@@ -4930,7 +5098,7 @@ export declare const useColorSchemaStore: () => {
4930
5098
  variant3?: {
4931
5099
  name?: string;
4932
5100
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4933
- header: {
5101
+ header?: {
4934
5102
  definitionId: {
4935
5103
  toString: () => string;
4936
5104
  equals?: {
@@ -5083,14 +5251,14 @@ export declare const useColorSchemaStore: () => {
5083
5251
  };
5084
5252
  styles: {
5085
5253
  background?: {
5086
- fill?: {
5254
+ fill?: string | {
5087
5255
  colors: (string | {
5088
- colorType: "base" | "onBase" | "container" | "onContainer";
5256
+ colorType: "container" | "base" | "onBase" | "onContainer";
5089
5257
  toned?: boolean;
5090
5258
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5091
5259
  } | {
5092
5260
  color: string | {
5093
- colorType: "base" | "onBase" | "container" | "onContainer";
5261
+ colorType: "container" | "base" | "onBase" | "onContainer";
5094
5262
  toned?: boolean;
5095
5263
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5096
5264
  };
@@ -5098,6 +5266,10 @@ export declare const useColorSchemaStore: () => {
5098
5266
  })[];
5099
5267
  acrylic?: boolean;
5100
5268
  opacity?: number;
5269
+ } | {
5270
+ colorType: "container" | "base" | "onBase" | "onContainer";
5271
+ toned?: boolean;
5272
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5101
5273
  };
5102
5274
  border?: {
5103
5275
  radius?: {
@@ -5114,7 +5286,7 @@ export declare const useColorSchemaStore: () => {
5114
5286
  };
5115
5287
  fill?: {
5116
5288
  colors: (string | {
5117
- colorType: "base" | "onBase" | "container" | "onContainer";
5289
+ colorType: "container" | "base" | "onBase" | "onContainer";
5118
5290
  toned?: boolean;
5119
5291
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5120
5292
  } | {
@@ -5147,12 +5319,12 @@ export declare const useColorSchemaStore: () => {
5147
5319
  xs?: {
5148
5320
  color?: {
5149
5321
  colors: (string | {
5150
- colorType: "base" | "onBase" | "container" | "onContainer";
5322
+ colorType: "container" | "base" | "onBase" | "onContainer";
5151
5323
  toned?: boolean;
5152
5324
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5153
5325
  } | {
5154
5326
  color: string | {
5155
- colorType: "base" | "onBase" | "container" | "onContainer";
5327
+ colorType: "container" | "base" | "onBase" | "onContainer";
5156
5328
  toned?: boolean;
5157
5329
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5158
5330
  };
@@ -5166,12 +5338,12 @@ export declare const useColorSchemaStore: () => {
5166
5338
  s?: {
5167
5339
  color?: {
5168
5340
  colors: (string | {
5169
- colorType: "base" | "onBase" | "container" | "onContainer";
5341
+ colorType: "container" | "base" | "onBase" | "onContainer";
5170
5342
  toned?: boolean;
5171
5343
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5172
5344
  } | {
5173
5345
  color: string | {
5174
- colorType: "base" | "onBase" | "container" | "onContainer";
5346
+ colorType: "container" | "base" | "onBase" | "onContainer";
5175
5347
  toned?: boolean;
5176
5348
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5177
5349
  };
@@ -5185,12 +5357,12 @@ export declare const useColorSchemaStore: () => {
5185
5357
  m?: {
5186
5358
  color?: {
5187
5359
  colors: (string | {
5188
- colorType: "base" | "onBase" | "container" | "onContainer";
5360
+ colorType: "container" | "base" | "onBase" | "onContainer";
5189
5361
  toned?: boolean;
5190
5362
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5191
5363
  } | {
5192
5364
  color: string | {
5193
- colorType: "base" | "onBase" | "container" | "onContainer";
5365
+ colorType: "container" | "base" | "onBase" | "onContainer";
5194
5366
  toned?: boolean;
5195
5367
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5196
5368
  };
@@ -5204,12 +5376,12 @@ export declare const useColorSchemaStore: () => {
5204
5376
  l?: {
5205
5377
  color?: {
5206
5378
  colors: (string | {
5207
- colorType: "base" | "onBase" | "container" | "onContainer";
5379
+ colorType: "container" | "base" | "onBase" | "onContainer";
5208
5380
  toned?: boolean;
5209
5381
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5210
5382
  } | {
5211
5383
  color: string | {
5212
- colorType: "base" | "onBase" | "container" | "onContainer";
5384
+ colorType: "container" | "base" | "onBase" | "onContainer";
5213
5385
  toned?: boolean;
5214
5386
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5215
5387
  };
@@ -5223,12 +5395,12 @@ export declare const useColorSchemaStore: () => {
5223
5395
  xl?: {
5224
5396
  color?: {
5225
5397
  colors: (string | {
5226
- colorType: "base" | "onBase" | "container" | "onContainer";
5398
+ colorType: "container" | "base" | "onBase" | "onContainer";
5227
5399
  toned?: boolean;
5228
5400
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5229
5401
  } | {
5230
5402
  color: string | {
5231
- colorType: "base" | "onBase" | "container" | "onContainer";
5403
+ colorType: "container" | "base" | "onBase" | "onContainer";
5232
5404
  toned?: boolean;
5233
5405
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5234
5406
  };
@@ -5241,6 +5413,263 @@ export declare const useColorSchemaStore: () => {
5241
5413
  };
5242
5414
  name?: string;
5243
5415
  };
5416
+ containers?: {
5417
+ variant1?: {
5418
+ name?: string;
5419
+ background?: {
5420
+ fill?: string | {
5421
+ colors: (string | {
5422
+ colorType: "container" | "base" | "onBase" | "onContainer";
5423
+ toned?: boolean;
5424
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5425
+ } | {
5426
+ color: string | {
5427
+ colorType: "container" | "base" | "onBase" | "onContainer";
5428
+ toned?: boolean;
5429
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5430
+ };
5431
+ stop?: number;
5432
+ })[];
5433
+ acrylic?: boolean;
5434
+ opacity?: number;
5435
+ } | {
5436
+ colorType: "container" | "base" | "onBase" | "onContainer";
5437
+ toned?: boolean;
5438
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5439
+ };
5440
+ border?: {
5441
+ radius?: {
5442
+ top?: import("@omnia/fx-models").SpacingValue;
5443
+ right?: import("@omnia/fx-models").SpacingValue;
5444
+ bottom?: import("@omnia/fx-models").SpacingValue;
5445
+ left?: import("@omnia/fx-models").SpacingValue;
5446
+ };
5447
+ width?: {
5448
+ top?: import("@omnia/fx-models").SpacingValue;
5449
+ right?: import("@omnia/fx-models").SpacingValue;
5450
+ bottom?: import("@omnia/fx-models").SpacingValue;
5451
+ left?: import("@omnia/fx-models").SpacingValue;
5452
+ };
5453
+ fill?: {
5454
+ colors: (string | {
5455
+ colorType: "container" | "base" | "onBase" | "onContainer";
5456
+ toned?: boolean;
5457
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5458
+ } | {
5459
+ color: string | {
5460
+ colorType: "container" | "base" | "onBase" | "onContainer";
5461
+ toned?: boolean;
5462
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5463
+ };
5464
+ stop?: number;
5465
+ })[];
5466
+ acrylic?: boolean;
5467
+ opacity?: number;
5468
+ };
5469
+ };
5470
+ elevation?: number;
5471
+ };
5472
+ id: {
5473
+ toString: () => string;
5474
+ equals?: {
5475
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5476
+ };
5477
+ };
5478
+ };
5479
+ variant2?: {
5480
+ name?: string;
5481
+ background?: {
5482
+ fill?: string | {
5483
+ colors: (string | {
5484
+ colorType: "container" | "base" | "onBase" | "onContainer";
5485
+ toned?: boolean;
5486
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5487
+ } | {
5488
+ color: string | {
5489
+ colorType: "container" | "base" | "onBase" | "onContainer";
5490
+ toned?: boolean;
5491
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5492
+ };
5493
+ stop?: number;
5494
+ })[];
5495
+ acrylic?: boolean;
5496
+ opacity?: number;
5497
+ } | {
5498
+ colorType: "container" | "base" | "onBase" | "onContainer";
5499
+ toned?: boolean;
5500
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5501
+ };
5502
+ border?: {
5503
+ radius?: {
5504
+ top?: import("@omnia/fx-models").SpacingValue;
5505
+ right?: import("@omnia/fx-models").SpacingValue;
5506
+ bottom?: import("@omnia/fx-models").SpacingValue;
5507
+ left?: import("@omnia/fx-models").SpacingValue;
5508
+ };
5509
+ width?: {
5510
+ top?: import("@omnia/fx-models").SpacingValue;
5511
+ right?: import("@omnia/fx-models").SpacingValue;
5512
+ bottom?: import("@omnia/fx-models").SpacingValue;
5513
+ left?: import("@omnia/fx-models").SpacingValue;
5514
+ };
5515
+ fill?: {
5516
+ colors: (string | {
5517
+ colorType: "container" | "base" | "onBase" | "onContainer";
5518
+ toned?: boolean;
5519
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5520
+ } | {
5521
+ color: string | {
5522
+ colorType: "container" | "base" | "onBase" | "onContainer";
5523
+ toned?: boolean;
5524
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5525
+ };
5526
+ stop?: number;
5527
+ })[];
5528
+ acrylic?: boolean;
5529
+ opacity?: number;
5530
+ };
5531
+ };
5532
+ elevation?: number;
5533
+ };
5534
+ id: {
5535
+ toString: () => string;
5536
+ equals?: {
5537
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5538
+ };
5539
+ };
5540
+ };
5541
+ variant3?: {
5542
+ name?: string;
5543
+ background?: {
5544
+ fill?: string | {
5545
+ colors: (string | {
5546
+ colorType: "container" | "base" | "onBase" | "onContainer";
5547
+ toned?: boolean;
5548
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5549
+ } | {
5550
+ color: string | {
5551
+ colorType: "container" | "base" | "onBase" | "onContainer";
5552
+ toned?: boolean;
5553
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5554
+ };
5555
+ stop?: number;
5556
+ })[];
5557
+ acrylic?: boolean;
5558
+ opacity?: number;
5559
+ } | {
5560
+ colorType: "container" | "base" | "onBase" | "onContainer";
5561
+ toned?: boolean;
5562
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5563
+ };
5564
+ border?: {
5565
+ radius?: {
5566
+ top?: import("@omnia/fx-models").SpacingValue;
5567
+ right?: import("@omnia/fx-models").SpacingValue;
5568
+ bottom?: import("@omnia/fx-models").SpacingValue;
5569
+ left?: import("@omnia/fx-models").SpacingValue;
5570
+ };
5571
+ width?: {
5572
+ top?: import("@omnia/fx-models").SpacingValue;
5573
+ right?: import("@omnia/fx-models").SpacingValue;
5574
+ bottom?: import("@omnia/fx-models").SpacingValue;
5575
+ left?: import("@omnia/fx-models").SpacingValue;
5576
+ };
5577
+ fill?: {
5578
+ colors: (string | {
5579
+ colorType: "container" | "base" | "onBase" | "onContainer";
5580
+ toned?: boolean;
5581
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5582
+ } | {
5583
+ color: string | {
5584
+ colorType: "container" | "base" | "onBase" | "onContainer";
5585
+ toned?: boolean;
5586
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5587
+ };
5588
+ stop?: number;
5589
+ })[];
5590
+ acrylic?: boolean;
5591
+ opacity?: number;
5592
+ };
5593
+ };
5594
+ elevation?: number;
5595
+ };
5596
+ id: {
5597
+ toString: () => string;
5598
+ equals?: {
5599
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5600
+ };
5601
+ };
5602
+ };
5603
+ variant4?: {
5604
+ name?: string;
5605
+ background?: {
5606
+ fill?: string | {
5607
+ colors: (string | {
5608
+ colorType: "container" | "base" | "onBase" | "onContainer";
5609
+ toned?: boolean;
5610
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5611
+ } | {
5612
+ color: string | {
5613
+ colorType: "container" | "base" | "onBase" | "onContainer";
5614
+ toned?: boolean;
5615
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5616
+ };
5617
+ stop?: number;
5618
+ })[];
5619
+ acrylic?: boolean;
5620
+ opacity?: number;
5621
+ } | {
5622
+ colorType: "container" | "base" | "onBase" | "onContainer";
5623
+ toned?: boolean;
5624
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5625
+ };
5626
+ border?: {
5627
+ radius?: {
5628
+ top?: import("@omnia/fx-models").SpacingValue;
5629
+ right?: import("@omnia/fx-models").SpacingValue;
5630
+ bottom?: import("@omnia/fx-models").SpacingValue;
5631
+ left?: import("@omnia/fx-models").SpacingValue;
5632
+ };
5633
+ width?: {
5634
+ top?: import("@omnia/fx-models").SpacingValue;
5635
+ right?: import("@omnia/fx-models").SpacingValue;
5636
+ bottom?: import("@omnia/fx-models").SpacingValue;
5637
+ left?: import("@omnia/fx-models").SpacingValue;
5638
+ };
5639
+ fill?: {
5640
+ colors: (string | {
5641
+ colorType: "container" | "base" | "onBase" | "onContainer";
5642
+ toned?: boolean;
5643
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5644
+ } | {
5645
+ color: string | {
5646
+ colorType: "container" | "base" | "onBase" | "onContainer";
5647
+ toned?: boolean;
5648
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5649
+ };
5650
+ stop?: number;
5651
+ })[];
5652
+ acrylic?: boolean;
5653
+ opacity?: number;
5654
+ };
5655
+ };
5656
+ elevation?: number;
5657
+ };
5658
+ id: {
5659
+ toString: () => string;
5660
+ equals?: {
5661
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5662
+ };
5663
+ };
5664
+ };
5665
+ name?: string;
5666
+ id: {
5667
+ toString: () => string;
5668
+ equals?: {
5669
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5670
+ };
5671
+ };
5672
+ };
5244
5673
  name?: string;
5245
5674
  id: {
5246
5675
  toString: () => string;
@@ -5325,8 +5754,20 @@ export declare const useColorSchemaStore: () => {
5325
5754
  get: {
5326
5755
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
5327
5756
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
5328
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
5329
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
5757
+ button: {
5758
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
5759
+ };
5760
+ icon: {
5761
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
5762
+ };
5763
+ block: {
5764
+ hasBlueprintVariant(type: string): boolean;
5765
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
5766
+ };
5767
+ container: {
5768
+ hasVariant(type: string): boolean;
5769
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
5770
+ };
5330
5771
  };
5331
5772
  deactivated(): void;
5332
5773
  };
@@ -5335,11 +5776,11 @@ export declare const useColorSchemaStore: () => {
5335
5776
  fillValue: (value: import("@omnia/fx-models").FillDefinitionValue, type: "typography") => any;
5336
5777
  spacing: () => import("@omnia/fx-models").SpacingBlueprints;
5337
5778
  component: () => import("@omnia/fx-models").ComponentBlueprints;
5338
- color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => string;
5339
- colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => ColorDefinition;
5340
- complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => ColorTypes;
5341
- complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => string;
5342
- complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => ColorDefinition;
5779
+ color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => string;
5780
+ colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => ColorDefinition;
5781
+ complementaryColorType: (colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => ColorTypes;
5782
+ complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => string;
5783
+ complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => ColorDefinition;
5343
5784
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
5344
5785
  };
5345
5786
  };