@docusaurus/theme-classic 2.0.0-beta.fbdeefcac → 2.0.0-rc.1

package/lib/theme/IconEdit/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const IconEdit = ({
-  className,
-  ...restProps
-}) => {
-  return <svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" className={(0, _clsx.default)(_stylesModule.default.iconEdit, className)} aria-hidden="true" {...restProps}>
-      <g>
-        <path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z" />
-      </g>
-    </svg>;
-};
-
-var _default = IconEdit;
-exports.default = _default;

package/lib/theme/IconExternalLink/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const IconExternalLink = ({
-  width = 13.5,
-  height = 13.5
-}) => {
-  return <svg width={width} height={height} aria-hidden="true" viewBox="0 0 24 24" className={_stylesModule.default.iconExternalLink}>
-      <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z" />
-    </svg>;
-};
-
-var _default = IconExternalLink;
-exports.default = _default;

package/lib/theme/IconLanguage/index.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const IconLanguage = ({
-  width = 20,
-  height = 20,
-  ...props
-}) => {
-  return <svg viewBox="0 0 20 20" width={width} height={height} aria-hidden="true" {...props}>
-      <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z" />
-    </svg>;
-};
-
-var _default = IconLanguage;
-exports.default = _default;

package/lib/theme/IconMenu/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const IconMenu = ({
-  width = 30,
-  height = 30,
-  className,
-  ...restProps
-}) => {
-  return <svg className={className} width={width} height={height} viewBox="0 0 30 30" aria-hidden="true" {...restProps}>
-      <path stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="M4 7h22M4 15h22M4 23h22" />
-    </svg>;
-};
-
-var _default = IconMenu;
-exports.default = _default;

package/lib/theme/LayoutHead/index.js

