+ prop classNames?: DayPickerClassNames
+
+
+ prop classNames?: DayPickerClassNames
+
+ {value.replace(/'/g, '')}
;
-}
-
-DefaultValue.propTypes = {
- value: PropTypes.any,
-};
-
-export default DefaultValue;
diff --git a/website/src/components/PropDetails/Deprecated.js b/website/src/components/PropDetails/Deprecated.js
deleted file mode 100644
index 4ab1027540..0000000000
--- a/website/src/components/PropDetails/Deprecated.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import Description from './Description';
-const EMSPACE = ' ';
-
-/**
- * Display a styled deprecated message.
- */
-function Deprecated({ message }) {
- return (
- <>
-
- Deprecated
-
- {EMSPACE}
- {parts[i]}
;
- }
- return parts;
-}
-
-export default function Description({ as = 'p', children }) {
- const Component = as;
-
- let result = [];
-
- if (Array.isArray(children)) {
- return children.map((token, i) => (
- {name} prop not found
; - } - const { type, defaultValue, categories, description } = prop; - return ( - <> - {categories['@deprecated'] && ( -
-
-
-
- Type
{value.replace(/'/g, '')}
;
- case 'Locale':
- return (
-
-
- Locale
-
-
- );
- default:
- return {name}
;
- }
-}
-
-PropType.propTypes = {
- value: PropTypes.any,
- name: PropTypes.string.isRequired,
-};
-
-export default PropType;
diff --git a/website/src/components/PropDetails/index.js b/website/src/components/PropDetails/index.js
deleted file mode 100644
index 3abe27a174..0000000000
--- a/website/src/components/PropDetails/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './PropDetails';
diff --git a/website/src/components/PropDetails/prop_types.json b/website/src/components/PropDetails/prop_types.json
deleted file mode 100644
index 43fe1bf188..0000000000
--- a/website/src/components/PropDetails/prop_types.json
+++ /dev/null
@@ -1,372 +0,0 @@
-{
- "className": {
- "defaultValue": null,
- "description": "",
- "name": "className",
- "required": false,
- "type": {
- "name": "string"
- },
- "categories": {}
- },
- "classNames": {
- "defaultValue": null,
- "description": "The class names for each DayPicker element.",
- "name": "classNames",
- "required": true,
- "type": {
- "name": "ClassNames"
- },
- "categories": {}
- },
- "modifiersClassNames": {
- "defaultValue": null,
- "description": "The class names for the day modifiers specified via `modifiers`.",
- "name": "modifiersClassNames",
- "required": false,
- "type": {
- "name": "ModifiersClassNames"
- },
- "categories": {}
- },
- "style": {
- "defaultValue": null,
- "description": "",
- "name": "style",
- "required": false,
- "type": {
- "name": "CSSProperties"
- },
- "categories": {}
- },
- "styles": {
- "defaultValue": null,
- "description": "The inline styles for each DayPicker element.",
- "name": "styles",
- "required": true,
- "type": {
- "name": "Styles"
- },
- "categories": {}
- },
- "modifiersStyles": {
- "defaultValue": null,
- "description": "The inline-styles for the day modifiers specified via `modifiers`.",
- "name": "modifiersStyles",
- "required": false,
- "type": {
- "name": "ModifiersStyles"
- },
- "categories": {}
- },
- "initialMonth": {
- "defaultValue": null,
- "description": "The initial month to show in the calendar.",
- "name": "initialMonth",
- "required": false,
- "type": {
- "name": "Date"
- },
- "categories": {}
- },
- "numberOfMonths": {
- "defaultValue": null,
- "description": "The number of months to show in the date picker. See also `pagedNavigation`\nand `reverseMonths`.",
- "name": "numberOfMonths",
- "required": true,
- "type": {
- "name": "number"
- },
- "categories": {}
- },
- "fromMonth": {
- "defaultValue": null,
- "description": "Allow navigation only after this month. See also `toMonth`.",
- "name": "fromMonth",
- "required": false,
- "type": {
- "name": "Date"
- },
- "categories": {}
- },
- "toMonth": {
- "defaultValue": null,
- "description": "Allow navigation only before this month. See also `fromMonth`.",
- "name": "toMonth",
- "required": false,
- "type": {
- "name": "Date"
- },
- "categories": {}
- },
- "pagedNavigation": {
- "defaultValue": null,
- "description": "When displaying multiple months, the navigation will be paginated\ndisplaying the `numberOfMonths` months at time instead of one.",
- "name": "pagedNavigation",
- "required": false,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "reverseMonths": {
- "defaultValue": null,
- "description": "Render the months in reversed order. Useful when `numberOfMonths` is\ngreater than 1, to display the most recent month first.",
- "name": "reverseMonths",
- "required": false,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "month": {
- "defaultValue": null,
- "description": "The rendered month. Passing this props will make the component switch to controlled mode?: this means you will need to implement `onMonthChange` to enable months navigation.",
- "name": "month",
- "required": false,
- "type": {
- "name": "Date"
- },
- "categories": {}
- },
- "fixedWeeks": {
- "defaultValue": null,
- "description": "Display 6 weeks per months, regardless the month’s number of weeks. Outside\ndays will be always shown if setting this to `true`. See also\n`showOutsideDays`.",
- "name": "fixedWeeks",
- "required": false,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "showCaption": {
- "defaultValue": null,
- "description": "Show the month caption displaying the month and the year.",
- "name": "showCaption",
- "required": false,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "showHead": {
- "defaultValue": null,
- "description": "Show the month head containing the weekday names.",
- "name": "showHead",
- "required": false,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "showOutsideDays": {
- "defaultValue": null,
- "description": "Show the outside days. An outside day is a day displayed in a month but\nfalling in the next or the previous month. See also\n`enableOutsideDaysClick`.",
- "name": "showOutsideDays",
- "required": false,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "enableOutsideDaysClick": {
- "defaultValue": null,
- "description": "Enable click event for outside days. See also `showOutsideDays`.",
- "name": "enableOutsideDaysClick",
- "required": false,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "showWeekNumber": {
- "defaultValue": null,
- "description": "Show the week numbers.",
- "name": "showWeekNumber",
- "required": true,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "showNavigation": {
- "defaultValue": null,
- "description": "Show the navigation bar. `onMonthChange` must be set.",
- "name": "showNavigation",
- "required": false,
- "type": {
- "name": "boolean"
- },
- "categories": {}
- },
- "prevLabel": {
- "defaultValue": null,
- "description": "Label used for the previous month button in Navigation. Set it to empty\nstring to hide the button.",
- "name": "prevLabel",
- "required": false,
- "type": {
- "name": "string"
- },
- "categories": {}
- },
- "nextLabel": {
- "defaultValue": null,
- "description": "Label used for the next month button in Navigation. Set it to empty string\nto hide the button.",
- "name": "nextLabel",
- "required": false,
- "type": {
- "name": "string"
- },
- "categories": {}
- },
- "selected": {
- "defaultValue": null,
- "description": "Style the matching days as selected.",
- "name": "selected",
- "required": false,
- "type": {
- "name": "Modifier"
- },
- "categories": {}
- },
- "disabled": {
- "defaultValue": null,
- "description": "Disable the matching days. Disabled days cannot be clicked.",
- "name": "disabled",
- "required": false,
- "type": {
- "name": "Modifier"
- },
- "categories": {}
- },
- "hidden": {
- "defaultValue": null,
- "description": "Hide the matching days.",
- "name": "hidden",
- "required": false,
- "type": {
- "name": "Modifier"
- },
- "categories": {}
- },
- "modifiers": {
- "defaultValue": null,
- "description": "An object of modifiers.",
- "name": "modifiers",
- "required": false,
- "type": {
- "name": "Modifiers"
- },
- "categories": {}
- },
- "locale": {
- "defaultValue": null,
- "description": "DateFns.Locale object used for localization.",
- "name": "locale",
- "required": true,
- "type": {
- "name": "Locale"
- },
- "categories": {}
- },
- "dir": {
- "defaultValue": null,
- "description": "The text direction of the calendar. Use `ltr` for left-to-right (default)\nor `rtl` for right-to-left.",
- "name": "dir",
- "required": false,
- "type": {
- "name": "string"
- },
- "categories": {}
- },
- "formatCaption": {
- "defaultValue": null,
- "description": "Format the month caption text.",
- "name": "formatCaption",
- "required": true,
- "type": {
- "name": "CaptionFormatter"
- },
- "categories": {}
- },
- "formatDay": {
- "defaultValue": null,
- "description": "Format the content of the day element.",
- "name": "formatDay",
- "required": true,
- "type": {
- "name": "DayFormatter"
- },
- "categories": {}
- },
- "formatWeekdayName": {
- "defaultValue": null,
- "description": "Format the weekday's name in the head element.",
- "name": "formatWeekdayName",
- "required": true,
- "type": {
- "name": "WeekdayNameFormatter"
- },
- "categories": {}
- },
- "formatWeekNumber": {
- "defaultValue": null,
- "description": "Format the week numbers (when `showWeekNumber` is set).",
- "name": "formatWeekNumber",
- "required": true,
- "type": {
- "name": "WeekNumberFormatter"
- },
- "categories": {}
- },
- "components": {
- "defaultValue": null,
- "description": "Components to extend DayPicker.",
- "name": "components",
- "required": true,
- "type": {
- "name": "SwizzlingComponents"
- },
- "categories": {}
- },
- "onDayClick": {
- "defaultValue": null,
- "description": "Event handler when the user clicks on a day.",
- "name": "onDayClick",
- "required": false,
- "type": {
- "name": "DayClickEventHandler"
- },
- "categories": {}
- },
- "onMonthChange": {
- "defaultValue": null,
- "description": "Event handler when the month changes, e.g. when using the next/prev\nnavigation buttons.",
- "name": "onMonthChange",
- "required": false,
- "type": {
- "name": "MonthChangeEventHandler"
- },
- "categories": {}
- },
- "onNextClick": {
- "defaultValue": null,
- "description": "Event handler when the next navigation button is clicked.",
- "name": "onNextClick",
- "required": false,
- "type": {
- "name": "MonthChangeEventHandler"
- },
- "categories": {}
- },
- "onPrevClick": {
- "defaultValue": null,
- "description": "Event handler when the prev navigation button is clicked.",
- "name": "onPrevClick",
- "required": false,
- "type": {
- "name": "MonthChangeEventHandler"
- },
- "categories": {}
- }
-}
\ No newline at end of file
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index a716ebe95b..2d5a0f50a9 100755
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i,700,700i&display=swap");
+@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i,700,700i&display=swap');
:root {
--ifm-color-primary: #3f5efb;
@@ -12,13 +12,13 @@
--ifm-font-size-base: 17px;
--ifm-line-height-base: 26px;
--ifm-heading-font-weight: 500;
- --ifm-code-font-family: "IBM Plex Mono", monospace;
+ --ifm-code-font-family: 'IBM Plex Mono', monospace;
--ifm-contents-padding-vertical: 0.75em 0;
--ifm-contents-link-color: var(--ifm-color-primary);
- --ifm-contents-border-color: transparent;
+ /* --ifm-contents-border-color: transparent; */
}
-html[data-theme="dark"] {
+html[data-theme='dark'] {
--ifm-font-base-color: #fff;
}
@@ -26,7 +26,6 @@ html[data-theme="dark"] {
font-weight: 500;
font-size: 1.4em;
}
-
.navbar__logo {
/* display: none; */
}
@@ -51,7 +50,8 @@ article header h1 {
margin-bottom: 1.5rem !important;
}
-.markdown blockquote:first-child {
+.markdown blockquote:first-child,
+#docs + p {
border-left: 0;
font-size: 22px;
letter-spacing: 0.016em;
@@ -61,12 +61,13 @@ article header h1 {
padding-bottom: 1em;
color: var(--ifm-font-base-color);
margin-bottom: 2em !important;
- /* border-bottom: 1px solid var(--ifm-contents-border-color); */
+ border-bottom: 1px solid var(--ifm-contents-border-color);
+ font-style: normal;
}
.markdown a[href*="//"]:after
{
- content: " ↗︎";
+ content: ' ↗︎';
font-size: 0.875em;
display: inline-block;
vertical-align: top;
@@ -78,8 +79,8 @@ ul.contents {
font-size: 1rem !important;
}
-ul.contents li:first-child:before {
- content: "On This Page";
+div > ul.contents > li:first-child:before {
+ content: 'On This Page';
display: block;
margin-bottom: 1em;
}
@@ -96,3 +97,94 @@ ul.contents li:first-child:before {
.navbar .navbar__link {
font-weight: normal;
}
+
+.menu .menu__list-item {
+ margin-top: 1px;
+ margin-bottom: 1px;
+}
+
+.menu .menu__link.menu__link--sublist:after {
+ background-size: 1.5rem 1.5rem;
+}
+.menu .menu__link {
+ border-radius: 0;
+ padding: 0.5rem 0.5rem;
+}
+
+.docs p {
+ margin: 1em 0;
+}
+
+hr {
+ border-width: 0;
+ border-top-width: 1px;
+}
+
+.docs {
+ /* margin-top: -1em; */
+ border-bottom: 1px solid var(--ifm-hr-border-color);
+ margin-bottom: var(--ifm-hr-margin-vertical);
+}
+
+.docs .syntax-keyword {
+ color: tomato;
+}
+
+.docs .syntax {
+ font-size: 0.875em;
+ font-family: var(--ifm-font-family-monospace);
+ margin-bottom: var(--ifm-hr-margin-vertical);
+}
+
+.docs .syntax-identifier {
+ font-weight: 600;
+}
+
+#docs {
+ /* used for autogenerated docs in /docs/api */
+}
+
+#docs ~ h2 {
+ font-weight: 600;
+ margin-bottom: 0.875rem;
+}
+
+#docs ~ h3 {
+ font-weight: 600;
+ margin: 0.875rem 0;
+}
+
+#docs ~ h2 + p {
+ margin-top: 0em;
+ margin-bottom: 0.875rem;
+ font-weight: normal;
+}
+
+.interface-syntax {
+ display: block;
+ padding: 0.5em 0;
+}
+
+/* syntax template */
+
+a > code {
+ color: inherit;
+}
+
+.syntax + p {
+ margin-bottom: 0.5em;
+}
+
+.syntax + p code {
+ background: none;
+ padding: 0;
+ font-size: 1rem;
+}
+
+.syntax + p > code:first-child {
+ color: tomato;
+}
+
+.syntax + p + p {
+ margin-bottom: 1em;
+}
diff --git a/website/src/pages/index.js b/website/src/pages/index.tsx
similarity index 74%
rename from website/src/pages/index.js
rename to website/src/pages/index.tsx
index 8819f7fec1..53a8e8c87c 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.tsx
@@ -1,48 +1,50 @@
-import React from "react";
-import classnames from "classnames";
-import Layout from "@theme/Layout";
-import Link from "@docusaurus/Link";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import useBaseUrl from "@docusaurus/useBaseUrl";
-import styles from "./styles.module.css";
+import React from 'react';
+
+import classnames from 'classnames';
+import Layout from '@theme/Layout';
+import Link from '@docusaurus/Link';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
+import styles from './styles.module.css';
const features = [
{
title: <>Easy to Use>,
- imageUrl: "img/undraw_docusaurus_mountain.svg",
+ imageUrl: 'img/undraw_docusaurus_mountain.svg',
description: (
<>
Docusaurus was designed from the ground up to be easily installed and
used to get your website up and running quickly.
>
- ),
+ )
},
{
title: <>Focus on What Matters>,
- imageUrl: "img/undraw_docusaurus_tree.svg",
+ imageUrl: 'img/undraw_docusaurus_tree.svg',
description: (
<>
Docusaurus lets you focus on your docs, and we'll do the chores. Go
ahead and move your docs into the docs
directory.
>
- ),
+ )
},
{
title: <>Powered by React>,
- imageUrl: "img/undraw_docusaurus_react.svg",
+ imageUrl: 'img/undraw_docusaurus_react.svg',
description: (
<>
Extend or customize your website layout by reusing React. Docusaurus can
be extended while reusing the same header and footer.
>
- ),
- },
+ )
+ }
];
function Feature({ imageUrl, title, description }) {
const imgUrl = useBaseUrl(imageUrl);
return (
- {siteConfig.tagline}