docs: refactor to use TypeScript, ESLint, and Tailwind CSS (#4136)

* docs(refactoring): configured eslint and typescript (#3511) * docs: configured eslint and typescript * fixed yarn.lock * docs(refactoring): migrate components directory to typescript (#3517) * docs: migrate components directory to typescript * removed vscode settings * fix following merge * docs: refactored QueryNote component (#3576) * docs: refactored first batch of theme components (#3579) * docs: refactored second batch of theme components (#3580) * added missing badge styles * fix after merge * docs(refactoring): migrated remaining component to TypeScript (#3770) * docs(refactoring): configured eslint and typescript (#3511) * docs: configured eslint and typescript * fixed yarn.lock * docs(refactoring): migrate components directory to typescript (#3517) * docs: migrate components directory to typescript * removed vscode settings * fix following merge * docs: refactored QueryNote component (#3576) * docs: refactored first batch of theme components (#3579) * docs: refactored second batch of theme components (#3580) * added missing badge styles * docs: refactoring second batch of theme components * fix after merge * refactored icons and other components * docs: refactored all components * docs(refactoring): set up and configured Tailwind Css (#3841) * docs: added tailwind config * docs: added more tailwind configurations * add includes option * added more tailwind configurations * fix to configurations * docs(refactoring): use tailwind css (#4134) * docs: added tailwind config * docs: added more tailwind configurations * add includes option * added more tailwind configurations * fix to configurations * docs(refactoring): refactored all styles to use tailwind css (#4132) * refactored Badge component to use tailwind css * refactored Bordered component to use tailwind css * updated to latest docusaurus * refactored BorderedIcon component to use tailwind css * refactored Feedback component to use tailwind css * refactored icons and footersociallinks to tailwind css * start refactoring of large card * refactored large card styling * refactored until admonitions * refactored until codeblock * refactored until Tabs * refactored Tabs (without testing * finished refactoring styles to tailwind css * upgraded to version 2.4.1 * general fixes * adjusted eslint configurations * fixed ignore files * fixes to large card * fix search styling * fix npx command * updated tabs to use isCodeTabs prop * fixed os tabs * removed os-tabs class in favor of general styling * improvements to buttons * fix for searchbar * fixed redocly download button * chore: added eslint code action (#4135) * small change in commerce modules page
2023-05-19 14:56:48 +03:00
parent 29a88bbf98
commit 94907730d2
292 changed files with 11721 additions and 42102 deletions
--- a/www/docs/src/css/components/toc.css
+++ b/www/docs/src/css/components/toc.css
@@ -0,0 +1,60 @@
+.theme-doc-toc-desktop {
+  @apply tw-pt-3;
+}
+
+.theme-doc-toc-desktop .table-of-contents {
+  @apply !tw-border-l-0 !tw-p-0 tw-text-[12px] tw-relative tw-overflow-y-hidden;
+  @apply before:tw-bg-toc dark:before:tw-bg-toc-dark;
+  @apply before:tw-bg-no-repeat before:tw-bg-[length:14px_10px] before:tw-bg-[center_left];
+  @apply before:tw-pl-[22px] before:tw-content-['On_this_page'] before:tw-pb-0 tw-text-label-small-plus;
+  @apply after:tw-content-[''] after:tw-absolute after:tw-left-0 after:tw-top-[40px];
+  @apply after:tw-h-full after:tw-w-[1px] after:tw-bg-medusa-border-base dark:after:tw-bg-medusa-border-base-dark;
+}
+
+.theme-doc-toc-desktop .table-of-contents .table-of-contents__link {
+  @apply tw-pl-[11px];
+}
+
+.theme-doc-toc-desktop .table-of-contents > li {
+  @apply first:tw-mt-1 [&:not(:first-child)]:tw-mt-0 last:tw-mb-0 [&:not(:last-child)]:tw-mb-[4px];
+}
+
+.theme-doc-toc-desktop .table-of-contents li a + ul {
+  @apply tw-mt-[4px];
+}
+
+.theme-doc-toc-desktop .table-of-contents__link {
+  @apply tw-relative tw-text-label-x-small-plus;
+  @apply hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
+}
+
+.theme-doc-toc-desktop .table-of-contents__link:hover code {
+  @apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
+}
+
+.theme-doc-toc-desktop .table-of-contents__link--active {
+  @apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
+  @apply after:tw-content-[''] after:tw-absolute after:tw-left-0 after:tw-top-0;
+  @apply after:tw-h-full after:tw-w-[1px] after:tw-bg-medusa-text-base dark:after:tw-bg-medusa-text-base-dark;
+  @apply tw-z-[1];
+}
+
+.theme-doc-toc-desktop .table-of-contents__link--active code {
+  @apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
+}
+
+.theme-doc-toc-desktop .table-of-contents li {
+  @apply tw-mx-0;
+}
+
+.theme-doc-toc-desktop .table-of-contents ul li {
+  @apply tw-mt-0;
+}
+
+.table-of-contents ul {
+  @apply tw-pl-0;
+}
+
+.table-of-contents ul .table-of-contents__link {
+  @apply !tw-pl-[27px];
+}