import { html, svg } from 'lit'; import { fontIcon, icon } from './utils.js'; // Paragraph icons const TextSVG = svg``; export const TextIcon = icon(TextSVG, 20); export const TitleIcon = html` `; /** * When icons with same shape with have multiple sizes, mark them as Small, _, Large size * For example: TextIconSmall, TextIcon, TextIconLarge */ export const TextIconLarge = icon(TextSVG); export const Heading1Icon = html` `; export const Heading2Icon = html` `; export const Heading3Icon = html` `; export const Heading4Icon = html` `; export const Heading5Icon = html` `; export const Heading6Icon = html` `; const BulletedListSVG = svg``; export const BulletedListIcon = icon(BulletedListSVG, 20); export const BulletedListIconLarge = icon(BulletedListSVG, 24); const NumberedListSVG = svg``; export const NumberedListIconLarge = icon(NumberedListSVG, 24); export const NumberedListIcon = icon(NumberedListSVG, 20); export const DatabaseTableViewSVG = svg``; /** * Size 24 * * See also {@link DatabaseTableViewIcon20} */ export const DatabaseTableViewIcon = icon(DatabaseTableViewSVG); export const DatabaseTableViewIcon20 = icon(DatabaseTableViewSVG, 20); export const DatabaseKanbanViewSVG = svg``; /** * Size 24 * * See also {@link DatabaseKanbanViewIcon20} */ export const DatabaseKanbanViewIcon = icon(DatabaseKanbanViewSVG); export const DatabaseKanbanViewIcon20 = icon(DatabaseKanbanViewSVG, 20); export const CheckBoxIcon = html` `; export const CodeBlockIcon = html` `; export const QuoteIcon = html` `; export const DividerIcon = html` `; // Format icons export const BoldIcon = html` `; export const ItalicIcon = html` `; export const UnderlineIcon = html` `; export const StrikethroughIcon = html` `; export const CodeIcon = html` `; const LinkSVG = svg``; export const LinkIcon = icon(LinkSVG, 20); export const FontLinkIcon = fontIcon(LinkSVG); // Slash menu action icons export const CopyIcon = html` `; export const DuplicateIcon = html` `; export const DeleteIcon = html` `; // Date & Time icons export const TodayIcon = html` `; export const TomorrowIcon = html` `; export const YesterdayIcon = html` `; export const NowIcon = html` `; // Misc icons export const CrossIcon = html` `; const InsertBlocksIcon = svg``; export const BlockHubIcon20 = html` ${InsertBlocksIcon} `; export const BlockHubIcon = html` `; export const BlockHubRoundedRectangleIcon = html` `; export const SearchIcon = html` `; export const RefreshIcon = html` `; export const WebIconSVG = svg` `; export const WebIcon16 = icon(WebIconSVG, 16); // Link Icon /** * ✅ */ export const ConfirmIcon = html` `; /** * 🖊️ */ export const NewEditIcon = html` `; /** * 🖊️ */ export const OpenIcon = html` `; export const EditIcon = html` `; export const UnlinkIcon = html` `; // Image Icon export const CaptionIcon = html` `; export const DownloadIcon = html` `; export const WrapIcon = html` `; export const CancelWrapIcon = html` `; // Attachment export const ViewIcon = html` `; export const EmbedWebIcon = html` `; export const ArrowDownIcon = html` `; export const ShapeArrowDownSmallIcon = html` `; // Linked Page const PageIconSVG = svg``; const LinkedPageSVG = svg` `; export const FontPageIcon = fontIcon(PageIconSVG); export const FontLinkedPageIcon = fontIcon(LinkedPageSVG); export const PageIcon = icon(PageIconSVG, 20); export const SmallPageIcon = icon(PageIconSVG, 16); export const LinkedPageIcon = icon(LinkedPageSVG, 20); export const NewPageIcon = html` `; export const DualLinkSVG = svg``; export const DualLinkIcon = icon(DualLinkSVG, 20); export const DualLinkIcon16 = icon(DualLinkSVG, 16); export const ArrowDownSmallIcon = html` `; export const AddCursorIcon = html` `; export const FontFamilyIcon = html` `; const AttachmentSVG = svg``; export const AttachmentIcon = icon(AttachmentSVG, 20); export const AttachmentIcon16 = icon(AttachmentSVG, 16); export const TextBackgroundDuotoneIcon = html` `; export const TextForegroundDuotoneIcon = html` `; const HighLightDuotoneSVG = svg` `; export const HighLightDuotoneIcon = icon(HighLightDuotoneSVG, 20); export const ArrowRightBigIcon = html` `; export const ArrowLeftBigIcon = html` `; export const ExpandWideIcon = html` `; export const ExpandFullIcon = html` `; export const MoveLeftIcon = html` `; export const MoveRightIcon = html` `; export const ArrowUpBigIcon = html` `; export const ArrowDownBigIcon = html` `; export const PaletteIcon = html` `; export const LightLoadingIcon = html` `; export const DarkLoadingIcon = html` `; 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` `;