@omnia/velcron 6.100.8-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.
- package/README.md +6 -0
- package/actions/ActionResults.d.ts +4 -0
- package/actions/ActionResults.js +14 -0
- package/actions/Alert.d.ts +2 -0
- package/actions/Alert.js +12 -0
- package/actions/Array.d.ts +3 -0
- package/actions/Array.js +22 -0
- package/actions/Debounce.d.ts +2 -0
- package/actions/Debounce.js +43 -0
- package/actions/Delay.d.ts +2 -0
- package/actions/Delay.js +14 -0
- package/actions/Emit.d.ts +2 -0
- package/actions/Emit.js +25 -0
- package/actions/Http.d.ts +2 -0
- package/actions/Http.js +32 -0
- package/actions/IActionHandler.d.ts +5 -0
- package/actions/IActionHandler.js +2 -0
- package/actions/Log.d.ts +2 -0
- package/actions/Log.js +10 -0
- package/actions/MsGraph.d.ts +2 -0
- package/actions/MsGraph.js +16 -0
- package/actions/MsSharePoint.d.ts +2 -0
- package/actions/MsSharePoint.js +17 -0
- package/actions/index.d.ts +11 -0
- package/actions/index.js +14 -0
- package/index.d.ts +6 -0
- package/index.js +9 -0
- package/internal-do-not-import-from-here/shared/models/Bring.d.ts +23 -0
- package/internal-do-not-import-from-here/shared/models/Bring.js +2 -0
- package/internal-do-not-import-from-here/shared/models/Broadcasting.d.ts +25 -0
- package/internal-do-not-import-from-here/shared/models/Broadcasting.js +12 -0
- package/internal-do-not-import-from-here/shared/models/Future.d.ts +44 -0
- package/internal-do-not-import-from-here/shared/models/Future.js +122 -0
- package/internal-do-not-import-from-here/shared/models/Guid.d.ts +17 -0
- package/internal-do-not-import-from-here/shared/models/Guid.js +51 -0
- package/internal-do-not-import-from-here/shared/models/OmniaSharedBootstrapData.d.ts +32 -0
- package/internal-do-not-import-from-here/shared/models/OmniaSharedBootstrapData.js +2 -0
- package/internal-do-not-import-from-here/shared/models/Realtime.d.ts +40 -0
- package/internal-do-not-import-from-here/shared/models/Realtime.js +40 -0
- package/internal-do-not-import-from-here/shared/models/SharedConstants.d.ts +5 -0
- package/internal-do-not-import-from-here/shared/models/SharedConstants.js +9 -0
- package/internal-do-not-import-from-here/shared/models/StringExtensions.d.ts +6 -0
- package/internal-do-not-import-from-here/shared/models/StringExtensions.js +3 -0
- package/internal-do-not-import-from-here/shared/models/Tenant.d.ts +4 -0
- package/internal-do-not-import-from-here/shared/models/Tenant.js +2 -0
- package/internal-do-not-import-from-here/shared/models/Tokens.d.ts +14 -0
- package/internal-do-not-import-from-here/shared/models/Tokens.js +2 -0
- package/internal-do-not-import-from-here/shared/models/Topic.d.ts +10 -0
- package/internal-do-not-import-from-here/shared/models/Topic.js +2 -0
- package/internal-do-not-import-from-here/shared/models/WorkerProxyFuncs.d.ts +8 -0
- package/internal-do-not-import-from-here/shared/models/WorkerProxyFuncs.js +14 -0
- package/internal-do-not-import-from-here/shared/models/Workers.d.ts +29 -0
- package/internal-do-not-import-from-here/shared/models/Workers.js +8 -0
- package/internal-do-not-import-from-here/shared/models/index.d.ts +14 -0
- package/internal-do-not-import-from-here/shared/models/index.js +18 -0
- package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.d.ts +27 -0
- package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.js +2 -0
- package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.d.ts +5 -0
- package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.js +18 -0
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +61 -0
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +24 -0
- package/internal-do-not-import-from-here/shared/models/theming/ThemeMethods.d.ts +11 -0
- package/internal-do-not-import-from-here/shared/models/theming/ThemeMethods.js +143 -0
- package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +29 -0
- package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js +11 -0
- package/internal-do-not-import-from-here/shared/models/theming/index.d.ts +4 -0
- package/internal-do-not-import-from-here/shared/models/theming/index.js +7 -0
- package/models/ActionHooks.d.ts +12 -0
- package/models/ActionHooks.js +2 -0
- package/models/Enums.d.ts +53 -0
- package/models/Enums.js +65 -0
- package/models/VelcronDefinitions.d.ts +265 -0
- package/models/VelcronDefinitions.js +8 -0
- package/models/VelcronDescriptors.d.ts +35 -0
- package/models/VelcronDescriptors.js +2 -0
- package/models/VelcronEvents.d.ts +16 -0
- package/models/VelcronEvents.js +2 -0
- package/models/VelcronTypes.d.ts +10 -0
- package/models/VelcronTypes.js +2 -0
- package/models/VelcronUnitProvider.d.ts +5 -0
- package/models/VelcronUnitProvider.js +2 -0
- package/models/ViewModelAndContext.d.ts +4 -0
- package/models/ViewModelAndContext.js +2 -0
- package/models/index.d.ts +8 -0
- package/models/index.js +11 -0
- package/package.json +27 -0
- package/parser/TextValue.d.ts +4 -0
- package/parser/TextValue.js +9 -0
- package/parser/VelcronActions.d.ts +42 -0
- package/parser/VelcronActions.js +460 -0
- package/parser/VelcronConstants.d.ts +30 -0
- package/parser/VelcronConstants.js +33 -0
- package/parser/VelcronData.d.ts +39 -0
- package/parser/VelcronData.js +634 -0
- package/parser/VelcronLogger.d.ts +6 -0
- package/parser/VelcronLogger.js +18 -0
- package/parser/VelcronRenderers.d.ts +41 -0
- package/parser/VelcronRenderers.js +125 -0
- package/parser/VelcronStyles.d.ts +12 -0
- package/parser/VelcronStyles.js +159 -0
- package/parser/index.d.ts +7 -0
- package/parser/index.js +10 -0
- package/stores/ReactivitySystem.d.ts +5 -0
- package/stores/ReactivitySystem.js +12 -0
- package/stores/VelcronStore.d.ts +12 -0
- package/stores/VelcronStore.js +23 -0
- package/stores/VelcronTheming.d.ts +19 -0
- package/stores/VelcronTheming.js +49 -0
- package/stores/index.d.ts +3 -0
- package/stores/index.js +6 -0
- package/utilities/ColorUtility.d.ts +1 -0
- package/utilities/ColorUtility.js +45 -0
- package/utilities/index.d.ts +1 -0
- package/utilities/index.js +4 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { OmniaToken } from ".";
|
|
2
|
+
import { Guid, GuidValue } from "./Guid";
|
|
3
|
+
import { TenantIdentifier } from "./Tenant";
|
|
4
|
+
export interface OmniaSharedBootstrapData {
|
|
5
|
+
uiThreadId: GuidValue;
|
|
6
|
+
workerThreadId: GuidValue;
|
|
7
|
+
customDomain?: string;
|
|
8
|
+
defaultDomain: string;
|
|
9
|
+
routePrefixes: string[];
|
|
10
|
+
language: string;
|
|
11
|
+
/**
|
|
12
|
+
* The tokenKey is only avilable if we are running ITP or Dev intent
|
|
13
|
+
*/
|
|
14
|
+
tokenKey?: OmniaToken;
|
|
15
|
+
tokenRef: GuidValue;
|
|
16
|
+
identity: string;
|
|
17
|
+
licenses: Array<Guid>;
|
|
18
|
+
hubDev?: boolean;
|
|
19
|
+
realtimeDevPort?: string;
|
|
20
|
+
tenant: TenantIdentifier;
|
|
21
|
+
servingMode?: boolean;
|
|
22
|
+
serviceDnsMapping: OmniaServiceToDnsMapping;
|
|
23
|
+
authDisabled?: boolean;
|
|
24
|
+
analytics: OmniaAnalytics;
|
|
25
|
+
}
|
|
26
|
+
export interface OmniaAnalytics {
|
|
27
|
+
paq: any[];
|
|
28
|
+
enabled: boolean;
|
|
29
|
+
}
|
|
30
|
+
export interface OmniaServiceToDnsMapping {
|
|
31
|
+
[serviceId: string]: string;
|
|
32
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Guid, GuidValue } from "./Guid";
|
|
2
|
+
export declare abstract class RealtimeChannel {
|
|
3
|
+
/**
|
|
4
|
+
* Construct a unique channel id that can be targeted to users who are set to be in that channel on the client
|
|
5
|
+
* @returns id
|
|
6
|
+
*/
|
|
7
|
+
abstract getId(): string;
|
|
8
|
+
}
|
|
9
|
+
export declare class BusinuessProfileChannel extends RealtimeChannel {
|
|
10
|
+
private _profileId;
|
|
11
|
+
constructor(profileId: Guid);
|
|
12
|
+
getId(): string;
|
|
13
|
+
}
|
|
14
|
+
export declare abstract class RealtimeData<TRealtimeChannel extends RealtimeChannel, TRealtimeData> {
|
|
15
|
+
private _channel;
|
|
16
|
+
private _value;
|
|
17
|
+
get channel(): TRealtimeChannel;
|
|
18
|
+
get value(): TRealtimeData;
|
|
19
|
+
abstract getId(): GuidValue;
|
|
20
|
+
constructor(channel: TRealtimeChannel, value?: TRealtimeData);
|
|
21
|
+
}
|
|
22
|
+
export declare class PageChatRealtimeData extends RealtimeData<BusinuessProfileChannel, {
|
|
23
|
+
x: number;
|
|
24
|
+
y: number;
|
|
25
|
+
}> {
|
|
26
|
+
constructor(channel: BusinuessProfileChannel);
|
|
27
|
+
getId(): GuidValue;
|
|
28
|
+
}
|
|
29
|
+
export type RealtimeChannelUpdateTypes = "activate" | "deactivate";
|
|
30
|
+
export interface RealtimeChannelUpdateMessage extends RealtimChannelMessage {
|
|
31
|
+
threadId: GuidValue;
|
|
32
|
+
type: RealtimeChannelUpdateTypes;
|
|
33
|
+
}
|
|
34
|
+
export interface RealtimeSendMessage extends RealtimChannelMessage {
|
|
35
|
+
dataId: GuidValue;
|
|
36
|
+
data: any;
|
|
37
|
+
}
|
|
38
|
+
export interface RealtimChannelMessage {
|
|
39
|
+
channelId: string;
|
|
40
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PageChatRealtimeData = exports.RealtimeData = exports.BusinuessProfileChannel = exports.RealtimeChannel = void 0;
|
|
4
|
+
const Guid_1 = require("./Guid");
|
|
5
|
+
class RealtimeChannel {
|
|
6
|
+
}
|
|
7
|
+
exports.RealtimeChannel = RealtimeChannel;
|
|
8
|
+
class BusinuessProfileChannel extends RealtimeChannel {
|
|
9
|
+
constructor(profileId) {
|
|
10
|
+
super();
|
|
11
|
+
this._profileId = profileId;
|
|
12
|
+
}
|
|
13
|
+
getId() {
|
|
14
|
+
return this._profileId.toString();
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
exports.BusinuessProfileChannel = BusinuessProfileChannel;
|
|
18
|
+
class RealtimeData {
|
|
19
|
+
get channel() {
|
|
20
|
+
return this._channel;
|
|
21
|
+
}
|
|
22
|
+
get value() {
|
|
23
|
+
return this._value;
|
|
24
|
+
}
|
|
25
|
+
constructor(channel, value) {
|
|
26
|
+
this._channel = channel;
|
|
27
|
+
this._value = value;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
exports.RealtimeData = RealtimeData;
|
|
31
|
+
//FIXME: This is a test implementation remove when tested
|
|
32
|
+
class PageChatRealtimeData extends RealtimeData {
|
|
33
|
+
constructor(channel) {
|
|
34
|
+
super(channel);
|
|
35
|
+
}
|
|
36
|
+
getId() {
|
|
37
|
+
return new Guid_1.Guid("0366c62b-da25-4ed1-b5dc-de7e9934249f");
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
exports.PageChatRealtimeData = PageChatRealtimeData;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SharedConstants = void 0;
|
|
4
|
+
//TODO: Consider moving Constants from fx models here and merge them
|
|
5
|
+
exports.SharedConstants = {
|
|
6
|
+
broadcast: {
|
|
7
|
+
channelName: "omnia-fx-broadcast"
|
|
8
|
+
},
|
|
9
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { GuidValue } from "./Guid";
|
|
2
|
+
export interface OmniaToken {
|
|
3
|
+
tokenKey: string;
|
|
4
|
+
tokenRef: GuidValue;
|
|
5
|
+
loginName: string;
|
|
6
|
+
expires: number;
|
|
7
|
+
forDevIntent: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface OmniaTokenRef {
|
|
10
|
+
tenantId: GuidValue;
|
|
11
|
+
identityId: string;
|
|
12
|
+
tokenRef: GuidValue;
|
|
13
|
+
localDev: boolean;
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WorkerProxyFuncs = void 0;
|
|
4
|
+
const Guid_1 = require("./Guid");
|
|
5
|
+
exports.WorkerProxyFuncs = {
|
|
6
|
+
//Worker to Ui functions
|
|
7
|
+
ui: {
|
|
8
|
+
loadManifests: {
|
|
9
|
+
id: new Guid_1.Guid("8fb843b7-936f-4fec-a462-77c087adb7de")
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
//Ui to worker functions
|
|
13
|
+
worker: {}
|
|
14
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { GuidValue } from "./Guid";
|
|
2
|
+
import { OmniaSharedBootstrapData } from "./OmniaSharedBootstrapData";
|
|
3
|
+
export interface WorkerProxyAction<TParamType> {
|
|
4
|
+
id: GuidValue;
|
|
5
|
+
}
|
|
6
|
+
export interface WorkerProxyFunction<TParamType, TReturnType> extends WorkerProxyAction<TParamType> {
|
|
7
|
+
}
|
|
8
|
+
export interface WorkerProxyMessage<T> {
|
|
9
|
+
id: GuidValue;
|
|
10
|
+
data: T;
|
|
11
|
+
handlerId: GuidValue;
|
|
12
|
+
initiator: WorkerProxyFunctionInitiators;
|
|
13
|
+
}
|
|
14
|
+
export declare enum WorkerProxyFunctionInitiators {
|
|
15
|
+
ui = "main",
|
|
16
|
+
worker = "worker"
|
|
17
|
+
}
|
|
18
|
+
export interface LoadManifestsMessage extends PostMessageWithType {
|
|
19
|
+
type: "loadManifests";
|
|
20
|
+
resourceUrls: Array<string>;
|
|
21
|
+
}
|
|
22
|
+
export interface BootWorkerMessage {
|
|
23
|
+
type: "bootWorker";
|
|
24
|
+
loadManifests: LoadManifestsMessage;
|
|
25
|
+
bootData: OmniaSharedBootstrapData;
|
|
26
|
+
}
|
|
27
|
+
export interface PostMessageWithType {
|
|
28
|
+
type: "bootWorker" | "loadManifests";
|
|
29
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WorkerProxyFunctionInitiators = void 0;
|
|
4
|
+
var WorkerProxyFunctionInitiators;
|
|
5
|
+
(function (WorkerProxyFunctionInitiators) {
|
|
6
|
+
WorkerProxyFunctionInitiators["ui"] = "main";
|
|
7
|
+
WorkerProxyFunctionInitiators["worker"] = "worker";
|
|
8
|
+
})(WorkerProxyFunctionInitiators = exports.WorkerProxyFunctionInitiators || (exports.WorkerProxyFunctionInitiators = {}));
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export * from "./Guid";
|
|
2
|
+
export * from "./Broadcasting";
|
|
3
|
+
export * from "./Topic";
|
|
4
|
+
export * from "./Workers";
|
|
5
|
+
export * from "./SharedConstants";
|
|
6
|
+
export * from "./WorkerProxyFuncs";
|
|
7
|
+
export * from "./Bring";
|
|
8
|
+
export * from "./Future";
|
|
9
|
+
export * from "./Tokens";
|
|
10
|
+
export * from "./Tenant";
|
|
11
|
+
export * from "./Realtime";
|
|
12
|
+
export * from "./OmniaSharedBootstrapData";
|
|
13
|
+
export * from "./StringExtensions";
|
|
14
|
+
export * from "./theming";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
//! <omnia-transform-resource path="9a75501c-254b-46d1-9010-7b13681e06f4" />
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
tslib_1.__exportStar(require("./Guid"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./Broadcasting"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./Topic"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./Workers"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./SharedConstants"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./WorkerProxyFuncs"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./Bring"), exports);
|
|
12
|
+
tslib_1.__exportStar(require("./Future"), exports);
|
|
13
|
+
tslib_1.__exportStar(require("./Tokens"), exports);
|
|
14
|
+
tslib_1.__exportStar(require("./Tenant"), exports);
|
|
15
|
+
tslib_1.__exportStar(require("./Realtime"), exports);
|
|
16
|
+
tslib_1.__exportStar(require("./OmniaSharedBootstrapData"), exports);
|
|
17
|
+
tslib_1.__exportStar(require("./StringExtensions"), exports);
|
|
18
|
+
tslib_1.__exportStar(require("./theming"), exports);
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Guid } from "../Guid";
|
|
2
|
+
export interface BoxDimensions {
|
|
3
|
+
top: number;
|
|
4
|
+
right: number;
|
|
5
|
+
bottom: number;
|
|
6
|
+
left: number;
|
|
7
|
+
}
|
|
8
|
+
export interface BoxBorder extends BoxDimensions {
|
|
9
|
+
color: string;
|
|
10
|
+
}
|
|
11
|
+
export interface BlueprintDefinition {
|
|
12
|
+
id: Guid;
|
|
13
|
+
card?: {
|
|
14
|
+
border?: BoxBorder;
|
|
15
|
+
borderRadius?: BoxDimensions;
|
|
16
|
+
};
|
|
17
|
+
image?: {
|
|
18
|
+
borderRadius?: BoxDimensions;
|
|
19
|
+
};
|
|
20
|
+
chip?: {
|
|
21
|
+
borderRadius?: BoxDimensions;
|
|
22
|
+
};
|
|
23
|
+
icon?: {
|
|
24
|
+
borderRadius?: BoxDimensions;
|
|
25
|
+
round?: boolean;
|
|
26
|
+
};
|
|
27
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
`;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { Guid } from "../Guid";
|
|
2
|
+
import { BlueprintDefinition } from "./BlueprintDefinition";
|
|
3
|
+
import { TypographyDefinition } from "./TypographyDefinition";
|
|
4
|
+
export interface ColorDefinition {
|
|
5
|
+
dark: boolean;
|
|
6
|
+
color: string;
|
|
7
|
+
colorToned: string;
|
|
8
|
+
}
|
|
9
|
+
export interface ColorStyles {
|
|
10
|
+
background: object | string;
|
|
11
|
+
color: object | string;
|
|
12
|
+
all: object | string;
|
|
13
|
+
}
|
|
14
|
+
export interface ColorSchema {
|
|
15
|
+
name: string;
|
|
16
|
+
base: ColorDefinition;
|
|
17
|
+
onBase: ColorDefinition;
|
|
18
|
+
container: ColorDefinition;
|
|
19
|
+
onContainer: ColorDefinition;
|
|
20
|
+
}
|
|
21
|
+
export interface ColorGroup {
|
|
22
|
+
dark: ColorSchema;
|
|
23
|
+
light: ColorSchema;
|
|
24
|
+
}
|
|
25
|
+
export interface ThemeDefinitionV2 {
|
|
26
|
+
id: Guid;
|
|
27
|
+
name: string;
|
|
28
|
+
dark: boolean;
|
|
29
|
+
primary: ColorSchema;
|
|
30
|
+
secondary: ColorSchema;
|
|
31
|
+
accent1: ColorSchema;
|
|
32
|
+
accent2: ColorSchema;
|
|
33
|
+
accent3: ColorSchema;
|
|
34
|
+
neutral: ColorSchema;
|
|
35
|
+
background: ColorSchema;
|
|
36
|
+
error: ColorSchema;
|
|
37
|
+
info: ColorSchema;
|
|
38
|
+
typography: TypographyDefinition;
|
|
39
|
+
blueprint: BlueprintDefinition;
|
|
40
|
+
}
|
|
41
|
+
export declare const ColorSchemaTypes: {
|
|
42
|
+
primary: string;
|
|
43
|
+
secondary: string;
|
|
44
|
+
accent1: string;
|
|
45
|
+
accent2: string;
|
|
46
|
+
accent3: string;
|
|
47
|
+
neutral: string;
|
|
48
|
+
background: string;
|
|
49
|
+
error: string;
|
|
50
|
+
info: string;
|
|
51
|
+
};
|
|
52
|
+
export declare const ColorTypes: {
|
|
53
|
+
base: string;
|
|
54
|
+
baseTone: string;
|
|
55
|
+
onBase: string;
|
|
56
|
+
onBaseTone: string;
|
|
57
|
+
container: string;
|
|
58
|
+
containerTone: string;
|
|
59
|
+
onContainer: string;
|
|
60
|
+
onContainerTone: string;
|
|
61
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ColorTypes = exports.ColorSchemaTypes = void 0;
|
|
4
|
+
exports.ColorSchemaTypes = {
|
|
5
|
+
primary: "primary",
|
|
6
|
+
secondary: "secondary",
|
|
7
|
+
accent1: "accent1",
|
|
8
|
+
accent2: "accent2",
|
|
9
|
+
accent3: "accent3",
|
|
10
|
+
neutral: "neutral",
|
|
11
|
+
background: "background",
|
|
12
|
+
error: "error",
|
|
13
|
+
info: "info",
|
|
14
|
+
};
|
|
15
|
+
exports.ColorTypes = {
|
|
16
|
+
base: "base",
|
|
17
|
+
baseTone: "baseTone",
|
|
18
|
+
onBase: "onBase",
|
|
19
|
+
onBaseTone: "onBaseTone",
|
|
20
|
+
container: "container",
|
|
21
|
+
containerTone: "containerTone",
|
|
22
|
+
onContainer: "onContainer",
|
|
23
|
+
onContainerTone: "onContainerTone",
|
|
24
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ColorDefinition, ThemeDefinitionV2 } from "./ThemeDefinitionV2";
|
|
2
|
+
import { TypographyType } from "./TypographyDefinition";
|
|
3
|
+
export declare const useThemeMethods: (themedefinition: ThemeDefinitionV2) => {
|
|
4
|
+
colorSchema: (colorSchemaType: string) => import("./ThemeDefinitionV2").ColorSchema;
|
|
5
|
+
typography: (typographyType: string) => TypographyType;
|
|
6
|
+
color: (colorSchemaType: string, colorType: string) => string;
|
|
7
|
+
colorDefinition: (colorSchemaType: string, colorType: string) => ColorDefinition;
|
|
8
|
+
complementaryColorType: (colorType: string) => string;
|
|
9
|
+
complementaryColor: (colorSchemaType: string, colorType: string) => string;
|
|
10
|
+
complementaryColorDefinition: (colorSchemaType: string, colorType: string) => ColorDefinition;
|
|
11
|
+
};
|