diff --git a/src/js/components/Icons/Icons.tsx b/src/js/components/Icons/Icons.tsx
index b0fa0a0a5d..e769da2c3d 100644
--- a/src/js/components/Icons/Icons.tsx
+++ b/src/js/components/Icons/Icons.tsx
@@ -1,12 +1,10 @@
-import React from 'react';
-
import { createIcon } from '@chakra-ui/react'
export const AllPagesIcon = createIcon({
displayName: 'AllPagesIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -14,7 +12,7 @@ export const ArchiveIcon = createIcon({
displayName: 'ArchiveIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -26,11 +24,19 @@ export const ArrowAngleUpLeftIcon = createIcon({
),
});
+export const ArrowAngleUpRightIcon = createIcon({
+ displayName: 'ArrowAngleUpRightIcon',
+ viewBox: '0 0 14 14',
+ path: (
+ <>
+ ),
+});
+
export const ArrowLeftIcon = createIcon({
displayName: 'ArrowLeftIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -54,7 +60,7 @@ export const ArrowRightIcon = createIcon({
displayName: 'ArrowRightIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -62,7 +68,7 @@ export const ArrowRightOnBoxIcon = createIcon({
displayName: 'ArrowRightOnBoxIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -78,7 +84,7 @@ export const BellIcon = createIcon({
displayName: 'BellIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
@@ -98,6 +104,16 @@ export const BlockIcon = createIcon({
),
});
+export const TextIcon = createIcon({
+ displayName: 'TextIcon',
+ viewBox: '0 0 14 14',
+ path: (
+ <>
+
+
+ ),
+});
+
export const BlockAddIcon = createIcon({
displayName: 'BlockAddIcon',
viewBox: '0 0 14 14',
@@ -134,7 +150,7 @@ export const BookmarkIcon = createIcon({
displayName: 'BookmarkIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -142,7 +158,7 @@ export const BookmarkFillIcon = createIcon({
displayName: 'BookmarkFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -150,7 +166,7 @@ export const BulletIcon = createIcon({
displayName: 'BulletIcon',
viewBox: '0 0 14 14',
path: (
-
+ <>
),
});
@@ -166,7 +182,7 @@ export const CalendarBookmarkIcon = createIcon({
displayName: 'CalendarBookmarkIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -174,7 +190,7 @@ export const CalendarBookmarkFillIcon = createIcon({
displayName: 'CalendarBookmarkFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -206,7 +222,7 @@ export const CalendarEditIcon = createIcon({
displayName: 'CalendarEditIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
),
});
@@ -234,51 +250,46 @@ export const CalendarNowIcon = createIcon({
),
});
-export const CalendarTimeNowIcon = createIcon({
- displayName: 'CalendarTimeNowIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const CalendarTimeNowFillIcon = createIcon({
- displayName: 'CalendarTimeNowFillIcon',
+export const RightSidebarIcon = createIcon({
+ displayName: 'RightSidebarIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
+
),
});
-export const CalendarTomorrowIcon = createIcon({
- displayName: 'CalendarTomorrowIcon',
+export const RightSidebarAddIcon = createIcon({
+ displayName: 'RightSidebarAddIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const CalendarTomorrowFillIcon = createIcon({
- displayName: 'CalendarTomorrowFillIcon',
+export const MenuIcon = createIcon({
+ displayName: 'MenuIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const CalendarYesterdayIcon = createIcon({
- displayName: 'CalendarYesterdayIcon',
+export const HelpIcon = createIcon({
+ displayName: 'HelpIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const CalendarYesterdayFillIcon = createIcon({
- displayName: 'CalendarYesterdayFillIcon',
+export const HelpFillIcon = createIcon({
+ displayName: 'HelpFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
@@ -286,7 +297,7 @@ export const ChatBubbleIcon = createIcon({
displayName: 'ChatBubbleIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
@@ -294,39 +305,7 @@ export const ChatBubbleFillIcon = createIcon({
displayName: 'ChatBubbleFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
- ),
-});
-
-export const CheckboxIcon = createIcon({
- displayName: 'CheckboxIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const CheckmarkIcon = createIcon({
- displayName: 'CheckmarkIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const CheckmarkCircleFillIcon = createIcon({
- displayName: 'CheckmarkCircleFillIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const ChevronDownIcon = createIcon({
- displayName: 'ChevronDownIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
+
),
});
@@ -334,7 +313,7 @@ export const ChevronLeftIcon = createIcon({
displayName: 'ChevronLeftIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
@@ -342,23 +321,23 @@ export const ChevronRightIcon = createIcon({
displayName: 'ChevronRightIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const ChevronUpIcon = createIcon({
- displayName: 'ChevronUpIcon',
+export const EllipsisHorizontalCircleIcon = createIcon({
+ displayName: 'EllipsisHorizontalCircleIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const ColonIcon = createIcon({
- displayName: 'ColonIcon',
+export const SettingsIcon = createIcon({
+ displayName: 'SettingsIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
@@ -366,63 +345,7 @@ export const ContrastIcon = createIcon({
displayName: 'ContrastIcon',
viewBox: '0 0 14 14',
path: (
- <>
- ),
-});
-
-export const ContrastFillIcon = createIcon({
- displayName: 'ContrastFillIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const ControlsIcon = createIcon({
- displayName: 'ControlsIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const DailyNotesIcon = createIcon({
- displayName: 'DailyNotesIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const DashIcon = createIcon({
- displayName: 'DashIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const EllipsisHorizontalIcon = createIcon({
- displayName: 'EllipsisHorizontalIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const EllipsisHorizontalCircleIcon = createIcon({
- displayName: 'EllipsisHorizontalCircleIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const ExclamationCircleFillIcon = createIcon({
- displayName: 'ExclamationCircleFillIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
+
),
});
@@ -430,246 +353,245 @@ export const GraphIcon = createIcon({
displayName: 'GraphIcon',
viewBox: '0 0 14 14',
path: (
- <>
- ),
-});
-
-export const HTMLEmbedIcon = createIcon({
- displayName: 'HTMLEmbedIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-
-export const HelpIcon = createIcon({
- displayName: 'HelpIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
+
),
});
-export const HelpFillIcon = createIcon({
- displayName: 'HelpFillIcon',
+export const TimeNowIcon = createIcon({
+ displayName: 'TimeNowIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const LinkedIcon = createIcon({
- displayName: 'LinkedIcon',
+export const TrashIcon = createIcon({
+ displayName: 'TrashIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const MenuIcon = createIcon({
- displayName: 'MenuIcon',
+export const TemplateIcon = createIcon({
+ displayName: 'TemplateIconIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const PageIcon = createIcon({
- displayName: 'PageIcon',
+export const CalendarTomorrowFillIcon = createIcon({
+ displayName: 'CalendarTomorrowFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const PageAddIcon = createIcon({
- displayName: 'PageAddIcon',
+export const CalendarTomorrowIcon = createIcon({
+ displayName: 'CalendarTomorrowIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
+
),
});
-export const PageFillIcon = createIcon({
- displayName: 'PageFillIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
-});
-export const ParenLeftIcon = createIcon({
- displayName: 'ParenLeftIcon',
+export const CalendarYesterdayIcon = createIcon({
+ displayName: 'CalendarYesterdayIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
+
),
});
-export const ParenRightIcon = createIcon({
- displayName: 'ParenRightIcon',
+export const CalendarYesterdayFillIcon = createIcon({
+ displayName: 'CalendarYesterdayFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const PencilIcon = createIcon({
- displayName: 'PencilIcon',
+export const SearchIcon = createIcon({
+ displayName: 'SearchIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const PencilLineIcon = createIcon({
- displayName: 'PencilLineIcon',
+export const ColonIcon = createIcon({
+ displayName: 'ColonIcon',
viewBox: '0 0 14 14',
path: (
- <>
- ),
-});
+
-export const PersonIcon = createIcon({
- displayName: 'PersonIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
),
});
-export const PersonCircleIcon = createIcon({
- displayName: 'PersonCircleIcon',
+export const DashIcon = createIcon({
+ displayName: 'DashIcon',
viewBox: '0 0 14 14',
path: (
- <>
+
),
});
-export const PlusIcon = createIcon({
- displayName: 'PlusIcon',
+export const ChevronUpIcon = createIcon({
+ displayName: 'ChevronUpIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const PlusSquareIcon = createIcon({
- displayName: 'PlusSquareIcon',
+export const ChevronDownIcon = createIcon({
+ displayName: 'ChevronDownIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const RightSidebarIcon = createIcon({
- displayName: 'RightSidebarIcon',
+export const XmarkIcon = createIcon({
+ displayName: 'XmarkIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const RightSidebarAddIcon = createIcon({
- displayName: 'RightSidebarAddIcon',
+export const PencilIcon = createIcon({
+ displayName: 'PencilIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const SearchIcon = createIcon({
- displayName: 'SearchIcon',
+export const CheckmarkCircleFillIcon = createIcon({
+ displayName: 'CheckmarkCircleFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const SettingsIcon = createIcon({
- displayName: 'SettingsIcon',
+export const ExclamationCircleFillIcon = createIcon({
+ displayName: 'ExclamationCircleFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const SettingsFillIcon = createIcon({
- displayName: 'SettingsFillIcon',
+export const PageIcon = createIcon({
+ displayName: 'PageIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const TemplateIcon = createIcon({
- displayName: 'TemplateIcon',
+export const PageAddIcon = createIcon({
+ displayName: 'PageAddIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const TextIcon = createIcon({
- displayName: 'TextIcon',
+export const PageFillIcon = createIcon({
+ displayName: 'PageFillIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const ThumbsUpIcon = createIcon({
- displayName: 'ThumbsUpIcon',
+export const PersonIcon = createIcon({
+ displayName: 'PersonIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const ThumbsUpFillIcon = createIcon({
- displayName: 'ThumbsUpFillIcon',
+export const CheckboxIcon = createIcon({
+ displayName: 'CheckboxIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const TimeNowIcon = createIcon({
- displayName: 'TimeNowIcon',
+export const HTMLEmbedIcon = createIcon({
+ displayName: 'HTMLEmbedIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const TrashIcon = createIcon({
- displayName: 'TrashIcon',
+export const YoutubeIcon = createIcon({
+ displayName: 'YoutubeIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const UnlinkedIcon = createIcon({
- displayName: 'UnlinkedIcon',
+export const EllipsisHorizontalIcon = createIcon({
+ displayName: 'EllipsisHorizontalIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
});
-export const XmarkIcon = createIcon({
- displayName: 'XmarkIcon',
+export const PlusIcon = createIcon({
+ displayName: 'PlusIcon',
viewBox: '0 0 14 14',
path: (
- <>
+ <>
+
+
),
-});
-export const YoutubeIcon = createIcon({
- displayName: 'YoutubeIcon',
- viewBox: '0 0 14 14',
- path: (
- <>
- ),
});
diff --git a/src/js/components/Page/Page.tsx b/src/js/components/Page/Page.tsx
index 1235207d8f..d3b9c0720f 100644
--- a/src/js/components/Page/Page.tsx
+++ b/src/js/components/Page/Page.tsx
@@ -7,6 +7,7 @@ import { ArrowRightOnBoxIcon, ArrowLeftOnBoxIcon, CalendarCircleFillIcon, Calend
import { useInView } from 'react-intersection-observer';
import { withErrorBoundary } from "react-error-boundary";
+
const PAGE_PROPS = {
as: "article",
display: "grid",
diff --git a/src/js/theme/theme.js b/src/js/theme/theme.js
index 9afbbf10e7..7486f134c4 100644
--- a/src/js/theme/theme.js
+++ b/src/js/theme/theme.js
@@ -356,7 +356,7 @@ const components = {
outline: 'none',
boxShadow: 'focus'
},
- "> .chakra-button__icon, > .chakra-icon": {
+ "> .chakra-button__icon, > .chakra-icon, &.chakra-menu__menu-button > span > .chakra-icon": {
fontSize: buttonIconFontSize[size],
}
}),