@omnia/velcron 8.0.99-vnext → 8.0.100-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/actions/Array.js +9 -2
  2. package/actions/Clone.d.ts +2 -0
  3. package/actions/Clone.js +11 -0
  4. package/actions/Date.d.ts +1 -1
  5. package/actions/Date.js +2 -4
  6. package/actions/Http.js +23 -6
  7. package/actions/index.d.ts +1 -0
  8. package/actions/index.js +1 -0
  9. package/internal-do-not-import-from-here/shared/models/Broadcasting.js +1 -1
  10. package/internal-do-not-import-from-here/shared/models/DynamicState.d.ts +1 -0
  11. package/internal-do-not-import-from-here/shared/models/Equals.js +33 -3
  12. package/internal-do-not-import-from-here/shared/models/Future.d.ts +17 -1
  13. package/internal-do-not-import-from-here/shared/models/Future.js +26 -5
  14. package/internal-do-not-import-from-here/shared/models/Guid.d.ts +1 -0
  15. package/internal-do-not-import-from-here/shared/models/Guid.js +13 -6
  16. package/internal-do-not-import-from-here/shared/models/HttpCommon.d.ts +27 -0
  17. package/internal-do-not-import-from-here/shared/models/OmniaSharedBootstrapData.d.ts +7 -1
  18. package/internal-do-not-import-from-here/shared/models/Realtime.d.ts +1 -13
  19. package/internal-do-not-import-from-here/shared/models/Realtime.js +1 -22
  20. package/internal-do-not-import-from-here/shared/models/StronglyTypedId.d.ts +3 -0
  21. package/internal-do-not-import-from-here/shared/models/StronglyTypedId.js +2 -0
  22. package/internal-do-not-import-from-here/shared/models/Tokens.d.ts +1 -0
  23. package/internal-do-not-import-from-here/shared/models/WorkerProxyFuncs.d.ts +7 -1
  24. package/internal-do-not-import-from-here/shared/models/WorkerProxyFuncs.js +5 -1
  25. package/internal-do-not-import-from-here/shared/models/Workers.js +1 -1
  26. package/internal-do-not-import-from-here/shared/models/hub/ExternalIdentityId.d.ts +2 -0
  27. package/internal-do-not-import-from-here/shared/models/hub/ExternalIdentityId.js +2 -0
  28. package/internal-do-not-import-from-here/shared/models/hub/TempSocialReactions.d.ts +13 -0
  29. package/internal-do-not-import-from-here/shared/models/hub/TempSocialReactions.js +20 -0
  30. package/internal-do-not-import-from-here/shared/models/hub/activities/Activity.d.ts +67 -0
  31. package/internal-do-not-import-from-here/shared/models/hub/activities/Activity.js +7 -0
  32. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityChannel.d.ts +7 -0
  33. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityChannel.js +5 -0
  34. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityDefinition.d.ts +14 -0
  35. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityDefinition.js +15 -0
  36. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityFeed.d.ts +30 -0
  37. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityFeed.js +2 -0
  38. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityRenderer.d.ts +15 -0
  39. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityRenderer.js +5 -0
  40. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityRendererLoadingReferences.d.ts +8 -0
  41. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivityRendererLoadingReferences.js +2 -0
  42. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivitySender.d.ts +15 -0
  43. package/internal-do-not-import-from-here/shared/models/hub/activities/ActivitySender.js +5 -0
  44. package/internal-do-not-import-from-here/shared/models/hub/activities/IdentityActivity.d.ts +40 -0
  45. package/internal-do-not-import-from-here/shared/models/hub/activities/IdentityActivity.js +39 -0
  46. package/internal-do-not-import-from-here/shared/models/hub/activities/index.d.ts +8 -0
  47. package/internal-do-not-import-from-here/shared/models/hub/activities/index.js +11 -0
  48. package/internal-do-not-import-from-here/shared/models/hub/fileupload/FileOwnerId.d.ts +3 -0
  49. package/internal-do-not-import-from-here/shared/models/hub/fileupload/FileOwnerId.js +5 -0
  50. package/internal-do-not-import-from-here/shared/models/hub/fileupload/TemporaryFileId.d.ts +4 -0
  51. package/internal-do-not-import-from-here/shared/models/hub/fileupload/TemporaryFileId.js +5 -0
  52. package/internal-do-not-import-from-here/shared/models/hub/fileupload/index.d.ts +2 -0
  53. package/internal-do-not-import-from-here/shared/models/hub/fileupload/index.js +5 -0
  54. package/internal-do-not-import-from-here/shared/models/hub/index.d.ts +5 -0
  55. package/internal-do-not-import-from-here/shared/models/hub/index.js +8 -0
  56. package/internal-do-not-import-from-here/shared/models/hub/social/HubComment.d.ts +10 -0
  57. package/internal-do-not-import-from-here/shared/models/hub/social/HubComment.js +2 -0
  58. package/internal-do-not-import-from-here/shared/models/hub/social/HubReaction.d.ts +5 -0
  59. package/internal-do-not-import-from-here/shared/models/hub/social/HubReaction.js +2 -0
  60. package/internal-do-not-import-from-here/shared/models/hub/social/index.d.ts +2 -0
  61. package/internal-do-not-import-from-here/shared/models/hub/social/index.js +5 -0
  62. package/internal-do-not-import-from-here/shared/models/index.d.ts +5 -1
  63. package/internal-do-not-import-from-here/shared/models/index.js +5 -1
  64. package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.d.ts +44 -46
  65. package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.js +7 -13
  66. package/internal-do-not-import-from-here/shared/models/theming/ChromeDefinition.d.ts +25 -0
  67. package/internal-do-not-import-from-here/shared/models/theming/ChromeDefinition.js +2 -0
  68. package/internal-do-not-import-from-here/shared/models/theming/SharedBlueprintMethods.d.ts +2 -2
  69. package/internal-do-not-import-from-here/shared/models/theming/SharedBlueprintMethods.js +8 -7
  70. package/internal-do-not-import-from-here/shared/models/theming/SpacingSetting.d.ts +5 -4
  71. package/internal-do-not-import-from-here/shared/models/theming/SpacingSetting.js +1 -1
  72. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +22 -13
  73. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +8 -10
  74. package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +5 -0
  75. package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js +2 -2
  76. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.d.ts +3 -5
  77. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js +4 -30
  78. package/internal-do-not-import-from-here/shared/models/theming/index.d.ts +1 -1
  79. package/internal-do-not-import-from-here/shared/models/theming/index.js +2 -1
  80. package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts +87 -0
  81. package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.js +2 -0
  82. package/internal-do-not-import-from-here/shared/models/velcron/VelcronEvents.js +2 -0
  83. package/internal-do-not-import-from-here/shared/models/velcron/index.d.ts +2 -0
  84. package/internal-do-not-import-from-here/shared/models/velcron/index.js +5 -0
  85. package/models/ActionHooks.d.ts +12 -0
  86. package/models/ActionHooks.js +2 -0
  87. package/models/Enums.js +7 -7
  88. package/models/VelcronDefinitions.d.ts +76 -86
  89. package/models/VelcronDefinitions.js +1 -1
  90. package/models/VelcronPropertyEditorDefinitions.d.ts +259 -19
  91. package/models/VelcronPropertyEditorDefinitions.js +114 -2
  92. package/models/VelcronTypes.d.ts +1 -1
  93. package/models/ViewModelAndContext.d.ts +1 -1
  94. package/models/index.d.ts +1 -1
  95. package/models/index.js +1 -1
  96. package/package.json +1 -1
  97. package/parser/VelcronActions.d.ts +7 -1
  98. package/parser/VelcronActions.js +20 -3
  99. package/parser/VelcronConstants.d.ts +6 -1
  100. package/parser/VelcronConstants.js +7 -2
  101. package/parser/VelcronData.d.ts +3 -2
  102. package/parser/VelcronData.js +13 -12
  103. package/parser/VelcronPropertyEditors.js +1 -1
  104. package/parser/VelcronRenderers.d.ts +2 -1
  105. package/parser/VelcronRenderers.js +20 -20
  106. package/parser/VelcronStyles.d.ts +2 -1
  107. package/parser/VelcronStyles.js +168 -65
  108. package/stores/ReactivitySystem.d.ts +2 -2
  109. package/stores/ReactivitySystem.js +1 -1
  110. package/stores/VelcronColorSchema.d.ts +9 -8
  111. package/stores/VelcronTheming.d.ts +4 -3
  112. package/stores/VelcronTheming.js +15 -3
  113. package/stores/index.d.ts +0 -1
  114. package/stores/index.js +1 -1
  115. package/templatebuilder/editor/VelcronContentEditor.d.ts +26 -2
  116. package/templatebuilder/editor/VelcronContentEditor.js +164 -4
  117. package/templatebuilder/editor/VelcronEditorBuilder2.d.ts +15 -0
  118. package/templatebuilder/editor/VelcronEditorBuilder2.js +106 -0
  119. package/templatebuilder/editor/VelcronEditorBuilderBase.d.ts +1 -1
  120. package/templatebuilder/editor/VelcronPropertyMappingEditorBuilder.js +1 -1
  121. package/templatebuilder/index.d.ts +1 -0
  122. package/templatebuilder/index.js +1 -0
  123. package/templatebuilder/state/VelcronBlockHeaderStateBuilder.d.ts +0 -0
  124. package/templatebuilder/state/VelcronBlockHeaderStateBuilder.js +38 -0
  125. package/templatebuilder/state/VelcronColorSchemaBuilder.d.ts +10 -5
  126. package/templatebuilder/state/VelcronColorSchemaBuilder.js +18 -6
  127. package/templatebuilder/state/VelcronContentStateBuilder.d.ts +7 -13
  128. package/templatebuilder/state/VelcronContentStateBuilder.js +26 -18
  129. package/templatebuilder/state/VelcronImageStateBuilder.d.ts +2 -4
  130. package/templatebuilder/state/VelcronImageStateBuilder.js +10 -4
  131. package/templatebuilder/state/VelcronPropertyMappingStateBuilder.d.ts +3 -2
  132. package/templatebuilder/state/VelcronPropertyMappingStateBuilder.js +12 -5
  133. package/templatebuilder/state/VelcronStateBuilder.d.ts +2 -1
  134. package/templatebuilder/state/VelcronStateBuilderBase.d.ts +7 -3
  135. package/templatebuilder/state/VelcronStateBuilderBase.js +8 -4
  136. package/templatebuilder/state/VelcronTextContentBuilder.d.ts +32 -0
  137. package/templatebuilder/state/VelcronTextContentBuilder.js +110 -0
  138. package/templatebuilder/useVelcronEditorBuilder.d.ts +2 -0
  139. package/templatebuilder/useVelcronEditorBuilder.js +9 -0
  140. package/internal-do-not-import-from-here/shared/models/Bring.d.ts +0 -23
  141. package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.d.ts +0 -5
  142. package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.js +0 -18
  143. package/stores/VelcronBlueprint.d.ts +0 -39
  144. package/stores/VelcronBlueprint.js +0 -55
  145. /package/internal-do-not-import-from-here/shared/models/{Bring.js → DynamicState.js} +0 -0
  146. /package/{models/VelcronEvents.js → internal-do-not-import-from-here/shared/models/HttpCommon.js} +0 -0
  147. /package/{models → internal-do-not-import-from-here/shared/models/velcron}/VelcronEvents.d.ts +0 -0
