@antscorp/antsomi-ui 1.3.1 → 1.3.2-beta.0

package/dist/types/src/components/atoms/Timeline/Timeline.stories.d.ts

@@ -0,0 +1,67 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.FC<import("antd").TimelineProps> & {
+    Item: React.FC<import("antd").TimelineItemProps>;
+}>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("antd").TimelineProps> & {
+    Item: React.FC<import("antd").TimelineItemProps>;
+}>;
+export declare const Color: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const LastnodeAndReversing: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Custom: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Label: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    } | {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Alternate: () => JSX.Element;
+export declare const RightAlternate: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Items: ComponentStory<any>;

package/dist/types/src/components/atoms/Timeline/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/atoms/Timeline/index.d.ts

@@ -0,0 +1 @@
+export { Timeline } from './Timeline';

package/dist/types/src/components/atoms/Tooltip/Tooltip.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from 'antd';

package/dist/types/src/components/atoms/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("antd").TooltipProps & React.RefAttributes<unknown>> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof import("antd/es/tooltip/PurePanel").default;
+}>;
+export default _default;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<import("antd").TooltipProps & React.RefAttributes<unknown>> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof import("antd/es/tooltip/PurePanel").default;
+}>;
+export declare const Basic: ComponentStory<any>;
+export declare const Arrow: ComponentStory<any>;
+export declare const ColorfulTooltip: ComponentStory<any>;
+export declare const Placement: ComponentStory<any>;
+export declare const AutoShift: ComponentStory<any>;

package/dist/types/src/components/atoms/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from './Tooltip';

package/dist/types/src/components/atoms/Typography/Text.d.ts

@@ -0,0 +1 @@
+export { Typography } from 'antd';

package/dist/types/src/components/atoms/Typography/Typography.stories.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("antd").TypographyProps>;
+export default _default;
+export declare const Default: ComponentStory<import("antd").TypographyProps>;
+export declare const Basic: ComponentStory<any>;
+export declare const TitleComponent: ComponentStory<any>;
+export declare const TextAndLinkComponent: ComponentStory<any>;
+export declare const Interactive: ComponentStory<any>;
+export declare const CopyableAPI: ComponentStory<any>;
+export declare const EditableAPI: ComponentStory<any>;
+export declare const EllipsisAPI: ComponentStory<any>;

package/dist/types/src/components/atoms/Typography/index.d.ts

@@ -0,0 +1 @@
+export { Typography } from './Text';

package/dist/types/src/components/atoms/Watermark/Watermark.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Watermark: import("react").FC<import("antd").WatermarkProps>;

package/dist/types/src/components/atoms/Watermark/Watermark.stories.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("antd").WatermarkProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("antd").WatermarkProps>>;
+export declare const MultilineWatermark: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ImageWatermark: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CustomConfiguration: () => JSX.Element;
+export declare const Font: ComponentStory<any>;

package/dist/types/src/components/atoms/Watermark/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/atoms/Watermark/index.d.ts

@@ -0,0 +1 @@
+export { Watermark } from './Watermark';

package/dist/types/src/components/atoms/index.d.ts

@@ -0,0 +1,32 @@
+export { Button } from './Button';
+export { Divider } from './Divider';
+export { DividerPure } from './DividerPure';
+export { Input, TextArea } from './Input';
+export { InputNumber } from './InputNumber';
+export { Radio, RadioGroupSub, RadioButton } from './Radio';
+export { Space } from './Space';
+export { Tag } from './Tag';
+export { Tooltip } from './Tooltip';
+export { Typography } from './Typography';
+export { Checkbox } from './Checkbox';
+export { message } from './Message';
+export { Segmented } from './Segmented';
+export { Timeline } from './Timeline';
+export { Row, Col } from './Grid';
+export { FloatButton } from './FloatButton';
+export { Skeleton } from './Skeleton';
+export { notification } from './Notification';
+export { Progress } from './Progress';
+export { Pagination } from './Pagination';
+export { Steps } from './Steps';
+export { Empty } from './Empty';
+export { Icon } from './Icon';
+export { Text } from './Text';
+export { Popover } from './Popover';
+export { RequiredLabel } from './RequiredLabel';
+export { Switch } from './Switch';
+export { Slider } from './Slider';
+export { Spin } from './Spin';
+export { Alert } from './Alert';
+export { ScrollBox } from './ScrollBox';
+export type { SliderProps } from './Slider';

