import * as icons from '@blocksuite/icons/lit';
import { html, svg } from 'lit';
import { icon } from './utils.js';
// Paragraph icons
export const TextIcon = icons.TextIcon({
width: '20',
height: '20',
});
export const HeadingIcon = icons.HeadingsIcon({
width: '20',
height: '20',
});
export const Heading1Icon = icons.Heading1Icon({
width: '20',
height: '20',
});
export const Heading2Icon = icons.Heading2Icon({
width: '20',
height: '20',
});
export const Heading3Icon = icons.Heading3Icon({
width: '20',
height: '20',
});
export const Heading4Icon = icons.Heading4Icon({
width: '20',
height: '20',
});
export const Heading5Icon = icons.Heading5Icon({
width: '20',
height: '20',
});
export const Heading6Icon = icons.Heading6Icon({
width: '20',
height: '20',
});
export const BulletedListIcon = icons.BulletedListIcon({
width: '20',
height: '20',
});
export const NumberedListIcon = icons.NumberedListIcon({
width: '20',
height: '20',
});
/**
* Size 24
*
* See also {@link DatabaseTableViewIcon20}
*/
export const DatabaseTableViewIcon = icons.DatabaseTableViewIcon({
width: '24',
height: '24',
});
export const DatabaseTableViewIcon20 = icons.DatabaseTableViewIcon({
width: '20',
height: '20',
});
/**
* Size 24
*
* See also {@link DatabaseKanbanViewIcon20}
*/
export const DatabaseKanbanViewIcon = icons.DatabaseKanbanViewIcon({
width: '24',
height: '24',
});
export const DatabaseKanbanViewIcon20 = icons.DatabaseKanbanViewIcon({
width: '20',
height: '20',
});
export const CheckBoxIcon = icons.CheckBoxCheckLinearIcon({
width: '20',
height: '20',
});
export const CodeBlockIcon = icons.CodeBlockIcon({
width: '20',
height: '20',
});
export const QuoteIcon = icons.QuoteIcon({
width: '20',
height: '20',
});
export const DividerIcon = icons.DividerIcon({
width: '20',
height: '20',
});
// Format icons
export const BoldIcon = icons.BoldIcon({
width: '20',
height: '20',
});
export const ItalicIcon = icons.ItalicIcon({
width: '20',
height: '20',
});
export const UnderlineIcon = icons.UnderLineIcon({
width: '20',
height: '20',
});
export const StrikethroughIcon = icons.StrikeThroughIcon({
width: '20',
height: '20',
});
export const CodeIcon = icons.CodeIcon({
width: '20',
height: '20',
});
export const LinkIcon = icons.LinkIcon({
width: '20',
height: '20',
});
// Slash menu action icons
export const CopyIcon = icons.CopyIcon({
width: '20',
height: '20',
});
export const PasteIcon = icons.PasteIcon({
width: '20',
height: '20',
});
export const DuplicateIcon = icons.DuplicateIcon({
width: '20',
height: '20',
});
export const DeleteIcon = icons.DeleteIcon({
width: '20',
height: '20',
});
// Date & Time icons
export const TodayIcon = icons.TodayIcon({
width: '20',
height: '20',
});
export const TomorrowIcon = icons.TomorrowIcon({
width: '20',
height: '20',
});
export const YesterdayIcon = icons.YesterdayIcon({
width: '20',
height: '20',
});
export const NowIcon = icons.NowIcon({
width: '20',
height: '20',
});
// Misc icons
export const CrossIcon = icons.CloseIcon({
width: '24',
height: '24',
});
export const SearchIcon = icons.SearchIcon({
width: '20',
height: '20',
});
export const RefreshIcon = icons.ResetIcon({
width: '20',
height: '20',
});
export const WebIcon16 = icons.PublishIcon({
width: '16',
height: '16',
});
// Link Icon
/**
* ✅
*/
export const ConfirmIcon = icons.DoneIcon({
width: '20',
height: '20',
});
/**
* 🖊️
*/
export const OpenIcon = icons.OpenInNewIcon({
width: '20',
height: '20',
});
export const CenterPeekIcon = icons.CenterPeekIcon({
width: '20',
height: '20',
});
export const ExpandFullSmallIcon = icons.ExpandFullIcon({
width: '20',
height: '20',
});
export const SplitViewIcon = icons.SplitViewIcon({
width: '20',
height: '20',
});
export const EditIcon = icons.EditIcon({
width: '20',
height: '20',
});
export const UnlinkIcon = icons.UnlinkIcon({
width: '20',
height: '20',
});
// Image Icon
export const CaptionIcon = icons.CaptionIcon({
width: '20',
height: '20',
});
export const DownloadIcon = icons.DownloadIcon({
width: '20',
height: '20',
});
export const WrapIcon = icons.WrapIcon({
width: '20',
height: '20',
});
export const CancelWrapIcon = icons.CancelWrapIcon({
width: '20',
height: '20',
});
// Attachment
export const ViewIcon = icons.ViewIcon({
width: '20',
height: '20',
});
export const EmbedWebIcon = icons.EmbedWebIcon({
width: '20',
height: '20',
});
export const ArrowDownIcon = icons.ArrowDownSmallIcon({
width: '20',
height: '20',
});
// Linked Doc
export const FontDocIcon = icons.PageIcon({
width: '1.25em',
height: '1.25em',
style: 'vertical-align: middle; font-size: inherit; margin-bottom: 0.1em;',
});
export const DocIcon = icons.PageIcon({
width: '20',
height: '20',
});
export const SmallDocIcon = icons.PageIcon({
width: '16',
height: '16',
});
export const FontLinkedDocIcon = icons.LinkedPageIcon({
width: '1.25em',
height: '1.25em',
style: 'vertical-align: middle; font-size: inherit; margin-bottom: 0.1em;',
});
export const BlockLinkIcon = icons.BlockLinkIcon({
width: '1.25em',
height: '1.25em',
style: 'vertical-align: middle; font-size: inherit; margin-bottom: 0.1em;',
});
export const LinkedEdgelessIcon = icons.LinkedEdgelessIcon({
width: '20',
height: '20',
});
export const NewDocIcon = icons.PlusIcon({
width: '20',
height: '20',
});
export const DualLinkIcon16 = icons.DualLinkIcon({
width: '16',
height: '16',
});
export const ArrowDownSmallIcon = icons.ArrowDownSmallIcon({
width: '24',
height: '24',
});
export const AddCursorIcon = icons.PlusIcon({
width: '24',
height: '24',
});
export const FontFamilyIcon = icons.FontIcon({
width: '20',
height: '20',
});
export const TextBackgroundDuotoneIcon = html` `;
export const TextForegroundDuotoneIcon = html` `;
const HighLightDuotoneSVG = svg`
`;
export const HighLightDuotoneIcon = icon(HighLightDuotoneSVG, 20);
export const ArrowRightBigIcon = icons.ArrowRightBigIcon({
width: '24',
height: '24',
});
export const ArrowLeftBigIcon = icons.ArrowLeftBigIcon({
width: '24',
height: '24',
});
export const ExpandWideIcon = icons.ExpandWideIcon({
width: '24',
height: '24',
});
export const ExpandFullIcon = icons.ExpandFullIcon({
width: '24',
height: '24',
});
export const ExpandCloseIcon = icons.ExpandCloseIcon({
width: '24',
height: '24',
});
export const MoveLeftIcon = icons.MoveLeftIcon({
width: '24',
height: '24',
});
export const MoveRightIcon = icons.MoveRightIcon({
width: '24',
height: '24',
});
export const ArrowUpBigIcon = icons.ArrowUpBigIcon({
width: '20',
height: '20',
});
export const ArrowDownBigIcon = icons.ArrowDownBigIcon({
width: '20',
height: '20',
});
export const PaletteIcon = icons.PaletteIcon({
width: '20',
height: '20',
});
export const EmbedCardLightBannerIcon = html``;
export const EmbedCardDarkBannerIcon = html``;
export const EmbedCardLightHorizontalIcon = html`
`;
export const EmbedCardDarkHorizontalIcon = html`
`;
export const EmbedCardLightListIcon = html`
`;
export const EmbedCardDarkListIcon = html`
`;
export const EmbedCardLightVerticalIcon = html`
`;
export const EmbedCardDarkVerticalIcon = html`
`;
export const EmbedCardLightCubeIcon = html`
`;
export const EmbedCardDarkCubeIcon = html`
`;
export const EmbedPageIcon = icons.LinkedPageIcon({
width: '16',
height: '16',
});
export const EmbedEdgelessIcon = icons.LinkedEdgelessIcon({
width: '16',
height: '16',
});
export const LinkedDocIcon = icons.LinkedPageIcon({
width: '20',
height: '20',
});