rotion 0.0.1

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Annotation/Annotation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { RichTextProps } from '../RichText.types';
+declare const Annotation: ({ textObject, children }: RichTextProps) => React.JSX.Element;
+export default Annotation;

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Annotation/index.d.ts

@@ -0,0 +1,2 @@
+import Annotation from './Annotation';
+export { Annotation };

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Equation/Equation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { EquationProps } from './Equation.types';
+declare const Equation: ({ textObject }: EquationProps) => React.JSX.Element;
+export default Equation;

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Equation/Equation.types.d.ts

@@ -0,0 +1,6 @@
+import type { EquationRichTextItemResponse } from 'notionate-pages';
+import type { ReactNode } from 'react';
+export interface EquationProps {
+    textObject: EquationRichTextItemResponse;
+    children?: ReactNode;
+}

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Equation/index.d.ts

@@ -0,0 +1,2 @@
+import Equation from './Equation';
+export { Equation };

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/LinkIfLinked/LinkIfLinked.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TextLinkProps, LinkIfLinkedProps } from './LinkIfLinked.types';
+export declare const TextLink: ({ textObject, children }: TextLinkProps) => React.JSX.Element;
+declare const LinkIfLinked: ({ condition, textObject, children }: LinkIfLinkedProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+export default LinkIfLinked;

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/LinkIfLinked/LinkIfLinked.types.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { RichTextItemResponse } from 'notionate-pages';
+export interface TextLinkProps {
+    textObject: RichTextItemResponse;
+    key?: string;
+    children?: ReactNode;
+}
+export interface LinkIfLinkedProps {
+    condition: boolean;
+    textObject: RichTextItemResponse;
+    children: React.ReactNode;
+}

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/LinkIfLinked/index.d.ts

@@ -0,0 +1,2 @@
+import LinkIfLinked from './LinkIfLinked';
+export { LinkIfLinked };

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Mention/Mention.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MentionProps } from './Mention.types';
+declare const Mention: ({ textObject, children }: MentionProps) => React.JSX.Element;
+export default Mention;

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Mention/Mention.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import type { MentionRichTextItemResponseEx } from 'notionate-pages';
+export interface MentionProps {
+    textObject?: MentionRichTextItemResponseEx;
+    children?: ReactNode;
+}

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Mention/UserMention/UserMention.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { UserMentionProps } from './UserMention.types';
+declare const UserMention: ({ children }: UserMentionProps) => React.JSX.Element;
+export default UserMention;

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Mention/UserMention/UserMention.types.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export interface UserMentionProps {
+    children: ReactNode;
+}

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Mention/UserMention/index.d.ts

@@ -0,0 +1,2 @@
+import UserMention from './UserMention';
+export { UserMention };

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Mention/index.d.ts

@@ -0,0 +1,2 @@
+import Mention from './Mention';
+export { Mention };

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/RichText.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { RichTextProps } from './RichText.types';
+declare const RichText: ({ textObject }: RichTextProps) => React.JSX.Element;
+export default RichText;

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/RichText.types.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { RichTextItemResponse, RichTextItemResponseEx } from 'notionate-pages';
+export interface RichTextProps {
+    textObject?: RichTextItemResponseEx | RichTextItemResponse;
+    key?: string;
+    children?: ReactNode;
+}

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Text/Text.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TextProps } from './Text.types';
+declare const Text: ({ textObject }: TextProps) => React.JSX.Element;
+export default Text;

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Text/Text.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import type { TextRichTextItemResponse } from 'notionate-pages';
+export interface TextProps {
+    textObject: TextRichTextItemResponse;
+    children?: ReactNode;
+}

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/Text/index.d.ts

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

package/dist/ui.backup/esm/types/components/Page/TextBlock/RichText/index.d.ts

@@ -0,0 +1,2 @@
+import RichText from './RichText';
+export { RichText };

package/dist/ui.backup/esm/types/components/Page/TextBlock/TextBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TextBlockProps } from './TextBlock.types';
+declare const TextBlock: ({ tag, block }: TextBlockProps) => React.JSX.Element;
+export default TextBlock;

package/dist/ui.backup/esm/types/components/Page/TextBlock/TextBlock.types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { RichTextItemResponse } from 'notionate-pages';
+export interface TextBlockProps {
+    tag: keyof JSX.IntrinsicElements;
+    block: RichTextItemResponse[] | undefined;
+}