package/dist/types/src/components/common/ConfigProvider/ConfigProvider.d.ts

@@ -0,0 +1,10 @@
+import { ConfigProviderProps as AntdConfigProviderProps } from 'antd/es/config-provider';
+import React, { ReactNode } from 'react';
+import { TLocale } from 'src/types';
+import 'src/locales/i18n';
+interface ConfigProviderProps extends Omit<AntdConfigProviderProps, 'locale'> {
+    children?: ReactNode;
+    locale?: TLocale;
+}
+declare const ConfigProvider: React.FC<ConfigProviderProps>;
+export default ConfigProvider;

package/dist/types/src/components/common/ConfigProvider/GlobalStyle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface GlobalStyleProps {
+}
+export declare const GlobalStyle: React.FC<GlobalStyleProps>;
+export {};

package/dist/types/src/components/common/ConfigProvider/index.d.ts

@@ -0,0 +1 @@
+export { default as ConfigProvider } from './ConfigProvider';

package/dist/types/src/components/common/index.d.ts

@@ -0,0 +1 @@
+export { ConfigProvider } from './ConfigProvider';

package/dist/types/src/components/icons/ArrowGrowIcon.d.ts

@@ -0,0 +1 @@
+export declare const ArrowGrowIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/AudioRecordIcon.d.ts

@@ -0,0 +1 @@
+export declare const AudioRecordIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/BugIcon.d.ts

@@ -0,0 +1 @@
+export declare const BugIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/CameraIcon.d.ts

@@ -0,0 +1 @@
+export declare const CameraIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/CaptureIcon.d.ts

@@ -0,0 +1 @@
+export declare const CaptureIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/CheckSlimIcon.d.ts

@@ -0,0 +1 @@
+export declare const CheckSlimIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/CloseIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const CloseIcon: ({ ...props }: {
+    [x: string]: any;
+}) => JSX.Element;

package/dist/types/src/components/icons/CommentIcon.d.ts

@@ -0,0 +1 @@
+export declare const CommentIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/EventIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const EventIcon: ({ ...props }: {
+    [x: string]: any;
+}) => JSX.Element;

package/dist/types/src/components/icons/FreeDrawIcon.d.ts

@@ -0,0 +1 @@
+export declare const FreeDrawIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/GPTIcon.d.ts

@@ -0,0 +1 @@
+export declare const GPTIcon: () => JSX.Element;

package/dist/types/src/components/icons/GPTIconV2.d.ts

@@ -0,0 +1 @@
+export declare const GPTIconV2: () => JSX.Element;

package/dist/types/src/components/icons/GPTIconV3.d.ts

@@ -0,0 +1 @@
+export declare const GPTIconV3: (props: any) => JSX.Element;

package/dist/types/src/components/icons/HighlightIcon.d.ts

@@ -0,0 +1 @@
+export declare const HighlightIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/IdeaIcon.d.ts

@@ -0,0 +1 @@
+export declare const IdeaIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/InvisibleIcon.d.ts

@@ -0,0 +1 @@
+export declare const InvisibleIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/MuteIcon.d.ts

@@ -0,0 +1 @@
+export declare const MuteIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/OpenUrlIcon.d.ts

@@ -0,0 +1 @@
+export declare const OpenUrlIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/PauseIcon.d.ts

@@ -0,0 +1 @@
+export declare const PauseIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/PlaneIcon.d.ts

@@ -0,0 +1 @@
+export declare const PlaneIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/RequestIcon.d.ts

@@ -0,0 +1 @@
+export declare const RequestIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/StopRecordIcon.d.ts

@@ -0,0 +1 @@
+export declare const StopRecordIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/UserIcon.d.ts

@@ -0,0 +1 @@
+export declare const UserIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/VerticalDotsIcon.d.ts

@@ -0,0 +1 @@
+export declare const VerticalDotsIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/WarningIcon.d.ts

@@ -0,0 +1 @@
+export declare const WarningIcon: (props: any) => JSX.Element;

package/dist/types/src/components/icons/index.d.ts

