@omnia/fx 7.11.0-preview.x → 7.11.2
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/LICENSE.txt +14 -0
- package/internal-do-not-import-from-here/contexts/InternalAppContext.d.ts +4 -4
- package/internal-do-not-import-from-here/core/Cookies.d.ts +1 -0
- package/internal-do-not-import-from-here/core/console/ConsoleKeyboardShortcuts.d.ts +1 -0
- package/internal-do-not-import-from-here/core/messaging/BuiltInTopics.d.ts +1 -0
- package/internal-do-not-import-from-here/core/utils/AlternateLayoutTitleUtils.d.ts +6 -0
- package/internal-do-not-import-from-here/core/utils/index.d.ts +1 -0
- package/internal-do-not-import-from-here/index.d.ts +1 -0
- package/internal-do-not-import-from-here/manifests/omnia.fx.core.manifest.json +1 -1
- package/internal-do-not-import-from-here/manifests/omnia.fx.manifest.json +1 -1
- package/internal-do-not-import-from-here/manifests/omnia.fx.ux.manifest.json +1 -1
- package/internal-do-not-import-from-here/manifests/omnia.fx.ux.richtexteditor.manifest.json +1 -1
- package/internal-do-not-import-from-here/manifests/omnia.fx.worker.manifest.json +1 -1
- package/internal-do-not-import-from-here/manifests/omnia.vendor.manifest.json +1 -1
- package/internal-do-not-import-from-here/runtime/clientboot/Boot.d.ts +1 -0
- package/internal-do-not-import-from-here/services/AzureOpenAIService.d.ts +2 -1
- package/internal-do-not-import-from-here/services/BusinessProfileService.d.ts +1 -0
- package/internal-do-not-import-from-here/services/SemanticSearchService.d.ts +3 -1
- package/internal-do-not-import-from-here/services/permissions/PermissionService.d.ts +1 -0
- package/internal-do-not-import-from-here/spfx/components/SpfxCustomizeStyle.d.ts +5 -0
- package/internal-do-not-import-from-here/stores/BusinessProfileStore.d.ts +1 -0
- package/internal-do-not-import-from-here/stores/EnterprisePropertyStore.d.ts +0 -1
- package/internal-do-not-import-from-here/stores/GroupIdentityStore.d.ts +1 -0
- package/internal-do-not-import-from-here/stores/ProfileCardStore.d.ts +9 -5
- package/internal-do-not-import-from-here/ux/AnchorLink.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/ComponentDefinitions.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/TokenBasedRouter.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/UxModels.d.ts +32 -0
- package/internal-do-not-import-from-here/ux/UxStyles.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/app/management/api/AppManagementApi.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/appprovisioning/apptitledescription/AppDescriptionInput.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/appprovisioning/apptitledescription/IAppDescriptionInput.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/authsetup/AuthSetupConfirm.d.ts +7 -0
- package/internal-do-not-import-from-here/ux/authsetup/loc/localize.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/confirmdialog/ConfirmDialog.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/confirmdialog/IConfirmDialog.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/draggable/Draggable.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/features/FeatureActivation.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/features/loc/localize.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/filterengine/FilterEngineSettings.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerButton.d.ts +5 -1
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts +5 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutColumn.d.ts +7 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/BlockSettingsPanel.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/LayoutStructure.d.ts +4 -2
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/IBlockTitle.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointSectionSettingsComponent.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointSettingsComponent.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/General.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/tabs/TabBlockSettings.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/factories/EditorLayoutItemFactory.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/layoutcanvas/rules/LayoutItemRules.d.ts +2 -1
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/BlockSettingsProvider.d.ts +4 -4
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/BreakPointManager.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/LayoutItemDelegator.d.ts +16 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/LayoutManager.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutdefinitionsettings/LayoutItemSettingsDefinitions.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.d.ts +6 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/LayoutSectionContainerHelper.d.ts +10 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts +35 -17
- package/internal-do-not-import-from-here/ux/mediapickerproviders/Youtube/YouTubeProvider.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/mediapickerproviders/gptimageprovider/GptImageProvider.css.d.ts +41 -0
- package/internal-do-not-import-from-here/ux/mediapickerproviders/gptimageprovider/GptImageProvider.d.ts +53 -0
- package/internal-do-not-import-from-here/ux/mediapickerproviders/gptimageprovider/PollingImageComponent.d.ts +47 -0
- package/internal-do-not-import-from-here/ux/mediapickerproviders/gptimageprovider/loc/localize.d.ts +23 -0
- package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/MediaflowMedia.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/print/api/PrintHandlerApi.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/profilecard/ProfileCard.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/richtexteditor/IRichTextEditor.d.ts +5 -0
- package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditorSettings.d.ts +13 -1
- package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Alignment/AlignmentNode.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/MediaPickerEditorExtension.d.ts +7 -2
- package/internal-do-not-import-from-here/ux/richtexteditor/extensions/RemoveFormatting/RemoveFormatingNode.d.ts +0 -3
- package/internal-do-not-import-from-here/ux/richtexteditor/extensions/RemoveFormatting/RemoveFormatting.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/richtexteditor/extensions/RemoveFormatting/Utils.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/richtexteditor/extensions/RemoveFormatting/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/richtexteditor/extensions/loc/localize.d.ts +5 -0
- package/internal-do-not-import-from-here/ux/settings/ISettingsPane.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/settings/SettingsPane.css.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/settings/SettingsPane.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/signin/omnia/Renderer.d.ts +4 -4
- package/internal-do-not-import-from-here/ux/social/templates/CommentLikeTemplate.d.ts +2 -0
- package/internal-do-not-import-from-here/wcdefinitions.json +1 -1
- package/internal-do-not-import-from-here/wctypings.d.ts +178 -174
- package/package.json +4 -4
- package/internal-do-not-import-from-here/microsoftteams/MicrosoftTeams.d.ts +0 -5
- package/internal-do-not-import-from-here/shared/models/Bring.d.ts +0 -23
- package/internal-do-not-import-from-here/shared/models/Bring.js +0 -2
- package/internal-do-not-import-from-here/shared/models/Broadcasting.d.ts +0 -25
- package/internal-do-not-import-from-here/shared/models/Broadcasting.js +0 -12
- package/internal-do-not-import-from-here/shared/models/Future.d.ts +0 -52
- package/internal-do-not-import-from-here/shared/models/Future.js +0 -158
- package/internal-do-not-import-from-here/shared/models/Guid.d.ts +0 -17
- package/internal-do-not-import-from-here/shared/models/Guid.js +0 -51
- package/internal-do-not-import-from-here/shared/models/OmniaSharedBootstrapData.d.ts +0 -32
- package/internal-do-not-import-from-here/shared/models/OmniaSharedBootstrapData.js +0 -2
- package/internal-do-not-import-from-here/shared/models/Realtime.d.ts +0 -40
- package/internal-do-not-import-from-here/shared/models/Realtime.js +0 -40
- package/internal-do-not-import-from-here/shared/models/SharedConstants.d.ts +0 -6
- package/internal-do-not-import-from-here/shared/models/SharedConstants.js +0 -10
- package/internal-do-not-import-from-here/shared/models/StringExtensions.d.ts +0 -6
- package/internal-do-not-import-from-here/shared/models/StringExtensions.js +0 -3
- package/internal-do-not-import-from-here/shared/models/Tenant.d.ts +0 -4
- package/internal-do-not-import-from-here/shared/models/Tenant.js +0 -2
- package/internal-do-not-import-from-here/shared/models/Tokens.d.ts +0 -14
- package/internal-do-not-import-from-here/shared/models/Tokens.js +0 -2
- package/internal-do-not-import-from-here/shared/models/Topic.d.ts +0 -10
- package/internal-do-not-import-from-here/shared/models/Topic.js +0 -2
- package/internal-do-not-import-from-here/shared/models/WorkerProxyFuncs.d.ts +0 -8
- package/internal-do-not-import-from-here/shared/models/WorkerProxyFuncs.js +0 -14
- package/internal-do-not-import-from-here/shared/models/Workers.d.ts +0 -29
- package/internal-do-not-import-from-here/shared/models/Workers.js +0 -8
- package/internal-do-not-import-from-here/shared/models/index.d.ts +0 -14
- package/internal-do-not-import-from-here/shared/models/index.js +0 -18
- package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.d.ts +0 -27
- package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.js +0 -2
- package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.d.ts +0 -5
- package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.js +0 -18
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +0 -61
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +0 -24
- package/internal-do-not-import-from-here/shared/models/theming/ThemeMethods.d.ts +0 -11
- package/internal-do-not-import-from-here/shared/models/theming/ThemeMethods.js +0 -143
- package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +0 -29
- package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js +0 -11
- package/internal-do-not-import-from-here/shared/models/theming/index.d.ts +0 -4
- package/internal-do-not-import-from-here/shared/models/theming/index.js +0 -7
- package/internal-do-not-import-from-here/ux/shim-tsx.d.ts +0 -14
|
@@ -1,27 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.OmniaThemes = void 0;
|
|
4
|
-
class OmniaThemes {
|
|
5
|
-
static ligthTheme() {
|
|
6
|
-
return JSON.parse(lightDefinition);
|
|
7
|
-
}
|
|
8
|
-
static darkTheme() {
|
|
9
|
-
return JSON.parse(darkDefinition);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
exports.OmniaThemes = OmniaThemes;
|
|
13
|
-
const lightDefinition = `
|
|
14
|
-
{"dark":false,"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","primary":{"name":"primary","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#005f73","colorStyles":{"all":{"background-color":"#005f73","color":"#005f73"},"background":{"background-color":"#005f73"},"color":{"color":"#005f73"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cee6f0","colorStyles":{"all":{"background-color":"#cee6f0","color":"#cee6f0"},"background":{"background-color":"#cee6f0"},"color":{"color":"#cee6f0"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#061e25","colorStyles":{"all":{"background-color":"#061e25","color":"#061e25"},"background":{"background-color":"#061e25"},"color":{"color":"#061e25"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"secondary":{"name":"secondary","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#414465","colorStyles":{"all":{"background-color":"#414465","color":"#414465"},"background":{"background-color":"#414465"},"color":{"color":"#414465"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e1e0f9","colorStyles":{"all":{"background-color":"#e1e0f9","color":"#e1e0f9"},"background":{"background-color":"#e1e0f9"},"color":{"color":"#e1e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#181a2c","colorStyles":{"all":{"background-color":"#181a2c","color":"#181a2c"},"background":{"background-color":"#181a2c"},"color":{"color":"#181a2c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent1":{"name":"accent1","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent2":{"name":"accent2","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"accent3":{"name":"accent3","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#291805","colorStyles":{"all":{"background-color":"#291805","color":"#291805"},"background":{"background-color":"#291805"},"color":{"color":"#291805"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"neutral":{"name":"neutral","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#fffbfe","colorStyles":{"all":{"background-color":"#fffbfe","color":"#fffbfe"},"background":{"background-color":"#fffbfe"},"color":{"color":"#fffbfe"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e2e0f9","colorStyles":{"all":{"background-color":"#e2e0f9","color":"#e2e0f9"},"background":{"background-color":"#e2e0f9"},"color":{"color":"#e2e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#191a2c","colorStyles":{"all":{"background-color":"#191a2c","color":"#191a2c"},"background":{"background-color":"#191a2c"},"color":{"color":"#191a2c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"background":{"name":"background","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#051f23","colorStyles":{"all":{"background-color":"#051f23","color":"#051f23"},"background":{"background-color":"#051f23"},"color":{"color":"#051f23"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"info":{"name":"info","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,0,0,0.5)","color":"#000000","colorStyles":{"all":{"background-color":"#000000","color":"#000000"},"background":{"background-color":"#000000"},"color":{"color":"#000000"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#051f23","colorStyles":{"all":{"background-color":"#051f23","color":"#051f23"},"background":{"background-color":"#051f23"},"color":{"color":"#051f23"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"error":{"name":"error","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#ba1a1a","colorStyles":{"all":{"background-color":"#ba1a1a","color":"#ba1a1a"},"background":{"background-color":"#ba1a1a"},"color":{"color":"#ba1a1a"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":false,"colorToned":"rgba(0,0,0,0.5)","color":"#ffffff","colorStyles":{"all":{"background-color":"#ffffff","color":"#ffffff"},"background":{"background-color":"#ffffff"},"color":{"color":"#ffffff"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,0,0,0.5)","color":"rgba(0,0,0,0.5)"},"background":{"background-color":"rgba(0,0,0,0.5)"},"color":{"color":"rgba(0,0,0,0.5)"}}},"container":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#ffdad5","colorStyles":{"all":{"background-color":"#ffdad5","color":"#ffdad5"},"background":{"background-color":"#ffdad5"},"color":{"color":"#ffdad5"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onContainer":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#2c1512","colorStyles":{"all":{"background-color":"#2c1512","color":"#2c1512"},"background":{"background-color":"#2c1512"},"color":{"color":"#2c1512"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}}},"typography":{"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","h1":{"large":{"size":48,"lineHeight":50,"weight":600}},"h2":{"large":{"size":32,"lineHeight":36,"weight":600}},"h3":{"large":{"size":20,"lineHeight":26,"weight":600}},"summary":{"large":{"size":24,"lineHeight":32,"weight":600}},"text":{"large":{"size":18,"lineHeight":24,"weight":400}},"caption":{"large":{"size":14,"lineHeight":18,"weight":600}},"link":{"decoration":"underline","large":{"size":18,"lineHeight":22,"weight":400}}}}
|
|
15
|
-
`;
|
|
16
|
-
const darkDefinition = `
|
|
17
|
-
{"dark":true,"id":"a4d7cc01-2235-43c7-881c-cbf2fb92008d","primary":{"name":"primary","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#b3cad3","colorStyles":{"all":{"background-color":"#b3cad3","color":"#b3cad3"},"background":{"background-color":"#b3cad3"},"color":{"color":"#b3cad3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(0,95,115,0.5)","color":"#005f73","colorStyles":{"all":{"background-color":"#005f73","color":"#005f73"},"background":{"background-color":"#005f73"},"color":{"color":"#005f73"}},"colorTonedStyles":{"all":{"background-color":"rgba(0,95,115,0.5)","color":"rgba(0,95,115,0.5)"},"background":{"background-color":"rgba(0,95,115,0.5)"},"color":{"color":"rgba(0,95,115,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#344a52","colorStyles":{"all":{"background-color":"#344a52","color":"#344a52"},"background":{"background-color":"#344a52"},"color":{"color":"#344a52"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(206,230,240,0.5)","color":"#cee6f0","colorStyles":{"all":{"background-color":"#cee6f0","color":"#cee6f0"},"background":{"background-color":"#cee6f0"},"color":{"color":"#cee6f0"}},"colorTonedStyles":{"all":{"background-color":"rgba(206,230,240,0.5)","color":"rgba(206,230,240,0.5)"},"background":{"background-color":"rgba(206,230,240,0.5)"},"color":{"color":"rgba(206,230,240,0.5)"}}}},"secondary":{"name":"secondary","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#c4c4dd","colorStyles":{"all":{"background-color":"#c4c4dd","color":"#c4c4dd"},"background":{"background-color":"#c4c4dd"},"color":{"color":"#c4c4dd"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(65,68,101,0.5)","color":"#414465","colorStyles":{"all":{"background-color":"#414465","color":"#414465"},"background":{"background-color":"#414465"},"color":{"color":"#414465"}},"colorTonedStyles":{"all":{"background-color":"rgba(65,68,101,0.5)","color":"rgba(65,68,101,0.5)"},"background":{"background-color":"rgba(65,68,101,0.5)"},"color":{"color":"rgba(65,68,101,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#444559","colorStyles":{"all":{"background-color":"#444559","color":"#444559"},"background":{"background-color":"#444559"},"color":{"color":"#444559"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(225,224,249,0.5)","color":"#e1e0f9","colorStyles":{"all":{"background-color":"#e1e0f9","color":"#e1e0f9"},"background":{"background-color":"#e1e0f9"},"color":{"color":"#e1e0f9"}},"colorTonedStyles":{"all":{"background-color":"rgba(225,224,249,0.5)","color":"rgba(225,224,249,0.5)"},"background":{"background-color":"rgba(225,224,249,0.5)"},"color":{"color":"rgba(225,224,249,0.5)"}}}},"accent1":{"name":"accent1","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"accent2":{"name":"accent2","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"accent3":{"name":"accent3","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e0c1a3","colorStyles":{"all":{"background-color":"#e0c1a3","color":"#e0c1a3"},"background":{"background-color":"#e0c1a3"},"color":{"color":"#e0c1a3"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(95,64,29,0.5)","color":"#5f401d","colorStyles":{"all":{"background-color":"#5f401d","color":"#5f401d"},"background":{"background-color":"#5f401d"},"color":{"color":"#5f401d"}},"colorTonedStyles":{"all":{"background-color":"rgba(95,64,29,0.5)","color":"rgba(95,64,29,0.5)"},"background":{"background-color":"rgba(95,64,29,0.5)"},"color":{"color":"rgba(95,64,29,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#58432c","colorStyles":{"all":{"background-color":"#58432c","color":"#58432c"},"background":{"background-color":"#58432c"},"color":{"color":"#58432c"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(254,221,190,0.5)","color":"#feddbe","colorStyles":{"all":{"background-color":"#feddbe","color":"#feddbe"},"background":{"background-color":"#feddbe"},"color":{"color":"#feddbe"}},"colorTonedStyles":{"all":{"background-color":"rgba(254,221,190,0.5)","color":"rgba(254,221,190,0.5)"},"background":{"background-color":"rgba(254,221,190,0.5)"},"color":{"color":"rgba(254,221,190,0.5)"}}}},"neutral":{"name":"neutral","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#212121","colorStyles":{"all":{"background-color":"#212121","color":"#212121"},"background":{"background-color":"#212121"},"color":{"color":"#212121"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"background":{"name":"background","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#121212","colorStyles":{"all":{"background-color":"#121212","color":"#121212"},"background":{"background-color":"#121212"},"color":{"color":"#121212"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"info":{"name":"info","base":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#121212","colorStyles":{"all":{"background-color":"#121212","color":"#121212"},"background":{"background-color":"#121212"},"color":{"color":"#121212"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onBase":{"dark":true,"colorToned":"rgba(150,176,180,0.5)","color":"#96b0b4","colorStyles":{"all":{"background-color":"#96b0b4","color":"#96b0b4"},"background":{"background-color":"#96b0b4"},"color":{"color":"#96b0b4"}},"colorTonedStyles":{"all":{"background-color":"rgba(150,176,180,0.5)","color":"rgba(150,176,180,0.5)"},"background":{"background-color":"rgba(150,176,180,0.5)"},"color":{"color":"rgba(150,176,180,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#334b4f","colorStyles":{"all":{"background-color":"#334b4f","color":"#334b4f"},"background":{"background-color":"#334b4f"},"color":{"color":"#334b4f"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(205,231,236,0.5)","color":"#cde7ec","colorStyles":{"all":{"background-color":"#cde7ec","color":"#cde7ec"},"background":{"background-color":"#cde7ec"},"color":{"color":"#cde7ec"}},"colorTonedStyles":{"all":{"background-color":"rgba(205,231,236,0.5)","color":"rgba(205,231,236,0.5)"},"background":{"background-color":"rgba(205,231,236,0.5)"},"color":{"color":"rgba(205,231,236,0.5)"}}}},"error":{"name":"error","base":{"dark":false,"colorToned":"rgba(255,255,255,0.9)","color":"#e5bdc1","colorStyles":{"all":{"background-color":"#e5bdc1","color":"#e5bdc1"},"background":{"background-color":"#e5bdc1"},"color":{"color":"#e5bdc1"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.9)","color":"rgba(255,255,255,0.9)"},"background":{"background-color":"rgba(255,255,255,0.9)"},"color":{"color":"rgba(255,255,255,0.9)"}}},"onBase":{"dark":true,"colorToned":"rgba(207,102,121,0.5)","color":"#CF6679","colorStyles":{"all":{"background-color":"#CF6679","color":"#CF6679"},"background":{"background-color":"#CF6679"},"color":{"color":"#CF6679"}},"colorTonedStyles":{"all":{"background-color":"rgba(207,102,121,0.5)","color":"rgba(207,102,121,0.5)"},"background":{"background-color":"rgba(207,102,121,0.5)"},"color":{"color":"rgba(207,102,121,0.5)"}}},"container":{"dark":true,"colorToned":"rgba(255,255,255,0.1)","color":"#5c3f43","colorStyles":{"all":{"background-color":"#5c3f43","color":"#5c3f43"},"background":{"background-color":"#5c3f43"},"color":{"color":"#5c3f43"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,255,255,0.1)","color":"rgba(255,255,255,0.1)"},"background":{"background-color":"rgba(255,255,255,0.1)"},"color":{"color":"rgba(255,255,255,0.1)"}}},"onContainer":{"dark":false,"colorToned":"rgba(255,217,221,0.5)","color":"#ffd9dd","colorStyles":{"all":{"background-color":"#ffd9dd","color":"#ffd9dd"},"background":{"background-color":"#ffd9dd"},"color":{"color":"#ffd9dd"}},"colorTonedStyles":{"all":{"background-color":"rgba(255,217,221,0.5)","color":"rgba(255,217,221,0.5)"},"background":{"background-color":"rgba(255,217,221,0.5)"},"color":{"color":"rgba(255,217,221,0.5)"}}}},"typography":{"id":"02d9b6c3-5014-4881-879b-3d90f2959b77","h1":{"large":{"size":48,"lineHeight":50,"weight":600}},"h2":{"large":{"size":32,"lineHeight":36,"weight":600}},"h3":{"large":{"size":20,"lineHeight":26,"weight":600}},"summary":{"large":{"size":24,"lineHeight":32,"weight":600}},"text":{"large":{"size":18,"lineHeight":24,"weight":400}},"caption":{"large":{"size":14,"lineHeight":18,"weight":600}},"link":{"decoration":"underline","large":{"size":18,"lineHeight":22,"weight":400}}}}
|
|
18
|
-
`;
|
|
@@ -1,61 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useThemeMethods = void 0;
|
|
4
|
-
const ThemeDefinitionV2_1 = require("./ThemeDefinitionV2");
|
|
5
|
-
const TypographyDefinition_1 = require("./TypographyDefinition");
|
|
6
|
-
const useThemeMethods = (themedefinition) => {
|
|
7
|
-
const colorSchema = (colorSchemaType) => {
|
|
8
|
-
if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.primary) {
|
|
9
|
-
return themedefinition.primary;
|
|
10
|
-
}
|
|
11
|
-
else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.secondary) {
|
|
12
|
-
return themedefinition.secondary;
|
|
13
|
-
}
|
|
14
|
-
else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent1) {
|
|
15
|
-
return themedefinition.accent1;
|
|
16
|
-
}
|
|
17
|
-
else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent2) {
|
|
18
|
-
return themedefinition.accent2;
|
|
19
|
-
}
|
|
20
|
-
else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent3) {
|
|
21
|
-
return themedefinition.accent3;
|
|
22
|
-
}
|
|
23
|
-
else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.background) {
|
|
24
|
-
return themedefinition.background;
|
|
25
|
-
}
|
|
26
|
-
else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.neutral) {
|
|
27
|
-
return themedefinition.neutral;
|
|
28
|
-
}
|
|
29
|
-
else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.error) {
|
|
30
|
-
return themedefinition.error;
|
|
31
|
-
}
|
|
32
|
-
return themedefinition.background;
|
|
33
|
-
};
|
|
34
|
-
const typography = (typographyType) => {
|
|
35
|
-
if (typographyType === TypographyDefinition_1.TypographyTypes.h1) {
|
|
36
|
-
return themedefinition.typography.h1;
|
|
37
|
-
}
|
|
38
|
-
else if (typographyType === TypographyDefinition_1.TypographyTypes.h2) {
|
|
39
|
-
return themedefinition.typography.h2;
|
|
40
|
-
}
|
|
41
|
-
else if (typographyType === TypographyDefinition_1.TypographyTypes.h3) {
|
|
42
|
-
return themedefinition.typography.h3;
|
|
43
|
-
}
|
|
44
|
-
else if (typographyType === TypographyDefinition_1.TypographyTypes.caption) {
|
|
45
|
-
return themedefinition.typography.caption;
|
|
46
|
-
}
|
|
47
|
-
else if (typographyType === TypographyDefinition_1.TypographyTypes.link) {
|
|
48
|
-
return themedefinition.typography.link;
|
|
49
|
-
}
|
|
50
|
-
else if (typographyType === TypographyDefinition_1.TypographyTypes.text) {
|
|
51
|
-
return themedefinition.typography.text;
|
|
52
|
-
}
|
|
53
|
-
return themedefinition.typography.text;
|
|
54
|
-
};
|
|
55
|
-
const color = (colorSchemaType, colorType) => {
|
|
56
|
-
const mappedColorSchema = colorSchema(colorSchemaType);
|
|
57
|
-
if (colorType === ThemeDefinitionV2_1.ColorTypes.base) {
|
|
58
|
-
return mappedColorSchema.base.color;
|
|
59
|
-
}
|
|
60
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.baseTone) {
|
|
61
|
-
return mappedColorSchema.base.colorToned;
|
|
62
|
-
}
|
|
63
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.onBase) {
|
|
64
|
-
return mappedColorSchema.onBase.color;
|
|
65
|
-
}
|
|
66
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.onBaseTone) {
|
|
67
|
-
return mappedColorSchema.onBase.colorToned;
|
|
68
|
-
}
|
|
69
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.container) {
|
|
70
|
-
return mappedColorSchema.container.color;
|
|
71
|
-
}
|
|
72
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.containerTone) {
|
|
73
|
-
return mappedColorSchema.container.colorToned;
|
|
74
|
-
}
|
|
75
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.onContainer) {
|
|
76
|
-
return mappedColorSchema.onContainer.color;
|
|
77
|
-
}
|
|
78
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.onContainerTone) {
|
|
79
|
-
return mappedColorSchema.onContainer.colorToned;
|
|
80
|
-
}
|
|
81
|
-
return colorType;
|
|
82
|
-
};
|
|
83
|
-
const colorDefinition = (colorSchemaType, colorType) => {
|
|
84
|
-
const mappedColorSchema = colorSchema(colorSchemaType);
|
|
85
|
-
if (colorType === ThemeDefinitionV2_1.ColorTypes.base
|
|
86
|
-
|| colorType === ThemeDefinitionV2_1.ColorTypes.baseTone) {
|
|
87
|
-
return mappedColorSchema.base;
|
|
88
|
-
}
|
|
89
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.onBase
|
|
90
|
-
||
|
|
91
|
-
colorType === ThemeDefinitionV2_1.ColorTypes.onBaseTone) {
|
|
92
|
-
return mappedColorSchema.onBase;
|
|
93
|
-
}
|
|
94
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.container
|
|
95
|
-
||
|
|
96
|
-
colorType === ThemeDefinitionV2_1.ColorTypes.containerTone) {
|
|
97
|
-
return mappedColorSchema.container;
|
|
98
|
-
}
|
|
99
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.onContainer
|
|
100
|
-
||
|
|
101
|
-
colorType === ThemeDefinitionV2_1.ColorTypes.onContainerTone) {
|
|
102
|
-
return mappedColorSchema.onContainer;
|
|
103
|
-
}
|
|
104
|
-
return mappedColorSchema.base;
|
|
105
|
-
};
|
|
106
|
-
const complementaryColorType = (colorType) => {
|
|
107
|
-
if (colorType === ThemeDefinitionV2_1.ColorTypes.base
|
|
108
|
-
|| colorType === ThemeDefinitionV2_1.ColorTypes.baseTone) {
|
|
109
|
-
return ThemeDefinitionV2_1.ColorTypes.onBase;
|
|
110
|
-
}
|
|
111
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.onBase
|
|
112
|
-
|| colorType === ThemeDefinitionV2_1.ColorTypes.onBaseTone) {
|
|
113
|
-
return ThemeDefinitionV2_1.ColorTypes.base;
|
|
114
|
-
}
|
|
115
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.container
|
|
116
|
-
|| colorType === ThemeDefinitionV2_1.ColorTypes.containerTone) {
|
|
117
|
-
return ThemeDefinitionV2_1.ColorTypes.onContainer;
|
|
118
|
-
}
|
|
119
|
-
else if (colorType === ThemeDefinitionV2_1.ColorTypes.onContainer
|
|
120
|
-
|| colorType === ThemeDefinitionV2_1.ColorTypes.onContainerTone) {
|
|
121
|
-
return ThemeDefinitionV2_1.ColorTypes.container;
|
|
122
|
-
}
|
|
123
|
-
return colorType;
|
|
124
|
-
};
|
|
125
|
-
const complementaryColor = (colorSchemaType, colorType) => {
|
|
126
|
-
const matchingColorType = complementaryColorType(colorType);
|
|
127
|
-
return color(colorSchemaType, matchingColorType);
|
|
128
|
-
};
|
|
129
|
-
const complementaryColorDefinition = (colorSchemaType, colorType) => {
|
|
130
|
-
const matchingColorType = complementaryColorType(colorType);
|
|
131
|
-
return colorDefinition(colorSchemaType, matchingColorType);
|
|
132
|
-
};
|
|
133
|
-
return {
|
|
134
|
-
colorSchema,
|
|
135
|
-
typography,
|
|
136
|
-
color,
|
|
137
|
-
colorDefinition,
|
|
138
|
-
complementaryColorType,
|
|
139
|
-
complementaryColor,
|
|
140
|
-
complementaryColorDefinition
|
|
141
|
-
};
|
|
142
|
-
};
|
|
143
|
-
exports.useThemeMethods = useThemeMethods;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Guid } from "../Guid";
|
|
2
|
-
export interface TypographyDefinition {
|
|
3
|
-
id: Guid;
|
|
4
|
-
h1: TypographyType;
|
|
5
|
-
h2: TypographyType;
|
|
6
|
-
h3: TypographyType;
|
|
7
|
-
text: TypographyType;
|
|
8
|
-
caption: TypographyType;
|
|
9
|
-
link: TypographyType;
|
|
10
|
-
}
|
|
11
|
-
export interface TypographyType {
|
|
12
|
-
decoration?: string;
|
|
13
|
-
large: TypographyTypeBreakPoint;
|
|
14
|
-
medium?: TypographyTypeBreakPoint;
|
|
15
|
-
small?: TypographyTypeBreakPoint;
|
|
16
|
-
}
|
|
17
|
-
export interface TypographyTypeBreakPoint {
|
|
18
|
-
weight: number;
|
|
19
|
-
size: number;
|
|
20
|
-
lineHeight: number;
|
|
21
|
-
}
|
|
22
|
-
export declare const TypographyTypes: {
|
|
23
|
-
h1: string;
|
|
24
|
-
h2: string;
|
|
25
|
-
h3: string;
|
|
26
|
-
text: string;
|
|
27
|
-
caption: string;
|
|
28
|
-
link: string;
|
|
29
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./ThemeDefinitionV2"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./TypographyDefinition"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./OmniaThemes"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./ThemeMethods"), exports);
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { VNode } from "vue";
|
|
2
|
-
|
|
3
|
-
declare global {
|
|
4
|
-
namespace VueTsxSupport.JSX {
|
|
5
|
-
interface Element extends VNode { }
|
|
6
|
-
//interface ElementClass extends ComponentRenderProxy { }
|
|
7
|
-
//interface ElementAttributesProperty {
|
|
8
|
-
// $props: any; // specify the property name to use
|
|
9
|
-
//}
|
|
10
|
-
//interface IntrinsicElements {
|
|
11
|
-
// [elem: string]: any;
|
|
12
|
-
//}
|
|
13
|
-
}
|
|
14
|
-
}
|