package/dist/ui.backup/esm/types/components/Page/TextBlock/index.d.ts

@@ -0,0 +1,2 @@
+import TextBlock from './TextBlock';
+export { TextBlock };

package/dist/ui.backup/esm/types/components/Page/ToDoBlock/ToDoBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToDoBlockProps } from './ToDoBlock.types';
+declare const ToDoBlock: ({ block }: ToDoBlockProps) => React.JSX.Element;
+export default ToDoBlock;

package/dist/ui.backup/esm/types/components/Page/ToDoBlock/ToDoBlock.types.d.ts

@@ -0,0 +1,4 @@
+import type { ToDoBlockObjectResponse } from 'notionate-pages';
+export type ToDoBlockProps = {
+    block: ToDoBlockObjectResponse;
+};

package/dist/ui.backup/esm/types/components/Page/ToDoBlock/index.d.ts

@@ -0,0 +1,2 @@
+import ToDoBlock from './ToDoBlock';
+export { ToDoBlock };

package/dist/ui.backup/esm/types/components/Page/ToggleBlock/ToggleBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToggleBlockProps } from './ToggleBlock.types';
+declare const ToggleBlock: ({ block }: ToggleBlockProps) => React.JSX.Element;
+export default ToggleBlock;

package/dist/ui.backup/esm/types/components/Page/ToggleBlock/ToggleBlock.types.d.ts

@@ -0,0 +1,4 @@
+import type { ToggleBlockObjectResponseEx } from 'notionate-pages';
+export interface ToggleBlockProps {
+    block: ToggleBlockObjectResponseEx;
+}

package/dist/ui.backup/esm/types/components/Page/ToggleBlock/index.d.ts

@@ -0,0 +1,2 @@
+import ToggleBlock from './ToggleBlock';
+export { ToggleBlock };

package/dist/ui.backup/esm/types/components/Page/VideoBlock/VideoBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { VideoBlockProps } from './VideoBlock.types';
+declare const VideoBlock: ({ block }: VideoBlockProps) => React.JSX.Element;
+export default VideoBlock;

package/dist/ui.backup/esm/types/components/Page/VideoBlock/VideoBlock.types.d.ts

@@ -0,0 +1,4 @@
+import type { VideoBlockObjectResponseEx } from 'notionate-pages';
+export interface VideoBlockProps {
+    block: VideoBlockObjectResponseEx;
+}

package/dist/ui.backup/esm/types/components/Page/VideoBlock/index.d.ts

@@ -0,0 +1,2 @@
+import VideoBlock from './VideoBlock';
+export { VideoBlock };

package/dist/ui.backup/esm/types/components/Page/index.d.ts

@@ -0,0 +1,2 @@
+import Page from './Page';
+export { Page };

package/dist/ui.backup/esm/types/components/Table/Table.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableProps } from './Table.types';
+export declare const Table: ({ keys, db, href, link, query }: TableProps) => React.JSX.Element;
+export default Table;

package/dist/ui.backup/esm/types/components/Table/Table.types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="node" />
+import type { ReactNode } from 'react';
+import type { QueryDatabaseResponseEx } from 'notionate-pages';
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../types';
+export interface TableProps {
+    keys: string[];
+    db: QueryDatabaseResponseEx;
+    href?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    children?: ReactNode;
+}

package/dist/ui.backup/esm/types/components/Table/TableCheckboxField/TableCheckboxField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableCheckboxFieldProps } from './TableCheckboxField.types';
+export declare const TableCheckboxField: ({ payload }: TableCheckboxFieldProps) => React.JSX.Element;
+export default TableCheckboxField;

package/dist/ui.backup/esm/types/components/Table/TableCheckboxField/TableCheckboxField.types.d.ts

@@ -0,0 +1,3 @@
+export interface TableCheckboxFieldProps {
+    payload: boolean;
+}

package/dist/ui.backup/esm/types/components/Table/TableCheckboxField/index.d.ts

@@ -0,0 +1,2 @@
+import TableCheckboxField from './TableCheckboxField';
+export { TableCheckboxField };