@@ -1,144 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LayoutHead;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Head = _interopRequireDefault(require("@docusaurus/Head"));
-
-var _useDocusaurusContext = _interopRequireDefault(require("@docusaurus/useDocusaurusContext"));
-
-var _useBaseUrl = _interopRequireDefault(require("@docusaurus/useBaseUrl"));
-
-var _SearchMetadatas = _interopRequireDefault(require("@theme/SearchMetadatas"));
-
-var _Seo = _interopRequireDefault(require("@theme/Seo"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-var _router = require("@docusaurus/router");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// Useful for SEO
-// See https://developers.google.com/search/docs/advanced/crawling/localized-versions
-// See https://github.com/facebook/docusaurus/issues/3317
-function AlternateLangHeaders() {
-  const {
-    i18n: {
-      defaultLocale,
-      locales
-    }
-  } = (0, _useDocusaurusContext.default)();
-  const alternatePageUtils = (0, _themeCommon.useAlternatePageUtils)(); // Note: it is fine to use both "x-default" and "en" to target the same url
-  // See https://www.searchviu.com/en/multiple-hreflang-tags-one-url/
-
-  return <_Head.default>
-      {locales.map(locale => <link key={locale} rel="alternate" href={alternatePageUtils.createUrl({
-      locale,
-      fullyQualified: true
-    })} hrefLang={locale} />)}
-      <link rel="alternate" href={alternatePageUtils.createUrl({
-      locale: defaultLocale,
-      fullyQualified: true
-    })} hrefLang="x-default" />
-    </_Head.default>;
-} // Default canonical url inferred from current page location pathname
-
-
-function useDefaultCanonicalUrl() {
-  const {
-    siteConfig: {
-      url: siteUrl
-    }
-  } = (0, _useDocusaurusContext.default)();
-  const {
-    pathname
-  } = (0, _router.useLocation)();
-  return siteUrl + (0, _useBaseUrl.default)(pathname);
-}
-
-function CanonicalUrlHeaders({
-  permalink
-}) {
-  const {
-    siteConfig: {
-      url: siteUrl
-    }
-  } = (0, _useDocusaurusContext.default)();
-  const defaultCanonicalUrl = useDefaultCanonicalUrl();
-  const canonicalUrl = permalink ? `${siteUrl}${permalink}` : defaultCanonicalUrl;
-  return <_Head.default>
-      <meta property="og:url" content={canonicalUrl} />
-      <link rel="canonical" href={canonicalUrl} />
-    </_Head.default>;
-}
-
-function LayoutHead(props) {
-  const {
-    siteConfig: {
-      favicon,
-      themeConfig: {
-        metadatas,
-        image: defaultImage
-      }
-    },
-    i18n: {
-      currentLocale,
-      localeConfigs
-    }
-  } = (0, _useDocusaurusContext.default)();
-  const {
-    title,
-    description,
-    image,
-    keywords,
-    searchMetadatas
-  } = props;
-  const faviconUrl = (0, _useBaseUrl.default)(favicon);
-  const pageTitle = (0, _themeCommon.useTitleFormatter)(title); // See https://github.com/facebook/docusaurus/issues/3317#issuecomment-754661855
-  // const htmlLang = currentLocale.split('-')[0];
-
-  const htmlLang = currentLocale; // should we allow the user to override htmlLang with localeConfig?
-
-  const htmlDir = localeConfigs[currentLocale].direction;
-  return <>
-      <_Head.default>
-        <html lang={htmlLang} dir={htmlDir} />
-        {favicon && <link rel="shortcut icon" href={faviconUrl} />}
-        <title>{pageTitle}</title>
-        <meta property="og:title" content={pageTitle} />
-        {image || defaultImage && <meta name="twitter:card" content="summary_large_image" />}
-      </_Head.default>
-
-      <_Seo.default {...{
-      description,
-      keywords,
-      image
-    }} />
-
-      <CanonicalUrlHeaders />
-
-      <AlternateLangHeaders />
-
-      <_SearchMetadatas.default tag={_themeCommon.DEFAULT_SEARCH_TAG} locale={currentLocale} {...searchMetadatas} />
-
-      <_Head.default // it's important to have an additional <Head> element here,
-    // as it allows react-helmet to override values set in previous <Head>
-    // ie we can override default metadatas such as "twitter:card"
-    // In same Head, the same meta would appear twice instead of overriding
-    // See react-helmet doc
-    >
-        {metadatas.map((metadata, i) => <meta key={`metadata_${i}`} {...metadata} />)}
-      </_Head.default>
-    </>;
-}

package/lib/theme/LayoutProviders/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LayoutProviders;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ThemeProvider = _interopRequireDefault(require("@theme/ThemeProvider"));
-
-var _UserPreferencesProvider = _interopRequireDefault(require("@theme/UserPreferencesProvider"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function LayoutProviders({
-  children
-}) {
-  return <_ThemeProvider.default>
-      <_themeCommon.AnnouncementBarProvider>
-        <_UserPreferencesProvider.default>
-          <_themeCommon.DocsPreferredVersionContextProvider>
-            {children}
-          </_themeCommon.DocsPreferredVersionContextProvider>
-        </_UserPreferencesProvider.default>
-      </_themeCommon.AnnouncementBarProvider>
-    </_ThemeProvider.default>;
-}

package/lib/theme/Navbar/styles.module.css

@@ -1,20 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-@media screen and (max-width: 997px) {
-  .displayOnlyInLargeViewport {
-    display: none !important;
-  }
-}
-
-.navbarHideable {
-  transition: transform var(--ifm-transition-fast) ease;
-}
-
-.navbarHidden {
-  transform: translate3d(0, calc(-100% - 2px), 0);
-}

package/lib/theme/NavbarItem/LocaleDropdownNavbarItem.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LocaleDropdownNavbarItem;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _DefaultNavbarItem = _interopRequireDefault(require("@theme/NavbarItem/DefaultNavbarItem"));
-
-var _IconLanguage = _interopRequireDefault(require("@theme/IconLanguage"));
-
-var _useDocusaurusContext = _interopRequireDefault(require("@docusaurus/useDocusaurusContext"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function LocaleDropdownNavbarItem({
-  mobile,
-  dropdownItemsBefore,
-  dropdownItemsAfter,
-  ...props
-}) {
-  const {
-    i18n: {
-      currentLocale,
-      locales,
-      localeConfigs
-    }
-  } = (0, _useDocusaurusContext.default)();
-  const alternatePageUtils = (0, _themeCommon.useAlternatePageUtils)();
-
-  function getLocaleLabel(locale) {
-    return localeConfigs[locale].label;
-  }
-
-  const localeItems = locales.map(locale => {
-    const to = `pathname://${alternatePageUtils.createUrl({
-      locale,
-      fullyQualified: false
-    })}`;
-    return {
-      isNavLink: true,
-      label: getLocaleLabel(locale),
-      to,
-      target: '_self',
-      autoAddBaseUrl: false,
-      className: locale === currentLocale ? 'dropdown__link--active' : '',
-      style: {
-        textTransform: 'capitalize'
-      }
-    };
-  });
-  const items = [...dropdownItemsBefore, ...localeItems, ...dropdownItemsAfter]; // Mobile is handled a bit differently
-
-  const dropdownLabel = mobile ? 'Languages' : getLocaleLabel(currentLocale);
-  return <_DefaultNavbarItem.default {...props} href="#" mobile={mobile} label={<span>
-          <_IconLanguage.default style={{
-      verticalAlign: 'text-bottom',
-      marginRight: 5
-    }} />
-          <span>{dropdownLabel}</span>
-        </span>} items={items} />;
-}

package/lib/theme/SearchMetadatas/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SearchMetadatas;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Head = _interopRequireDefault(require("@docusaurus/Head"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// Note: we don't couple this to Algolia/DocSearch on purpose
-// We may want to support other search engine plugins too
-// Search plugins should swizzle/override this comp to add their behavior
-function SearchMetadatas({
-  locale,
-  version,
-  tag
-}) {
-  return <_Head.default>
-      {locale && <meta name="docusaurus_locale" content={locale} />}
-      {version && <meta name="docusaurus_version" content={version} />}
-      {tag && <meta name="docusaurus_tag" content={tag} />}
-    </_Head.default>;
-}

package/lib/theme/Seo/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Seo;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Head = _interopRequireDefault(require("@docusaurus/Head"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-var _useBaseUrl = _interopRequireDefault(require("@docusaurus/useBaseUrl"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function Seo({
-  title,
-  description,
-  keywords,
-  image
-}) {
-  const {
-    image: defaultImage
-  } = (0, _themeCommon.useThemeConfig)();
-  const pageTitle = (0, _themeCommon.useTitleFormatter)(title);
-  const pageImage = (0, _useBaseUrl.default)(image || defaultImage, {
-    absolute: true
-  });
-  return <_Head.default>
-      {title && <title>{pageTitle}</title>}
-      {title && <meta property="og:title" content={pageTitle} />}
-
-      {description && <meta name="description" content={description} />}
-      {description && <meta property="og:description" content={description} />}
-
-      {keywords && <meta name="keywords" content={Array.isArray(keywords) ? keywords.join(',') : keywords} />}
-
-      {pageImage && <meta property="og:image" content={pageImage} />}
-      {pageImage && <meta name="twitter:image" content={pageImage} />}
-    </_Head.default>;
-}

package/lib/theme/ThemeContext.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const ThemeContext = _react.default.createContext(undefined);
-
-var _default = ThemeContext;
-exports.default = _default;

package/lib/theme/ThemeProvider/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _useTheme = _interopRequireDefault(require("@theme/hooks/useTheme"));
-
-var _ThemeContext = _interopRequireDefault(require("@theme/ThemeContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function ThemeProvider(props) {
-  const {
-    isDarkTheme,
-    setLightTheme,
-    setDarkTheme
-  } = (0, _useTheme.default)();
-  return <_ThemeContext.default.Provider value={{
-    isDarkTheme,
-    setLightTheme,
-    setDarkTheme
-  }}>
-      {props.children}
-    </_ThemeContext.default.Provider>;
-}
-
-var _default = ThemeProvider;
-exports.default = _default;

package/lib/theme/Toggle/index.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-var _useDocusaurusContext = _interopRequireDefault(require("@docusaurus/useDocusaurusContext"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-require("./styles.css");
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const Dark = ({
-  icon,
-  style
-}) => <span className={(0, _clsx.default)(_stylesModule.default.toggle, _stylesModule.default.dark)} style={style}>
-    {icon}
-  </span>;
-
-const Light = ({
-  icon,
-  style
-}) => <span className={(0, _clsx.default)(_stylesModule.default.toggle, _stylesModule.default.light)} style={style}>
-    {icon}
-  </span>; // Based on react-toggle (https://github.com/aaronshaf/react-toggle/).
-
-
-const Toggle = (0, _react.memo)(({
-  className,
-  icons,
-  checked: defaultChecked,
-  disabled,
-  onChange
-}) => {
-  const [checked, setChecked] = (0, _react.useState)(defaultChecked);
-  const [focused, setFocused] = (0, _react.useState)(false);
-  const inputRef = (0, _react.useRef)(null);
-  return <div className={(0, _clsx.default)('react-toggle', className, {
-    'react-toggle--checked': checked,
-    'react-toggle--focus': focused,
-    'react-toggle--disabled': disabled
-  })}>
-        <div className="react-toggle-track" role="button" tabIndex={-1} onClick={() => {
-      var _inputRef$current;
-
-      return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
-    }}>
-          <div className="react-toggle-track-check">{icons.checked}</div>
-          <div className="react-toggle-track-x">{icons.unchecked}</div>
-          <div className="react-toggle-thumb" />
-        </div>
-
-        <input ref={inputRef} checked={checked} type="checkbox" className="react-toggle-screenreader-only" aria-label="Switch between dark and light mode" onChange={onChange} onClick={() => setChecked(!checked)} onFocus={() => setFocused(true)} onBlur={() => setFocused(false)} />
-      </div>;
-});
-
-function _default(props) {
-  const {
-    colorMode: {
-      switchConfig: {
-        darkIcon,
-        darkIconStyle,
-        lightIcon,
-        lightIconStyle
-      }
-    }
-  } = (0, _themeCommon.useThemeConfig)();
-  const {
-    isClient
-  } = (0, _useDocusaurusContext.default)();
-  return <Toggle disabled={!isClient} icons={{
-    checked: <Dark icon={darkIcon} style={darkIconStyle} />,
-    unchecked: <Light icon={lightIcon} style={lightIconStyle} />
-  }} {...props} />;
-}