@@ -0,0 +1,25 @@
+export { EventIcon } from './EventIcon';
+export { CloseIcon } from './CloseIcon';
+export { GPTIcon } from './GPTIcon';
+export { GPTIconV2 } from './GPTIconV2';
+export { GPTIconV3 } from './GPTIconV3';
+export { PlaneIcon } from './PlaneIcon';
+export { WarningIcon } from './WarningIcon';
+export { UserIcon } from './UserIcon';
+export { HighlightIcon } from './HighlightIcon';
+export { ArrowGrowIcon } from './ArrowGrowIcon';
+export { CheckSlimIcon } from './CheckSlimIcon';
+export { CommentIcon } from './CommentIcon';
+export { FreeDrawIcon } from './FreeDrawIcon';
+export { InvisibleIcon } from './InvisibleIcon';
+export { AudioRecordIcon } from './AudioRecordIcon';
+export { CameraIcon } from './CameraIcon';
+export { CaptureIcon } from './CaptureIcon';
+export { MuteIcon } from './MuteIcon';
+export { PauseIcon } from './PauseIcon';
+export { StopRecordIcon } from './StopRecordIcon';
+export { VerticalDotsIcon } from './VerticalDotsIcon';
+export { OpenUrlIcon } from './OpenUrlIcon';
+export { BugIcon } from './BugIcon';
+export { IdeaIcon } from './IdeaIcon';
+export { RequestIcon } from './RequestIcon';

package/dist/types/src/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './atoms';
+export * from './molecules';
+export * from './common';
+export * from './organism';

package/dist/types/src/components/molecules/AlignSetting/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/molecules/AlignSetting/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type TAlign = 'left' | 'center' | 'right' | undefined;
+export interface AlignEditProps {
+    className?: string;
+    align?: TAlign;
+    onChange?: (align: TAlign) => void;
+    style?: Object;
+}
+export interface AlignSettingProps extends AlignEditProps {
+    label?: string;
+    labelClassName?: string;
+}
+export declare const ALIGN_TYPE: {
+    LEFT: string;
+    CENTER: string;
+    RIGHT: string;
+};
+export declare const AlignEdit: React.FC<AlignEditProps>;
+export declare const AlignSetting: React.FC<AlignSettingProps>;

package/dist/types/src/components/molecules/AlignSetting/styled.d.ts

@@ -0,0 +1 @@
+export declare const AlignSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/src/components/molecules/AlignSetting/utils.d.ts

@@ -0,0 +1,3 @@
+import { TAlign } from './index';
+export declare const mapAlignToJustifyContent: (value: TAlign) => "center" | "auto" | "end" | "start";
+export declare const mapJustifyContentToAlign: (value: 'start' | 'end' | 'center') => string | undefined;

package/dist/types/src/components/molecules/CaptureScreen/CaptureScreen.d.ts

@@ -0,0 +1,15 @@
+import { IImageEditorProps } from './types';
+declare const CaptureScreen: {
+    (props: IImageEditorProps): JSX.Element;
+    defaultProps: {
+        isOpen: boolean;
+        src: string;
+        alt: string;
+        defaultPositions: {
+            capture: null;
+            record: null;
+        };
+        callback: () => void;
+    };
+};
+export { CaptureScreen };

package/dist/types/src/components/molecules/CaptureScreen/CaptureScreen.stories.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<{
+    (props: import("./types").IImageEditorProps): JSX.Element;
+    defaultProps: {
+        isOpen: boolean;
+        src: string;
+        alt: string;
+        defaultPositions: {
+            capture: null;
+            record: null;
+        };
+        callback: () => void;
+    };
+}>;
+export default _default;
+export declare const Default: ComponentStory<{
+    (props: import("./types").IImageEditorProps): JSX.Element;
+    defaultProps: {
+        isOpen: boolean;
+        src: string;
+        alt: string;
+        defaultPositions: {
+            capture: null;
+            record: null;
+        };
+        callback: () => void;
+    };
+}>;

package/dist/types/src/components/molecules/CaptureScreen/components/CommentBox/CommentBox.d.ts