package/dist/ui.backup/esm/types/components/Table/TableDateField/TableDateField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableDateFieldProps } from './TableDateField.types';
+declare const TableDateField: ({ payload }: TableDateFieldProps) => React.JSX.Element;
+export default TableDateField;

package/dist/ui.backup/esm/types/components/Table/TableDateField/TableDateField.types.d.ts

@@ -0,0 +1,4 @@
+import type { DateResponse } from 'notionate-pages';
+export interface TableDateFieldProps {
+    payload: DateResponse | null;
+}

package/dist/ui.backup/esm/types/components/Table/TableDateField/index.d.ts

@@ -0,0 +1,2 @@
+import TableDateField from './TableDateField';
+export { TableDateField };

package/dist/ui.backup/esm/types/components/Table/TableHandler.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableHandlerProps } from './TableHandler.types';
+declare const TableHandler: ({ name, items, path, slug, link, query }: TableHandlerProps) => React.JSX.Element | undefined;
+export default TableHandler;

package/dist/ui.backup/esm/types/components/Table/TableHandler.types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="node" />
+import type { GetPagePropertyResponse } from 'notionate-pages';
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../types';
+export interface TableHandlerProps {
+    name: string;
+    items: GetPagePropertyResponse | undefined;
+    path?: string;
+    slug?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}

package/dist/ui.backup/esm/types/components/Table/TableIcon/TableIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableIconProps } from './TableIcon.types';
+declare const TableIcon: ({ type }: TableIconProps) => React.JSX.Element;
+export default TableIcon;

package/dist/ui.backup/esm/types/components/Table/TableIcon/TableIcon.types.d.ts

@@ -0,0 +1,3 @@
+export interface TableIconProps {
+    type: string;
+}

package/dist/ui.backup/esm/types/components/Table/TableIcon/index.d.ts

@@ -0,0 +1,2 @@
+import TableIcon from './TableIcon';
+export { TableIcon };

package/dist/ui.backup/esm/types/components/Table/TableMultiSelectField/TableMultiSelectField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableMultiSelectFieldProps } from './TableMultiSelectField.types';
+declare const TableMultiSelectField: ({ payload, path, link }: TableMultiSelectFieldProps) => React.JSX.Element;
+export default TableMultiSelectField;

package/dist/ui.backup/esm/types/components/Table/TableMultiSelectField/TableMultiSelectField.types.d.ts

@@ -0,0 +1,7 @@
+import type { MultiSelectPropertyItemObjectResponse } from 'notionate-pages';
+import type { Link } from '../../types';
+export interface TableMultiSelectFieldProps {
+    payload: MultiSelectPropertyItemObjectResponse;
+    path?: string;
+    link?: Link;
+}

package/dist/ui.backup/esm/types/components/Table/TableMultiSelectField/index.d.ts

@@ -0,0 +1,2 @@
+import TableMultiSelectField from './TableMultiSelectField';
+export { TableMultiSelectField };

package/dist/ui.backup/esm/types/components/Table/TableNumberField/TableNumberField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableNumberFieldProps } from './TableNumberField.types';
+declare const TableNumberField: ({ payload }: TableNumberFieldProps) => React.JSX.Element;
+export default TableNumberField;

package/dist/ui.backup/esm/types/components/Table/TableNumberField/TableNumberField.types.d.ts

@@ -0,0 +1,4 @@
+import type { NumberPropertyItemObjectResponse } from 'notionate-pages';
+export interface TableNumberFieldProps {
+    payload: NumberPropertyItemObjectResponse;
+}

package/dist/ui.backup/esm/types/components/Table/TableNumberField/index.d.ts

@@ -0,0 +1,2 @@
+import TableNumberField from './TableNumberField';
+export { TableNumberField };

package/dist/ui.backup/esm/types/components/Table/TablePropertyNameAndIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TablePropertyNameAndIconProps } from './TablePropertyNameAndIcon.types';
+declare const TablePropertyNameAndIcon: ({ name, db }: TablePropertyNameAndIconProps) => React.JSX.Element;
+export default TablePropertyNameAndIcon;

package/dist/ui.backup/esm/types/components/Table/TablePropertyNameAndIcon.types.d.ts

@@ -0,0 +1,5 @@
+import type { QueryDatabaseResponseEx } from 'notionate-pages';
+export interface TablePropertyNameAndIconProps {
+    name: string;
+    db: QueryDatabaseResponseEx;
+}