@@ -1,8 +1,12 @@
1
1
  import { VelcronStateBuilder } from "./VelcronStateBuilder";
2
- export declare abstract class VelcronStateBuilderBase {
2
+ export declare abstract class VelcronStateBuilderStrategy {
3
+ abstract done(): any;
4
+ protected abstract internalBuild(): any;
5
+ }
6
+ export declare abstract class VelcronStateBuilderBase extends VelcronStateBuilderStrategy {
3
7
  protected stateBuilder: VelcronStateBuilder;
4
- constructor(stateBulder: VelcronStateBuilder);
8
+ constructor(stateBuilder: VelcronStateBuilder);
5
9
  done(): VelcronStateBuilder;
6
- build(): any;
10
+ build(): import("@omnia/fx-models").VelcronState;
7
11
  protected abstract internalBuild(): any;
8
12
  }
@@ -1,9 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.VelcronStateBuilderBase = void 0;
4
- class VelcronStateBuilderBase {
5
- constructor(stateBulder) {
6
- this.stateBuilder = stateBulder;
3
+ exports.VelcronStateBuilderBase = exports.VelcronStateBuilderStrategy = void 0;
4
+ class VelcronStateBuilderStrategy {
5
+ }
6
+ exports.VelcronStateBuilderStrategy = VelcronStateBuilderStrategy;
7
+ class VelcronStateBuilderBase extends VelcronStateBuilderStrategy {
8
+ constructor(stateBuilder) {
9
+ super();
10
+ this.stateBuilder = stateBuilder;
7
11
  }
8
12
  done() {
9
13
  return this.stateBuilder;
@@ -0,0 +1,32 @@
1
+ import { TypographySize, TypographyType, VelcronTextState, VelcronTypographyState } from "@omnia/fx-models";
2
+ import { VelcronStateBuilderStrategy } from "./VelcronStateBuilderBase";
3
+ export declare class VelcronTextContentBuilder<TBaseBuilder> extends VelcronStateBuilderStrategy {
4
+ private _textState;
5
+ private bindingContextValue;
6
+ private _typographyState;
7
+ private baseBuilder;
8
+ constructor(baseBuilder: TBaseBuilder, bind: string);
9
+ get typographyState(): VelcronTypographyState;
10
+ get textState(): VelcronTextState;
11
+ get bindingContext(): string;
12
+ text: {
13
+ add: (value: string) => VelcronTextContentBuilder<TBaseBuilder>;
14
+ bind: () => string;
15
+ };
16
+ typography: {
17
+ type: {
18
+ add: (type: TypographyType) => VelcronTextContentBuilder<TBaseBuilder>;
19
+ bind: () => string;
20
+ };
21
+ size: {
22
+ add: (size: TypographySize) => VelcronTextContentBuilder<TBaseBuilder>;
23
+ bind: () => string;
24
+ };
25
+ toned: {
26
+ add: (toned: boolean) => VelcronTextContentBuilder<TBaseBuilder>;
27
+ bind: () => string;
28
+ };
29
+ };
30
+ done(): TBaseBuilder;
31
+ protected internalBuild(): VelcronTextState;
32
+ }
@@ -0,0 +1,110 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.VelcronTextContentBuilder = void 0;
4
+ const VelcronStateBuilderBase_1 = require("./VelcronStateBuilderBase");
5
+ // export interface VelcronTextState {
6
+ // text:string,
7
+ // typography?:{
8
+ // type?: TypographyType,
9
+ // size?:TypographySize
10
+ // toned?:boolean;
11
+ // }
12
+ // }
13
+ class VelcronTextContentBuilder extends VelcronStateBuilderBase_1.VelcronStateBuilderStrategy {
14
+ constructor(baseBuilder, bind) {
15
+ super();
16
+ this._textState = undefined;
17
+ this.bindingContextValue = undefined;
18
+ this._typographyState = undefined;
19
+ // :VelcronTextContentBuilder<TBaseBuilder>
20
+ this.text = {
21
+ add: (value) => {
22
+ this.textState.text = value;
23
+ return this;
24
+ },
25
+ bind: () => { return `{{ ${this.bindingContextValue}.text }}`; }
26
+ };
27
+ this.typography = {
28
+ type: {
29
+ add: (type) => {
30
+ this.typographyState.type = type;
31
+ return this;
32
+ },
33
+ bind: () => { return `{{ ${this.bindingContextValue}.typography.type }}`; }
34
+ },
35
+ size: {
36
+ add: (size) => {
37
+ this.typographyState.size = size;
38
+ return this;
39
+ },
40
+ bind: () => { return `{{ ${this.bindingContextValue}.typography.size }}`; }
41
+ },
42
+ toned: {
43
+ add: (toned) => {
44
+ this.typographyState.toned = toned;
45
+ return this;
46
+ },
47
+ bind: () => { return `{{ ${this.bindingContextValue}.typography.toned }}`; }
48
+ }
49
+ };
50
+ this.baseBuilder = baseBuilder;
51
+ this.bindingContextValue = bind;
52
+ }
53
+ get typographyState() {
54
+ if (!this._typographyState) {
55
+ this._typographyState = {};
56
+ }
57
+ return this._typographyState;
58
+ }
59
+ get textState() {
60
+ if (!this._textState) {
61
+ this._textState = {};
62
+ }
63
+ return this._textState;
64
+ }
65
+ get bindingContext() {
66
+ return this.bindingContextValue;
67
+ }
68
+ // typography(type?: TypographyType,size?:TypographySize,toned?:boolean):VelcronTextContentBuilder<TBaseBuilder>{
69
+ // this.textState.typography = {
70
+ // type:type,
71
+ // size:size,
72
+ // toned:toned
73
+ // };
74
+ // return this;
75
+ // }
76
+ done() {
77
+ return this.baseBuilder;
78
+ }
79
+ internalBuild() {
80
+ const resultValue = {};
81
+ let hasContent = false;
82
+ // if(this.mainContent){
83
+ // resultValue["main"] = this.mainContent;
84
+ // hasContent = true;
85
+ // }
86
+ // if(this.captionContent){
87
+ // resultValue["caption"] = this.captionContent;
88
+ // hasContent = true;
89
+ // }
90
+ // if(!hasContent){
91
+ // return null;
92
+ // }
93
+ // return <VelcronState>{
94
+ // content: resultValue as VelcronContentState
95
+ // };
96
+ if (this._textState) {
97
+ hasContent = true;
98
+ resultValue.text = this._textState.text;
99
+ }
100
+ if (this._typographyState) {
101
+ hasContent = true;
102
+ resultValue.typography = this._typographyState;
103
+ }
104
+ if (!hasContent) {
105
+ return null;
106
+ }
107
+ return resultValue;
108
+ }
109
+ }
110
+ exports.VelcronTextContentBuilder = VelcronTextContentBuilder;
@@ -0,0 +1,2 @@
1
+ import { VelcronEditorBuilder2 } from "./editor/VelcronEditorBuilder2";
2
+ export declare function useVelcronEditorBuilder(): VelcronEditorBuilder2;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ // import { VelcronContentState, VelcronImagePropertyEditor, VelcronImageRatios, VelcronImageState, VelcronMarkdownPropertyEditor, VelcronTextPropertyEditor} from "@omnia/fx-models";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.useVelcronEditorBuilder = void 0;
5
+ const VelcronEditorBuilder2_1 = require("./editor/VelcronEditorBuilder2");
6
+ function useVelcronEditorBuilder() {
7
+ return new VelcronEditorBuilder2_1.VelcronEditorBuilder2();
8
+ }
9
+ exports.useVelcronEditorBuilder = useVelcronEditorBuilder;
@@ -1,23 +0,0 @@
1
- export type BringMethods = "GET" | "POST" | "PUT" | "DELETE" | "PATCH" | "HEAD" | "OPTIONS";
2
- export type BringCacheOptions = "no-cache" | "reload" | "force-cache" | "only-if-cached";
3
- export type BringCredentials = "include" | "omit" | "same-origin";
4
- export interface BringInterceptOptions {
5
- beforeRequest?: (request: BringConfig) => BringConfig;
6
- afterRequest?: <T>(response: BringResponse<T>, request: BringConfig) => BringResponse<T>;
7
- }
8
- export interface BringConfig {
9
- baseUrl?: string;
10
- headers?: {
11
- [key: string]: string;
12
- };
13
- cache?: BringCacheOptions;
14
- interceptors?: BringInterceptOptions;
15
- abortable?: boolean;
16
- credentials?: BringCredentials;
17
- }
18
- export interface BringResponse<TData> {
19
- data?: TData;
20
- status: Number;
21
- statusText: String;
22
- ok: Boolean;
23
- }
@@ -1,5 +0,0 @@
1
- import { ThemeDefinitionV2 } from "./ThemeDefinitionV2";
2
- export declare class OmniaThemes {
3
- static ligthTheme(): ThemeDefinitionV2;
4
- static darkTheme(): ThemeDefinitionV2;
5
- }
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.OmniaThemes = void 0;
4
- class OmniaThemes {
5
- static ligthTheme() {
6
- return JSON.parse(lightDefinition);
7
- }
8
- static darkTheme() {
9
- return JSON.parse(darkDefinition);
10
- }
11
- }
12
- exports.OmniaThemes = OmniaThemes;
13
- const lightDefinition = `
14
- {"dark":false,"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","primary":{"name":"primary","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#005f73","colorStyles":{"all":{"background-color":"#005f73","color":"#005f73"},"background":{"background-color":"#005f73"},"color":{"color":"#005f73"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cee6f0","colorStyles":{"all":{"background-color":"#cee6f0","color":"#cee6f0"},"background":{"background-color":"#cee6f0"},"color":{"color":"#cee6f0"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#061e25","colorStyles":{"all":{"background-color":"#061e25","color":"#061e25"},"background":{"background-color":"#061e25"},"color":{"color":"#061e25"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"secondary":{"name":"secondary","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#414465","colorStyles":{"all":{"background-color":"#414465","color":"#414465"},"background":{"background-color":"#414465"},"color":{"color":"#414465"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e1e0f9","colorStyles":{"all":{"background-color":"#e1e0f9","color":"#e1e0f9"},"background":{"background-color":"#e1e0f9"},"color":{"color":"#e1e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#181a2c","colorStyles":{"all":{"background-color":"#181a2c","color":"#181a2c"},"background":{"background-color":"#181a2c"},"color":{"color":"#181a2c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent1":{"name":"accent1","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent2":{"name":"accent2","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent3":{"name":"accent3","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"neutral":{"name":"neutral","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#fffbfe","colorStyles":{"all":{"background-color":"#fffbfe","color":"#fffbfe"},"background":{"background-color":"#fffbfe"},"color":{"color":"#fffbfe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e2e0f9","colorStyles":{"all":{"background-color":"#e2e0f9","color":"#e2e0f9"},"background":{"background-color":"#e2e0f9"},"color":{"color":"#e2e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#191a2c","colorStyles":{"all":{"background-color":"#191a2c","color":"#191a2c"},"background":{"background-color":"#191a2c"},"color":{"color":"#191a2c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"background":{"name":"background","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#051f23","colorStyles":{"all":{"background-color":"#051f23","color":"#051f23"},"background":{"background-color":"#051f23"},"color":{"color":"#051f23"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"info":{"name":"info","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#051f23","colorStyles":{"all":{"background-color":"#051f23","color":"#051f23"},"background":{"background-color":"#051f23"},"color":{"color":"#051f23"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"error":{"name":"error","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#ba1a1a","colorStyles":{"all":{"background-color":"#ba1a1a","color":"#ba1a1a"},"background":{"background-color":"#ba1a1a"},"color":{"color":"#ba1a1a"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffdad5","colorStyles":{"all":{"background-color":"#ffdad5","color":"#ffdad5"},"background":{"background-color":"#ffdad5"},"color":{"color":"#ffdad5"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#2c1512","colorStyles":{"all":{"background-color":"#2c1512","color":"#2c1512"},"background":{"background-color":"#2c1512"},"color":{"color":"#2c1512"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"typography":{"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","h1":{"large":{"size":48,"lineHeight":50,"weight":600}},"h2":{"large":{"size":32,"lineHeight":36,"weight":600}},"h3":{"large":{"size":20,"lineHeight":26,"weight":600}},"summary":{"large":{"size":24,"lineHeight":32,"weight":600}},"text":{"large":{"size":18,"lineHeight":24,"weight":400}},"caption":{"large":{"size":14,"lineHeight":18,"weight":600}},"link":{"decoration":"underline","large":{"size":18,"lineHeight":22,"weight":400}}}}
15
- `;
16
- const darkDefinition = `
17
- {"dark":true,"id":"a4d7cc01-2235-43c7-881c-cbf2fb92008d","primary":{"name":"primary","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#b3cad3","colorStyles":{"all":{"background-color":"#b3cad3","color":"#b3cad3"},"background":{"background-color":"#b3cad3"},"color":{"color":"#b3cad3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,95,115,0.5)","color":"#005f73","colorStyles":{"all":{"background-color":"#005f73","color":"#005f73"},"background":{"background-color":"#005f73"},"color":{"color":"#005f73"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,95,115,0.5)","color":"rgba(0,95,115,0.5)"},"background":{"background-color":"rgba(0,95,115,0.5)"},"color":{"color":"rgba(0,95,115,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#344a52","colorStyles":{"all":{"background-color":"#344a52","color":"#344a52"},"background":{"background-color":"#344a52"},"color":{"color":"#344a52"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(206,230,240,0.5)","color":"#cee6f0","colorStyles":{"all":{"background-color":"#cee6f0","color":"#cee6f0"},"background":{"background-color":"#cee6f0"},"color":{"color":"#cee6f0"}},"colorTonedStyles":{"all":{"background-color":"rgba(206,230,240,0.5)","color":"rgba(206,230,240,0.5)"},"background":{"background-color":"rgba(206,230,240,0.5)"},"color":{"color":"rgba(206,230,240,0.5)"}}}},"secondary":{"name":"secondary","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#c4c4dd","colorStyles":{"all":{"background-color":"#c4c4dd","color":"#c4c4dd"},"background":{"background-color":"#c4c4dd"},"color":{"color":"#c4c4dd"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(65,68,101,0.5)","color":"#414465","colorStyles":{"all":{"background-color":"#414465","color":"#414465"},"background":{"background-color":"#414465"},"color":{"color":"#414465"}},"colorTonedStyles":{"all":{"background-color":"rgba(65,68,101,0.5)","color":"rgba(65,68,101,0.5)"},"background":{"background-color":"rgba(65,68,101,0.5)"},"color":{"color":"rgba(65,68,101,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#444559","colorStyles":{"all":{"background-color":"#444559","color":"#444559"},"background":{"background-color":"#444559"},"color":{"color":"#444559"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(225,224,249,0.5)","color":"#e1e0f9","colorStyles":{"all":{"background-color":"#e1e0f9","color":"#e1e0f9"},"background":{"background-color":"#e1e0f9"},"color":{"color":"#e1e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(225,224,249,0.5)","color":"rgba(225,224,249,0.5)"},"background":{"background-color":"rgba(225,224,249,0.5)"},"color":{"color":"rgba(225,224,249,0.5)"}}}},"accent1":{"name":"accent1","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"accent2":{"name":"accent2","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"accent3":{"name":"accent3","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"neutral":{"name":"neutral","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#212121","colorStyles":{"all":{"background-color":"#212121","color":"#212121"},"background":{"background-color":"#212121"},"color":{"color":"#212121"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"background":{"name":"background","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#121212","colorStyles":{"all":{"background-color":"#121212","color":"#121212"},"background":{"background-color":"#121212"},"color":{"color":"#121212"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"info":{"name":"info","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#121212","colorStyles":{"all":{"background-color":"#121212","color":"#121212"},"background":{"background-color":"#121212"},"color":{"color":"#121212"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"error":{"name":"error","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e5bdc1","colorStyles":{"all":{"background-color":"#e5bdc1","color":"#e5bdc1"},"background":{"background-color":"#e5bdc1"},"color":{"color":"#e5bdc1"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(207,102,121,0.5)","color":"#CF6679","colorStyles":{"all":{"background-color":"#CF6679","color":"#CF6679"},"background":{"background-color":"#CF6679"},"color":{"color":"#CF6679"}},"colorTonedStyles":{"all":{"background-color":"rgba(207,102,121,0.5)","color":"rgba(207,102,121,0.5)"},"background":{"background-color":"rgba(207,102,121,0.5)"},"color":{"color":"rgba(207,102,121,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5c3f43","colorStyles":{"all":{"background-color":"#5c3f43","color":"#5c3f43"},"background":{"background-color":"#5c3f43"},"color":{"color":"#5c3f43"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(255,217,221,0.5)","color":"#ffd9dd","colorStyles":{"all":{"background-color":"#ffd9dd","color":"#ffd9dd"},"background":{"background-color":"#ffd9dd"},"color":{"color":"#ffd9dd"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,217,221,0.5)","color":"rgba(255,217,221,0.5)"},"background":{"background-color":"rgba(255,217,221,0.5)"},"color":{"color":"rgba(255,217,221,0.5)"}}}},"typography":{"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","h1":{"large":{"size":48,"lineHeight":50,"weight":600}},"h2":{"large":{"size":32,"lineHeight":36,"weight":600}},"h3":{"large":{"size":20,"lineHeight":26,"weight":600}},"summary":{"large":{"size":24,"lineHeight":32,"weight":600}},"text":{"large":{"size":18,"lineHeight":24,"weight":400}},"caption":{"large":{"size":14,"lineHeight":18,"weight":600}},"link":{"decoration":"underline","large":{"size":18,"lineHeight":22,"weight":400}}}}
18
- `;
@@ -1,39 +0,0 @@
1
- import { BlueprintDefinition, BlueprintItemDefinition, BlueprintType, BlueprintTypes, SpacingBlueprint, TypographyBlueprint, VelcronBlueprintDefintionType } from "@omnia/fx-models";
2
- import { useVelcronThemingStore } from ".";
3
- export declare const useVelcronBlueprintStore: (newStateWithName?: string) => {
4
- state: {
5
- blueprint: BlueprintDefinition;
6
- blueprintType: "default" | "variant1" | "variant2" | "variant3" | BlueprintTypes;
7
- themeStore: {
8
- state: {
9
- currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
10
- };
11
- get: {
12
- blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | BlueprintTypes) => BlueprintDefinition;
13
- colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
14
- typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
15
- color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
16
- colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
17
- complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
18
- complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
19
- complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
20
- currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
21
- };
22
- actions: {
23
- setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;
24
- };
25
- };
26
- };
27
- get: {
28
- readonly all: BlueprintDefinition;
29
- byType: <TType extends BlueprintItemDefinition>(type: VelcronBlueprintDefintionType | VelcronBlueprintDefintionType) => TType;
30
- readonly typography: TypographyBlueprint;
31
- spacing: {
32
- readonly inner: SpacingBlueprint;
33
- };
34
- };
35
- actions: {
36
- setThemeStore: (themeStoreInstance: ReturnType<typeof useVelcronThemingStore>, blueprintType?: BlueprintTypes | BlueprintType) => void;
37
- setBlueprint: (type: BlueprintTypes | BlueprintType) => void;
38
- };
39
- };
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useVelcronBlueprintStore = void 0;
4
- const fx_models_1 = require("@omnia/fx-models");
5
- const _1 = require(".");
6
- exports.useVelcronBlueprintStore = (0, _1.defineVelcronStore)("BlueprintStore", {
7
- setup() {
8
- return {
9
- state: {
10
- blueprint: {},
11
- blueprintType: fx_models_1.BlueprintTypes.default,
12
- themeStore: undefined,
13
- }
14
- };
15
- },
16
- getters(state) {
17
- function allDefinitions() {
18
- return state.blueprint;
19
- }
20
- function byType(type) {
21
- return state.blueprint.definitions.find(x => x.type === type);
22
- }
23
- return {
24
- get all() {
25
- return allDefinitions();
26
- },
27
- byType,
28
- get typography() {
29
- return byType(fx_models_1.VelcronBlueprintDefintionTypes.typography);
30
- },
31
- spacing: {
32
- get inner() {
33
- return byType(fx_models_1.VelcronBlueprintDefintionTypes.innerspacing);
34
- },
35
- }
36
- };
37
- },
38
- actions(state) {
39
- function setBlueprint(type) {
40
- const blueprint = state.themeStore.get.blueprint(type);
41
- if (blueprint) {
42
- state.blueprint = blueprint;
43
- state.blueprintType = type;
44
- }
45
- }
46
- function setThemeStore(themeStoreInstance, blueprintType) {
47
- state.themeStore = themeStoreInstance;
48
- setBlueprint(blueprintType);
49
- }
50
- return {
51
- setThemeStore,
52
- setBlueprint
53
- };
54
- }
55
- });