@@ -0,0 +1,16 @@
+import { CommentBoxProps } from './types';
+declare const CommentBox: {
+    (props: CommentBoxProps): JSX.Element;
+    defaultProps: {
+        info: {
+            id: string;
+            top: number;
+            left: number;
+            index: number;
+            isSubmitted: boolean;
+        };
+        offset: number;
+        onChangeComment: () => void;
+    };
+};
+export { CommentBox };

package/dist/types/src/components/molecules/CaptureScreen/components/CommentBox/index.d.ts

@@ -0,0 +1 @@
+export { CommentBox } from './CommentBox';

package/dist/types/src/components/molecules/CaptureScreen/components/CommentBox/styled.d.ts

@@ -0,0 +1,12 @@
+import { BoxDimensionProps, CommentPointProps } from './types';
+export declare const CommentPoint: import("styled-components").StyledComponent<"div", any, CommentPointProps, never>;
+export declare const RoundedDashed: import("styled-components").StyledComponent<"div", any, {
+    offset: number;
+}, never>;
+export declare const CommentBoxed: import("styled-components").StyledComponent<"div", any, {
+    boxDimension: BoxDimensionProps;
+    isReverseAxisX: boolean;
+    isReverseAxisY: boolean;
+}, never>;
+export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, {}, never>;
+export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/src/components/molecules/CaptureScreen/components/CommentBox/types.d.ts

@@ -0,0 +1,15 @@
+import { CommentListProps } from '../../types';
+export interface BoxDimensionProps {
+    width: number;
+    height: number;
+}
+export interface CommentBoxProps {
+    className?: string;
+    info: CommentListProps;
+    offset: number;
+    boxDimension: BoxDimensionProps;
+    onChangeComment: Function;
+}
+export interface CommentPointProps extends Pick<CommentListProps, 'left' | 'top' | 'isSubmitted' | 'color'> {
+    offset: number;
+}

package/dist/types/src/components/molecules/CaptureScreen/components/Cursor/Cursor.d.ts

@@ -0,0 +1,3 @@
+import { CursorProps } from './types';
+declare const Cursor: (props: CursorProps) => JSX.Element | null;
+export { Cursor };

package/dist/types/src/components/molecules/CaptureScreen/components/Cursor/index.d.ts

@@ -0,0 +1 @@
+export { Cursor } from './Cursor';

package/dist/types/src/components/molecules/CaptureScreen/components/Cursor/styled.d.ts

@@ -0,0 +1,7 @@
+export declare const PlusCursor: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipDrag: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DottedCursor: import("styled-components").StyledComponent<"div", any, {
+    bgColor?: string | undefined;
+    isPointerBox?: boolean | undefined;
+    offset: number;
+}, never>;

package/dist/types/src/components/molecules/CaptureScreen/components/Cursor/types.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface CursorProps {
+    drawItemType: string;
+    isShowCursor: boolean;
+    cursorRef?: React.RefObject<HTMLDivElement>;
+    bgColor?: string;
+    isPointerBox?: boolean;
+    offset: number;
+    children?: any;
+}

package/dist/types/src/components/molecules/CaptureScreen/constants.d.ts

@@ -0,0 +1,41 @@
+import { CSSProperties } from 'react';
+import { BoxDimensionProps } from './components/CommentBox/types';
+import { DrawItemProps } from './types';
+export declare const OFFSET_CENTER = 20;
+export declare const SIZE_ADJUST = 1;
+export declare enum IGNORE_DRAW_ID_LIST {
+    ICON_CLOSE = "antsomi-package-close-draw-icon",
+    BORDER_OVERLAY = "antsomi-package-border-overlay",
+    DRAW_ACTIONS = "antsomi-package-draw-action-options",
+    CLASS_PREVENT_HOVER = "antsomi-package-ignore-hovering-draw"
+}
+export declare const COMMENT_BOX_DIMENSION_FIXED: BoxDimensionProps;
+export declare const styleDrawItem: {
+    MEDIUM: number;
+    SMALL: number;
+    LARGE: number;
+};
+export declare const styleRecordItem: CSSProperties;
+export declare const styleContainer: CSSProperties;
+export declare enum DRAW_KEYS {
+    NULL = "null",
+    HIGHLIGHT = "highlight",
+    COMMENT = "comment",
+    PEN = "pen",
+    ARROW = "arrow",
+    HIDE = "hide",
+    DONE = "done",
+    CANCEL = "cancel"
+}
+export declare enum RECORD_KEYS {
+    DRAGGABLE = "draggable",
+    NULL = "null",
+    START = "start_recorder",
+    STOP = "stop_recorder",
+    PAUSE = "pause_recorder",
+    RESUME = "resume_recorder",
+    UNMUTE = "unmute_recorder",
+    MUTED = "muted_recorder",
+    TIMELINE = "timeline_recorder"
+}
+export declare const DRAW_ACTION_LIST: Array<DrawItemProps>;