package/dist/ui.backup/esm/types/components/Table/TableRichTextField/TableRichTextField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableRichTextFieldProps } from './TableRichTextField.types';
+declare const TableRichTextField: ({ payload }: TableRichTextFieldProps) => React.JSX.Element;
+export default TableRichTextField;

package/dist/ui.backup/esm/types/components/Table/TableRichTextField/TableRichTextField.types.d.ts

@@ -0,0 +1,4 @@
+import type { RichTextPropertyItemObjectResponse } from 'notionate-pages';
+export interface TableRichTextFieldProps {
+    payload?: RichTextPropertyItemObjectResponse;
+}

package/dist/ui.backup/esm/types/components/Table/TableRichTextField/index.d.ts

@@ -0,0 +1,2 @@
+import TableRichTextField from './TableRichTextField';
+export { TableRichTextField };

package/dist/ui.backup/esm/types/components/Table/TableSelectField/TableSelectField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableSelectFieldProps } from './TableSelectField.types';
+declare const TableSelectField: ({ payload, path, link }: TableSelectFieldProps) => React.JSX.Element;
+export default TableSelectField;

package/dist/ui.backup/esm/types/components/Table/TableSelectField/TableSelectField.types.d.ts

@@ -0,0 +1,7 @@
+import type { SelectPropertyItemObjectResponse } from 'notionate-pages';
+import type { Link } from '../../types';
+export interface TableSelectFieldProps {
+    payload: SelectPropertyItemObjectResponse;
+    path?: string;
+    link?: Link;
+}

package/dist/ui.backup/esm/types/components/Table/TableSelectField/index.d.ts

@@ -0,0 +1,2 @@
+import TableSelectField from './TableSelectField';
+export { TableSelectField };

package/dist/ui.backup/esm/types/components/Table/TableTitleField/TableTitleField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableTitleFieldProps } from './TableTitleField.types';
+declare const TableTitleField: ({ payload, path, slug, link, query }: TableTitleFieldProps) => React.JSX.Element;
+export default TableTitleField;

package/dist/ui.backup/esm/types/components/Table/TableTitleField/TableTitleField.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="node" />
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { TitlePropertyItemObjectResponse } from 'notionate-pages';
+import type { Link } from '../../types';
+export interface TableTitleFieldProps {
+    payload: Array<TitlePropertyItemObjectResponse>;
+    path?: string;
+    slug?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}

package/dist/ui.backup/esm/types/components/Table/TableTitleField/index.d.ts

@@ -0,0 +1,2 @@
+import TableTitleField from './TableTitleField';
+export { TableTitleField };

package/dist/ui.backup/esm/types/components/Table/TableUrlField/TableUrlField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TableUrlFieldProps } from './TableUrlField.types';
+declare const TableUrlField: ({ payload }: TableUrlFieldProps) => React.JSX.Element;
+export default TableUrlField;

package/dist/ui.backup/esm/types/components/Table/TableUrlField/TableUrlField.types.d.ts

@@ -0,0 +1,3 @@
+export interface TableUrlFieldProps {
+    payload: string | null;
+}

package/dist/ui.backup/esm/types/components/Table/TableUrlField/index.d.ts

@@ -0,0 +1,2 @@
+import TableUrlField from './TableUrlField';
+export { TableUrlField };

package/dist/ui.backup/esm/types/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+import Table from './Table';
+export { Table };

package/dist/ui.backup/esm/types/components/index.d.ts

