diff --git a/bun.lock b/bun.lock index 56bfe6da..e3e4b727 100644 --- a/bun.lock +++ b/bun.lock @@ -34,6 +34,7 @@ "@docusaurus/faster": "^3.8.1", "@docusaurus/preset-classic": "^3.8.1", "@mdx-js/react": "^3.0.0", + "@widlarzgroup/docusaurus-ui": "^0.0.2", "clsx": "^2.0.0", "docusaurus-lunr-search": "^3.6.0", "prism-react-renderer": "^2.3.0", @@ -1182,6 +1183,8 @@ "@webassemblyjs/wast-printer": ["@webassemblyjs/wast-printer@1.14.1", "", { "dependencies": { "@webassemblyjs/ast": "1.14.1", "@xtuc/long": "4.2.2" } }, "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw=="], + "@widlarzgroup/docusaurus-ui": ["@widlarzgroup/docusaurus-ui@0.0.2", "", { "peerDependencies": { "@docusaurus/core": "^3.9.2", "@docusaurus/theme-classic": "^3.9.2", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" } }, "sha512-ncO/RddO1/WwpRk+xs9GuQWbEWM2sy6Kj7byjwIyMfvcAqeyHJjXIASxLPCGqty+FPoEVqnBu1ASBez12tYABg=="], + "@xmldom/xmldom": ["@xmldom/xmldom@0.8.11", "", {}, "sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw=="], "@xtuc/ieee754": ["@xtuc/ieee754@1.2.0", "", {}, "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA=="], diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts index 57974627..5379db51 100644 --- a/docs/docusaurus.config.ts +++ b/docs/docusaurus.config.ts @@ -79,6 +79,8 @@ const config: Config = { }, ], + themes: ['@widlarzgroup/docusaurus-ui'], + themeConfig: { image: 'img/twg-social-card.png', navbar: { diff --git a/docs/package.json b/docs/package.json index 6631be56..1d658499 100644 --- a/docs/package.json +++ b/docs/package.json @@ -19,6 +19,7 @@ "@docusaurus/faster": "^3.8.1", "@docusaurus/preset-classic": "^3.8.1", "@mdx-js/react": "^3.0.0", + "@widlarzgroup/docusaurus-ui": "^0.0.2", "clsx": "^2.0.0", "docusaurus-lunr-search": "^3.6.0", "prism-react-renderer": "^2.3.0", diff --git a/docs/src/components/TWGBadge/TWGBadge.module.css b/docs/src/components/TWGBadge/TWGBadge.module.css deleted file mode 100644 index 00acbcaa..00000000 --- a/docs/src/components/TWGBadge/TWGBadge.module.css +++ /dev/null @@ -1,74 +0,0 @@ -.extraContainer { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - margin-top: 0.5rem; - text-align: center; - background-color: var(--ifm-color-primary); - padding: 1rem; - gap: 1rem; - border-radius: 0.5rem; -} - -.extraText { - padding-left: 0.5rem; - padding-right: 0.5rem; - font-weight: bold; - color: var(--ifm-background-color); - text-wrap: nowrap; - font-size: 0.95rem; -} - -.extraButton { - width: 90%; - border: none; - padding: 0.4rem 0.8rem; - font-weight: 500; - background-color: var(--ifm-background-color); - transition: transform 0.3s ease, background-color 0.3s ease; - color: #fff; - border-radius: 0.5rem; -} - -.extraButton:hover { - transform: scale(1.05); - background-color: #fff; -} - -:is(html[class~=dark]) .extraContainer { - background-color: #87ccef; -} - -:is(html[class~=dark]) .extraText { - color: #171717; -} - -:is(html[class~=dark]) .extraButton { - background-color: #171717; -} - - -@media (min-width: 1280px) { - .visibleOnLarge { - display: flex; - } - .visibleOnSmall { - display: none; - } - .extraContainer { - margin: 1rem; - } -} - -@media (max-width: 1279px) { - .visibleOnLarge { - display: none; - } - .visibleOnSmall { - display: flex; - } - .extraContainer { - margin: 2rem 0.2rem 0.2rem 0.2rem; - } -} diff --git a/docs/src/components/TWGBadge/TWGBadge.tsx b/docs/src/components/TWGBadge/TWGBadge.tsx deleted file mode 100644 index 4ab6923e..00000000 --- a/docs/src/components/TWGBadge/TWGBadge.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import styles from './TWGBadge.module.css'; - -interface TWGBadgeProps { - visibleOnLarge?: boolean; -} - -const TWGBadge = ({visibleOnLarge}: TWGBadgeProps) => { - const visibilityClass = visibleOnLarge - ? styles.visibleOnLarge - : styles.visibleOnSmall; - - return ( -
- We are TheWidlarzGroup - - Premium support → - -
- ); -}; - -export default TWGBadge; diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index 24b02af7..5a71deb4 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -1,30 +1,7 @@ +@import '@widlarzgroup/docusaurus-ui/css/custom.css'; + /** * Any CSS included here will be global. The classic template * bundles Infima by default. Infima is a CSS framework designed to * work well for content-centric websites. - */ - -/* You can override the default Infima variables here. */ -:root { - --ifm-code-font-size: 95%; - --ifm-color-primary: #96c9eb; - --ifm-color-primary-dark: #76b8e5; - --ifm-color-primary-darker: #65b0e2; - --ifm-color-primary-darkest: #3597d9; - --ifm-color-primary-light: #b6daf1; - --ifm-color-primary-lighter: #c7e2f4; - --ifm-color-primary-lightest: #f7fbfd; - --ifm-color-secondary: #f4d970; - --ifm-color-secondary-dark: #f1d04f; - --ifm-color-secondary-darker: #f0cc3e; - --ifm-color-secondary-darkest: #e7bc12; - --ifm-color-secondary-light: #f7e291; - --ifm-color-secondary-lighter: #f8e6a2; - --ifm-color-secondary-lightest: #fcf3d3; - --ifm-background-color: #171717; - --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); -} - -.hidden { - display: none !important; -} + */ \ No newline at end of file diff --git a/docs/src/theme/DocItem/Footer/index.tsx b/docs/src/theme/DocItem/Footer/index.tsx deleted file mode 100644 index e2380f11..00000000 --- a/docs/src/theme/DocItem/Footer/index.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import type { WrapperProps } from '@docusaurus/types'; -import TWGBadge from '@site/src/components/TWGBadge/TWGBadge'; -import Footer from '@theme-original/DocItem/Footer'; -import type FooterType from '@theme/DocItem/Footer'; -import { type ReactNode } from 'react'; - -type Props = WrapperProps; - -export default function FooterWrapper(props: Props): ReactNode { - return ( - <> -