@omnia/fx-models 8.0.84-dev → 8.0.85-dev

package/Enums.d.ts

@@ -658,10 +658,6 @@ export declare enum LayoutDrawerTabs {
     layoutTemplates = 2,
     clipboard = 3
 }
-export declare enum RadialGradientShapes {
-    circle = 0,
-    ellipse = 1
-}
 export declare enum LayoutItemTypes {
     layout = "layout",
     section = "section",

package/Enums.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePeriodTypes = exports.TargetUser = exports.RedirectRuleType = exports.MultilingualScopes = exports.OmniaRoleTypes = exports.TargetResolverTypes = exports.PermissionRoles = exports.TimeFormats = exports.CompareBusinessProfilePathType = exports.StatusMessageOverlayType = exports.HttpStatusCode = exports.QueueMessageStatus = exports.StaticEndpoint = exports.ThemeType = exports.FeatureInstanceStatus = exports.RoleDefinitions = exports.Parameters = exports.ParamTypes = exports.PropertyIndexedType = exports.UserPickingType = exports.BoolFilter = exports.PrincipalTypes = exports.AppInstanceScopedQueryTypes = exports.AppInstanceStatus = exports.VideoRatio = exports.AdminNavigationBuiltInCategory = exports.AdminVisibility = exports.AuthenticationValidationStatuses = exports.IconSources = exports.IconTypes = exports.LocaleNames = exports.LanguageTags = exports.LocalizationTargetTypes = exports.BundleTargetTypes = exports.ServerManifestTypes = exports.ClientManifestTypes = exports.RuleLogicalOperator = exports.ResourceEvaluators = exports.ConsoleStateStorageMessageTypes = exports.ConsoleMessageTypes = exports.LogLevels = exports.ManifestLoadStatus = exports.LogSources = exports.AppTemplatePermissionLevel = exports.SecurityAccessType = exports.SecurityIdentities = exports.SecurityRoleScopes = exports.SecurityProviderTypes = exports.BuiltInAppInstanceInternalNames = exports.BuiltInEnterprisePropertyInternalNames = void 0;
-exports.PersistentDiskTypes = exports.CookieKeys = exports.LocalServingMessageType = exports.DisplayBreakpointCodes = exports.OmniaMimeType = exports.IdentityUserIdTypeMatch = exports.OmniaClientRuntimes = exports.OmniaBackendRuntimes = exports.PropertyEditModeElementNameType = exports.DirectionRules = exports.MediaPickerEnums = exports.PropertyArchiveType = exports.ImageSources = exports.IconSizes = exports.BlockRenderingModes = exports.LayoutCanvasModes = exports.ChromeTypes = exports.LayoutItemActions = exports.LayoutEditorModes = exports.TabbedDisplayModes = exports.TabbedIconPositions = exports.Positions = exports.BorderPositions = exports.IconPositions = exports.TextAlignment = exports.LayoutItemTypes = exports.RadialGradientShapes = exports.LayoutDrawerTabs = exports.VerticalAlignments = exports.HorizontalAlignments = exports.BladeSizes = exports.ImageResolution = exports.ServiceLocatorUrlType = exports.AppInstanceAction = exports.VDataGridHeaderType = exports.VDataGridHeaderAlign = exports.ButtonSizes = exports.ButtonModes = exports.ButtonIconPosition = exports.ButtonTooltipPosition = exports.RichTextModes = void 0;
+exports.PersistentDiskTypes = exports.CookieKeys = exports.LocalServingMessageType = exports.DisplayBreakpointCodes = exports.OmniaMimeType = exports.IdentityUserIdTypeMatch = exports.OmniaClientRuntimes = exports.OmniaBackendRuntimes = exports.PropertyEditModeElementNameType = exports.DirectionRules = exports.MediaPickerEnums = exports.PropertyArchiveType = exports.ImageSources = exports.IconSizes = exports.BlockRenderingModes = exports.LayoutCanvasModes = exports.ChromeTypes = exports.LayoutItemActions = exports.LayoutEditorModes = exports.TabbedDisplayModes = exports.TabbedIconPositions = exports.Positions = exports.BorderPositions = exports.IconPositions = exports.TextAlignment = exports.LayoutItemTypes = exports.LayoutDrawerTabs = exports.VerticalAlignments = exports.HorizontalAlignments = exports.BladeSizes = exports.ImageResolution = exports.ServiceLocatorUrlType = exports.AppInstanceAction = exports.VDataGridHeaderType = exports.VDataGridHeaderAlign = exports.ButtonSizes = exports.ButtonModes = exports.ButtonIconPosition = exports.ButtonTooltipPosition = exports.RichTextModes = void 0;
 var BuiltInEnterprisePropertyInternalNames;
 (function (BuiltInEnterprisePropertyInternalNames) {
     BuiltInEnterprisePropertyInternalNames["Title"] = "title";
@@ -595,11 +595,6 @@ var LayoutDrawerTabs;
     LayoutDrawerTabs[LayoutDrawerTabs["layoutTemplates"] = 2] = "layoutTemplates";
     LayoutDrawerTabs[LayoutDrawerTabs["clipboard"] = 3] = "clipboard";
 })(LayoutDrawerTabs || (exports.LayoutDrawerTabs = LayoutDrawerTabs = {}));
-var RadialGradientShapes;
-(function (RadialGradientShapes) {
-    RadialGradientShapes[RadialGradientShapes["circle"] = 0] = "circle";
-    RadialGradientShapes[RadialGradientShapes["ellipse"] = 1] = "ellipse";
-})(RadialGradientShapes || (exports.RadialGradientShapes = RadialGradientShapes = {}));
 var LayoutItemTypes;
 (function (LayoutItemTypes) {
     LayoutItemTypes["layout"] = "layout";

package/Layout.d.ts

@@ -1,4 +1,4 @@
-import { MultilingualString, ThemeDefinition, IIcon, SpacingSettings, IconPickerModel, WebComponentDefinition, OmniaBlock, GuidValue, RadialGradientShapes, BlockTitleSettings, LayoutItemActions, LayoutEditorModes, BlockRenderingModes, TabbedDisplayModes, TabbedIconPositions, LayoutDrawerTabs, ILayoutCanvasDefinitionBuilder, MediaPickerImage, IMessageBusTopicSubscription, MediaPickerStorageProviderContext, OmniaBackendRuntimes, OmniaClientRuntimes, LayoutCanvasModes, ColorSchemaTypes, HorizontalAlignments, SpacingType, ChromeBlueprintVariants } from ".";
+import { MultilingualString, ThemeDefinition, IIcon, SpacingSettings, IconPickerModel, WebComponentDefinition, OmniaBlock, GuidValue, RadialGradientShapes, BlockTitleSettings, LayoutItemActions, LayoutEditorModes, BlockRenderingModes, TabbedDisplayModes, TabbedIconPositions, LayoutDrawerTabs, ILayoutCanvasDefinitionBuilder, MediaPickerImage, IMessageBusTopicSubscription, MediaPickerStorageProviderContext, OmniaBackendRuntimes, OmniaClientRuntimes, LayoutCanvasModes, ColorSchemaTypes, HorizontalAlignments, SpacingType, ChromeBlueprintVariants, ColorValue } from ".";
 import { MessageBusTopicMediator } from "../";
 import { TargetingFilterProperty } from "../sp";
 import { ShapeDividerSettings } from "./ShapeDividerSettingsModel";
@@ -38,8 +38,8 @@ export interface BlockSettingsWithDefaultProperty<T> extends BlockSettings {
 }
 export interface LayoutSettings extends LayoutItemSettings {
     background?: BackgroundSettings;
-    tenantHeaderColor?: string;
-    appHeaderColor?: string;
+    tenantHeaderColor?: ColorValue;
+    appHeaderColor?: ColorValue;
     chrome?: string;
     chromeFlat: boolean;
     spacingColumn?: number;
@@ -59,6 +59,7 @@ export interface LayoutItem {
     itemtype: string;
     items?: Array<LayoutItem>;
     settings?: LayoutItemSettings;
+    name?: string;
 }
 export interface LayoutItemSettings {
     deviceBreakPoints: Array<DisplayBreakPointSetting>;
@@ -89,14 +90,14 @@ export interface BlurBackgroundFilter {
     value: number;
 }
 export interface BackgroundSettings {
-    colors: Array<string>;
+    colors: Array<ColorValue>;
     elevation: number;
     acrylic: boolean;
     borderRadiusTop: number;
     borderRadiusBottom: number;
     overflow: number;
     isInherited: boolean;
-    borderColor: string;
+    borderColor: ColorValue;
     borderWidth: number;
     shapeDivider?: ShapeDividerSettings;
     image?: ImageBackground;
@@ -118,7 +119,6 @@ export declare enum SectionTypes {
     Slider = 6
 }
 export interface Section<T extends SectionSettings = SectionSettings> extends LayoutItem {
-    name?: string;
     settings: T;
 }
 export interface LayoutEngineRenderContext<TItemType = LayoutItem, TSettings = LayoutItemSettings> {
@@ -162,36 +162,36 @@ export interface TabbedSectionSettings extends SectionSettings {
     type: SectionTypes.Tab;
     tabAlignment: HorizontalAlignments;
     showSlider: boolean;
-    bgColor: string;
-    tabColor: string;
-    activeTabColor: string;
-    labelColor: string;
-    activeLabelColor: string;
+    bgColor: ColorValue;
+    tabColor: ColorValue;
+    activeTabColor: ColorValue;
+    labelColor: ColorValue;
+    activeLabelColor: ColorValue;
     displayMode: TabbedDisplayModes;
     grow: boolean;
-    sliderColor: string;
+    sliderColor: ColorValue;
     customSize: boolean;
     tabMinHeight: number;
     tabMinWidth: number;
-    textColor: string;
-    activeTextColor: string;
-    iconColor: string;
+    textColor: ColorValue;
+    activeTextColor: ColorValue;
+    iconColor: ColorValue;
     iconPosition: TabbedIconPositions;
-    activeIconColor: string;
+    activeIconColor: ColorValue;
     borderRadiusAll: boolean;
     borderRadius: number;
 }
 export interface AccordionedSectionSettings extends SectionSettings {
     type: SectionTypes.Accordion;
     labelPadding: SpacingSettings;
-    tabColor: string;
-    activeTabColor: string;
-    labelColor: string;
-    activeLabelColor: string;
-    textColor: string;
-    activeTextColor: string;
-    iconColor: string;
-    activeIconColor: string;
+    tabColor: ColorValue;
+    activeTabColor: ColorValue;
+    labelColor: ColorValue;
+    activeLabelColor: ColorValue;
+    textColor: ColorValue;
+    activeTextColor: ColorValue;
+    iconColor: ColorValue;
+    activeIconColor: ColorValue;
     borderRadiusAll: boolean;
     borderRadius: number;
     collapsed: boolean;
@@ -458,11 +458,15 @@ export interface SectionLayoutInheritanceBehaviors {
 }
 export interface LayoutEditorCanvasStore extends ILayoutCanvasStore {
     getters: {
+        zoomLevel: () => number;
         getLayout: () => Layout;
         getDefinitionBuilder: () => ILayoutCanvasDefinitionBuilder;
         getSelectedLayoutItem: () => LayoutItem;
     };
     mutations: {
+        zoom: (zoom: number) => void;
+        zoomOut: () => void;
+        zoomIn: () => void;
         disableAnchorLink: () => void;
         disableAuth: () => void;
         setCanvasMode: (mode: LayoutCanvasModes) => void;
@@ -491,7 +495,13 @@ export interface LayoutEditorCanvasStore extends ILayoutCanvasStore {
 export interface LayoutRendererCanvasStore extends ILayoutCanvasStore {
 }
 export interface ILayoutCanvasStore {
+    getters: {
+        zoomLevel: () => number;
+    };
     mutations: {
+        zoom: (zoom: number) => void;
+        zoomOut: () => void;
+        zoomIn: () => void;
         setLayout: (layout: Layout) => void;
         setTheme: (layoutThemeDefinition: ThemeDefinition, blockThemeDefinition: ThemeDefinition) => void;
         setLayoutBackgroundImageElementId: (elementId: string) => void;

package/internal-do-not-import-from-here/shared/models/theming/ChromeDefinition.d.ts

@@ -2,7 +2,7 @@ import { GuidValue } from "../Guid";
 import { VelcronAppDefinition } from "../velcron";
 import { BoxDimensions } from "./BlueprintDefinition";
 import { SpacingSettings } from "./SpacingSetting";
-import { ColorType } from "./ThemeDefinitionV2";
+import { ColorValue } from "./ThemeDefinitionV2";
 export interface ChromeDefinition {
     id: GuidValue;
     name: string;
@@ -12,20 +12,14 @@ export interface ChromeDefinition {
     };
     styles: {
         background?: {
+            color?: ColorValue;
             filled?: boolean;
             opacity?: number;
-            colorType?: ColorType;
-            toned?: boolean;
-            customColor?: string;
         };
         spacing?: SpacingSettings;
         elevation?: number;
         borderRadius?: BoxDimensions;
         border?: BoxDimensions;
-        borderColor?: {
-            colorType?: ColorType;
-            toned?: boolean;
-            customColor?: string;
-        };
+        borderColor?: ColorValue;
     };
 }

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -39,10 +39,6 @@ export interface ColorSchemas {
     error: ColorSchema;
     info: ColorSchema;
 }
-export interface ColorGroup {
-    dark: ColorSchema;
-    light: ColorSchema;
-}
 export interface ThemeDefinitionV2 {
     id: Guid;
     name: string;
@@ -73,3 +69,23 @@ export interface ColorGradient {
     color: string;
     stop?: number;
 }
+export interface ThemedColorValue {
+    colorType: ColorType;
+    toned?: boolean;
+    colorSchemaType?: ColorSchemaType;
+}
+export type ColorValue = string | ThemedColorValue;
+export declare enum RadialGradientShapes {
+    circle = 0,
+    ellipse = 1
+}
+export interface BackgroundColorValue {
+    colors: Array<ColorValue>;
+}
+export interface LinearGradientBackgroundColorValue extends BackgroundColorValue {
+    degrees: number;
+}
+export interface RadialGradientBackgroundColorValue extends BackgroundColorValue {
+    shape: RadialGradientShapes;
+    position?: number;
+}

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorTypes = exports.ColorSchemaTypes = void 0;
+exports.RadialGradientShapes = exports.ColorTypes = exports.ColorSchemaTypes = void 0;
 var ColorSchemaTypes;
 (function (ColorSchemaTypes) {
     ColorSchemaTypes["primary"] = "primary";
@@ -20,3 +20,8 @@ var ColorTypes;
     ColorTypes["container"] = "container";
     ColorTypes["onContainer"] = "onContainer";
 })(ColorTypes || (exports.ColorTypes = ColorTypes = {}));
+var RadialGradientShapes;
+(function (RadialGradientShapes) {
+    RadialGradientShapes[RadialGradientShapes["circle"] = 0] = "circle";
+    RadialGradientShapes[RadialGradientShapes["ellipse"] = 1] = "ellipse";
+})(RadialGradientShapes || (exports.RadialGradientShapes = RadialGradientShapes = {}));

package/internal-do-not-import-from-here/shared/models/theming/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./ThemeDefinitionV2";
 export * from "./TypographyDefinition";
-export * from "./OmniaThemes";
 export * from "./UseThemeMethods";
 export * from "./BlueprintDefinition";
 export * from "./SpacingSetting";

package/internal-do-not-import-from-here/shared/models/theming/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./ThemeDefinitionV2"), exports);
 tslib_1.__exportStar(require("./TypographyDefinition"), exports);
-tslib_1.__exportStar(require("./OmniaThemes"), exports);
+//export * from "./OmniaThemes";
 tslib_1.__exportStar(require("./UseThemeMethods"), exports);
 tslib_1.__exportStar(require("./BlueprintDefinition"), exports);
 tslib_1.__exportStar(require("./SpacingSetting"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx-models",
   "license": "MIT",
-  "version": "8.0.84-dev",
+  "version": "8.0.85-dev",
   "description": "Provide Omnia Fx Models Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.d.ts

@@ -1,5 +0,0 @@
-import { ThemeDefinitionV2 } from "./ThemeDefinitionV2";
-export declare class OmniaThemes {
-    static ligthTheme(): ThemeDefinitionV2;
-    static darkTheme(): ThemeDefinitionV2;
-}

package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OmniaThemes = void 0;
-class OmniaThemes {
-    static ligthTheme() {
-        return JSON.parse(lightDefinition);
-    }
-    static darkTheme() {
-        return JSON.parse(darkDefinition);
-    }
-}
-exports.OmniaThemes = OmniaThemes;
-const lightDefinition = `
-{"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}}}}
-`;
-const darkDefinition = `
-{"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}}}}
-`;