@@ -0,0 +1,56 @@
+export * from './Gallery';
+export * from './Gallery/GalleryCard';
+export * from './Gallery/GalleryCheckboxField';
+export * from './Gallery/GalleryDateField';
+export * from './Gallery/GalleryMultiSelectField';
+export * from './Gallery/GalleryNumberField';
+export * from './Gallery/GalleryRichTextField';
+export * from './Gallery/GalleryTitleField';
+export * from './Gallery/GalleryUrlField';
+export * from './List';
+export * from './List/ListCheckboxField';
+export * from './List/ListDateField';
+export * from './List/ListMultiSelectField';
+export * from './List/ListNumberField';
+export * from './List/ListRichTextField';
+export * from './List/ListTitleField';
+export * from './List/ListUrlField';
+export * from './Table';
+export * from './Table/TableCheckboxField';
+export * from './Table/TableDateField';
+export * from './Table/TableIcon';
+export * from './Table/TableMultiSelectField';
+export * from './Table/TableNumberField';
+export * from './Table/TableRichTextField';
+export * from './Table/TableSelectField';
+export * from './Table/TableTitleField';
+export * from './Table/TableUrlField';
+export * from './Page';
+export * from './Page/BookmarkBlock';
+export * from './Page/BreadcrumbBlock';
+export * from './Page/BulletedListBlocks';
+export * from './Page/CalloutBlock';
+export * from './Page/ChildDatabaseBlock';
+export * from './Page/ChildPageBlock';
+export * from './Page/CodeBlock';
+export * from './Page/ColumnListBlock';
+export * from './Page/EmbedBlock';
+export * from './Page/EquationBlock';
+export * from './Page/FileBlock';
+export * from './Page/ImageBlock';
+export * from './Page/LinkPreviewBlock';
+export * from './Page/ListBlock';
+export * from './Page/NumberedListBlocks';
+export * from './Page/PageIcon';
+export * from './Page/PdfBlock';
+export * from './Page/SyncedBlock';
+export * from './Page/TableBlock';
+export * from './Page/TableOfContentsBlock';
+export * from './Page/TemplateBlock';
+export * from './Page/TextBlock';
+export * from './Page/TextBlock/RichText';
+export * from './Page/ToDoBlock';
+export * from './Page/ToggleBlock';
+export * from './Page/VideoBlock';
+export * from './lib';
+export * from './types';

package/dist/ui.backup/esm/types/components/lib.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="node" />
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import { ListBlockChildrenResponseEx } from 'notionate-pages';
+export declare function queryToString(q: ParsedUrlQueryInput | undefined): string;
+export declare const getLinkPathAndLinkKey: (link: string) => [string, string];
+export declare function UsePagination<T>(pages: T[], perPage: number): {
+    currentData(): T[];
+    next(): void;
+    currentPage: number;
+    maxPage: number;
+};
+export declare function BuildPlainTextByPage(blocks: ListBlockChildrenResponseEx): string;
+export declare function pathBasename(str: string): string;

package/dist/ui.backup/esm/types/components/types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="node" />
+import React from 'react';
+import type { UrlObject } from 'node:url';
+export interface Link extends React.FC<{
+    children: string | React.ReactNode;
+    className?: string;
+    href: string | UrlObject;
+}> {
+}
+export interface ExternalModules {
+    mermaid?: {
+        init: (config?: {}, nodes?: string | HTMLElement, callback?: ((id: string) => unknown) | undefined) => Promise<void>;
+    };
+    prism?: {
+        highlightElement: (element: Element, async?: boolean | undefined, callback?: (element: Element) => void | undefined) => void;
+    };
+}

package/dist/ui.backup/esm/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/ui.backup/styles/base.css

@@ -0,0 +1,44 @@
+.notionate {
+  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.notionate-select-default {
+  color: rgb(50, 48, 44);
+  background-color: rgba(227, 226, 224, 0.5);
+}
+.notionate-select-gray {
+  color: rgb(50, 48, 44);
+  background-color: rgb(227, 226, 224);
+}
+.notionate-select-brown {
+  color: rgb(68, 42, 30);
+  background-color: rgb(238, 224, 218);
+}
+.notionate-select-orange {
+  color: rgb(73, 41, 14);
+  background-color: rgb(250, 222, 201);
+}
+.notionate-select-yellow {
+  color: rgb(64, 44, 27);
+  background-color: rgb(253, 236, 200);
+}
+.notionate-select-green {
+  color: rgb(28, 56, 41);
+  background-color: rgb(219, 237, 219);
+}
+.notionate-select-blue {
+  color: rgb(24, 51, 71);
+  background-color: rgb(211, 229, 239);
+}
+.notionate-select-purple {
+  color: rgb(65, 36, 84);
+  background-color: rgb(232, 222, 238);
+}
+.notionate-select-pink {
+  color: rgb(76, 35, 55);
+  background-color: rgb(245, 224, 233);
+}
+.notionate-select-red {
+  color: rgb(93, 23, 21);
+  background-color: rgb(255, 226, 221);
+}