package/dist/types/src/components/molecules/CaptureScreen/hooks/useImageEditor.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+import { ImageEditorInstanceProps } from '../types';
+export declare const useImageEditor: (imageEditorRef: RefObject<HTMLDivElement>, options?: {
+    preventCreateInstance: boolean;
+}) => ImageEditorInstanceProps;

package/dist/types/src/components/molecules/CaptureScreen/index.d.ts

@@ -0,0 +1 @@
+export { CaptureScreen } from './CaptureScreen';

package/dist/types/src/components/molecules/CaptureScreen/styled.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare const ContainerCapture: import("styled-components").StyledComponent<"div", any, {
+    isRecord: boolean;
+    imageURL?: string | undefined;
+}, never>;
+export declare const BorderOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FlexColumn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FlexCenter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {
+    isRecord?: boolean | undefined;
+}, never>;
+export declare const DrawerGroups: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperDraggable: import("styled-components").StyledComponent<"strong", any, {}, never>;
+export declare const DrawerGroupItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", any, {
+    isVertical?: boolean | undefined;
+}, never>;
+export declare const PopupBySide: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Heading: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const WrapperColor: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BoxColor: import("styled-components").StyledComponent<"div", any, {
+    bgColor?: string | undefined;
+}, never>;
+export declare const ImageIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const OutlineRemoveContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperRemoveBtn: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/src/components/molecules/CaptureScreen/themes/black.d.ts

@@ -0,0 +1,54 @@
+export declare const blackTheme: {
+    'common.bi.image': string;
+    'common.bisize.width': string;
+    'common.bisize.height': string;
+    'common.backgroundImage': string;
+    'common.backgroundColor': string;
+    'common.border': string;
+    'header.backgroundImage': string;
+    'header.backgroundColor': string;
+    'header.border': string;
+    'loadButton.backgroundColor': string;
+    'loadButton.border': string;
+    'loadButton.color': string;
+    'loadButton.fontFamily': string;
+    'loadButton.fontSize': string;
+    'downloadButton.backgroundColor': string;
+    'downloadButton.border': string;
+    'downloadButton.color': string;
+    'downloadButton.fontFamily': string;
+    'downloadButton.fontSize': string;
+    'menu.normalIcon.color': string;
+    'menu.activeIcon.color': string;
+    'menu.disabledIcon.color': string;
+    'menu.hoverIcon.color': string;
+    'menu.iconSize.width': string;
+    'menu.iconSize.height': string;
+    'submenu.normalIcon.color': string;
+    'submenu.activeIcon.color': string;
+    'submenu.iconSize.width': string;
+    'submenu.iconSize.height': string;
+    'submenu.backgroundColor': string;
+    'submenu.partition.color': string;
+    'submenu.normalLabel.color': string;
+    'submenu.normalLabel.fontWeight': string;
+    'submenu.activeLabel.color': string;
+    'submenu.activeLabel.fontWeight': string;
+    'checkbox.border': string;
+    'checkbox.backgroundColor': string;
+    'range.pointer.color': string;
+    'range.bar.color': string;
+    'range.subbar.color': string;
+    'range.disabledPointer.color': string;
+    'range.disabledBar.color': string;
+    'range.disabledSubbar.color': string;
+    'range.value.color': string;
+    'range.value.fontWeight': string;
+    'range.value.fontSize': string;
+    'range.value.border': string;
+    'range.value.backgroundColor': string;
+    'range.title.color': string;
+    'range.title.fontWeight': string;
+    'colorpicker.button.border': string;
+    'colorpicker.title.color': string;
+};