docs: documentation changes for release (#4300)

* docs: added manage reservations user guide (#4290)

* docs: added manage reservations user guide

* removed feature flag details

* docs: added how-to for custom reservations (#4292)

* docs: added how-to for custom reservations

* eslint fixes

* docs: added product module documentation (#4287)

* docs: added product module documentation

* added details about optional environment variables

* small fixes

* Remove reference link

* added example usages

* added link to sample project

* address PR feedback

* docs: moved product module guide + added product module tabs (#4307)

* added product module tab

* adjust design of badge

* docs: added onboarding features (#4168)

* added marketplace page

* added subscription roadmap

* added rating for onboarding

* added learning path components

* small fixes

* fix build error

* fix eslint errors

* change roadmaps to recipes

* small change in text

* optimize learning path and notifications

* fix tracking usage

* fix eslint errors

* added enter/exit animation

* allow starting a path using a query parameter

* fix gap between notifications

* address vercel comments

* fixed links issue

* changed create-medusa-app docs steps

* move troubleshooting section

* improved tracking across docs

* fix build errors

* remove console

* added a note about `boilerplate` option

* added troubleshooting section for eagain

* added invite option in cli reference

* added track event for finished onboarding

* update boilerplate option name

* redesigned learning path component

* docs: added how to create widget docs (#4318)

* docs: added how to create widget docs

* remove development guide

* added types

* docs: added details about createCustomAdminHooks (#4288)

* docs: added details about createCustomAdminHooks

* small improvement

* added missing import

* small changes

* docs: added onboarding guide (#4320)

* docs: added how to create widget docs

* remove development guide

* docs: added onboarding guide

* added types

* added recipes link

* small adjustments

* fixed eslint errors

* styling fixes

* change to singular product module

* updated the what's new section

* shorten down medusa react card

* updated tailwind configurations

* fix build error

* fix newspaper icon

* style fixes

* change modal shadow

* fix color of line numbers

* fix code fade color

* docs: updated admin documentations

* eslint fixes

* text changes

* added a note about beta version

* remove empty object argument

* remove demo repo url

* fix selection color for code headers

* general fixes

* fix eslint error

* changed code theme

* added preparation step

* changes regarding beta version

* Update docs/content/modules/products/serverless-module.md

Co-authored-by: Riqwan Thamir <rmthamir@gmail.com>

* Update docs/content/modules/products/serverless-module.md

Co-authored-by: Riqwan Thamir <rmthamir@gmail.com>

---------

Co-authored-by: Riqwan Thamir <rmthamir@gmail.com>
Co-authored-by: Oliver Windall Juhl <59018053+olivermrbl@users.noreply.github.com>

www/docs/src/css/components/docsearch.css

@@ -22,7 +22,7 @@
 
 .DocSearch-Input {
   @apply !tw-text-body-regular !tw-pl-1;
-  @apply placeholder:tw-text-medusa-text-placeholder dark:placeholder:tw-text-medusa-text-placeholder-dark;
+  @apply placeholder:tw-text-medusa-text-muted dark:placeholder:tw-text-medusa-text-muted-dark;
 }
 
 .DocSearch-Dropdown {
@@ -31,7 +31,7 @@
 }
 
 .DocSearch-Hit-source {
-  @apply !tw-m-0 !tw-text-label-small-plus tw-uppercase tw-text-medusa-text-placeholder dark:tw-text-medusa-text-placeholder-dark;
+  @apply !tw-m-0 !tw-text-label-small-plus tw-uppercase tw-text-medusa-text-muted dark:tw-text-medusa-text-muted-dark;
   @apply tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
   @apply !tw-py-[10px] !tw-px-1.5;
 }
@@ -178,7 +178,7 @@ html[data-theme="dark"] .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path {
 }
 
 .DocSearch-Button-Placeholder {
-  @apply tw-text-medusa-text-placeholder dark:tw-text-medusa-text-placeholder-dark;
+  @apply tw-text-medusa-text-muted dark:tw-text-medusa-text-muted-dark;
   @apply !tw-pl-0.5 !tw-text-label-small lg:!tw-block !tw-hidden;
 }
 

www/docs/src/css/components/redocly.css

@@ -45,7 +45,7 @@
 
 
 .redocusaurus h5 + svg {
-  @apply tw-fill-medusa-icon-secondary dark:tw-fill-medusa-icon-secondary-dark;
+  @apply tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark;
 }
 
 .redocusaurus h2 + div + div > div + div {
@@ -86,14 +86,14 @@
 }
 
 .redocusaurus .react-tabs__tab:not(.react-tabs__tab--selected) {
-  @apply !tw-bg-medusa-button-secondary dark:!tw-bg-medusa-button-secondary-dark;
+  @apply !tw-bg-medusa-button-neutral dark:!tw-bg-medusa-button-neutral-dark;
   @apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
   @apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
 }
 
 .redocusaurus ul > li.react-tabs__tab--selected[aria-selected="true"]:not(.tab-error):not(.tab-success) {
-  @apply !tw-bg-medusa-button-primary dark:!tw-bg-medusa-button-primary-dark;
-  @apply !tw-border-medusa-button-primary dark:!tw-border-medusa-button-primary-dark;
+  @apply !tw-bg-medusa-button-brand dark:!tw-bg-medusa-button-brand-dark;
+  @apply !tw-border-medusa-button-brand dark:!tw-border-medusa-button-brand-dark;
   @apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
 }
 
@@ -112,13 +112,13 @@
 }
 
 .redocusaurus .tab-error:not(.react-tabs__tab--selected) {
-  @apply !tw-bg-medusa-button-secondary dark:!tw-bg-medusa-button-secondary-dark;
+  @apply !tw-bg-medusa-button-neutral dark:!tw-bg-medusa-button-neutral-dark;
   @apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
   @apply !tw-text-medusa-support-error dark:!tw-text-medusa-support-error-dark;
 }
 
 .redocusaurus .tab-success:not(.react-tabs__tab--selected) {
-  @apply !tw-bg-medusa-button-secondary dark:!tw-bg-medusa-button-secondary-dark;
+  @apply !tw-bg-medusa-button-neutral dark:!tw-bg-medusa-button-neutral-dark;
   @apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
   @apply !tw-text-medusa-support-success dark:!tw-text-medusa-support-success-dark;
 }
@@ -139,12 +139,12 @@
 .redocusaurus [download] {
   @apply !tw-inline-flex tw-flex-row tw-justify-center tw-items-center;
   @apply !tw-py-[6px] !tw-px-[12px] !tw-rounded !tw-cursor-pointer;
-  @apply !tw-bg-medusa-button-secondary dark:!tw-bg-medusa-button-secondary-dark;
-  @apply hover:!tw-bg-medusa-button-secondary-hover dark:hover:!tw-bg-medusa-button-secondary-hover-dark hover:tw-no-underline;
+  @apply !tw-bg-medusa-button-neutral dark:!tw-bg-medusa-button-neutral-dark;
+  @apply hover:!tw-bg-medusa-button-neutral-hover dark:hover:!tw-bg-medusa-button-neutral-hover-dark hover:tw-no-underline;
   @apply !tw-border !tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
   @apply !tw-text-label-small-plus !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
   @apply hover:!tw-text-medusa-text-base dark:hover:!tw-text-medusa-text-base-dark;
-  @apply focus:!tw-shadow-button-focused dark:focus:!tw-shadow-button-focused-dark;
+  @apply focus:!tw-shadow-focus dark:focus:!tw-shadow-focus-dark;
 }
 
 .redocusaurus [role=menuitem] {

www/docs/src/css/components/tooltip.css

@@ -1,6 +1,6 @@
 .react-tooltip {
   @apply !tw-border !tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
-  @apply !tw-rounded !tw-text-label-x-small-plus !tw-shadow-overlay dark:!tw-shadow-overlay-dark;
+  @apply !tw-rounded !tw-text-label-x-small-plus !tw-shadow-tooltip dark:!tw-shadow-tooltip-dark;
   @apply !tw-py-0.4 !tw-px-1 lg:tw-block tw-hidden;
 }