From 4570274eb12b920f58f974ac4b0e9b708f97b8e0 Mon Sep 17 00:00:00 2001
From: gioboa <giorgiob.boa@gmail.com>
Date: Wed, 20 Sep 2023 09:10:35 +0200
Subject: [PATCH] fix: build

---
 apps/docs/components/content/AppSidebarTop.vue | 1 +
 apps/docs/content/_components/checkbox.md      | 5 ++---
 apps/docs/content/_components/input.md         | 5 ++---
 apps/docs/content/_components/radio.md         | 5 ++---
 apps/docs/content/_components/select.md        | 5 ++---
 5 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/apps/docs/components/content/AppSidebarTop.vue b/apps/docs/components/content/AppSidebarTop.vue
index e7c850c..987c072 100644
--- a/apps/docs/components/content/AppSidebarTop.vue
+++ b/apps/docs/components/content/AppSidebarTop.vue
@@ -45,6 +45,7 @@ watch(
 );
 
 function selectFramework(framework: Framework) {
+  isOpen.value = false;
   if (framework.name !== 'qwik') {
     location.href = `https://docs.storefrontui.io/v2/${framework.name}/getting-started.html`;
   }
diff --git a/apps/docs/content/_components/checkbox.md b/apps/docs/content/_components/checkbox.md
index c066685..72087fd 100644
--- a/apps/docs/content/_components/checkbox.md
+++ b/apps/docs/content/_components/checkbox.md
@@ -8,10 +8,9 @@
 
 The root element is an `<input>` so any attributes that can be used on an `<input>` can be used on `SfCheckbox`.
 
-<!-- todo -->
-<!-- ::info
+::info
 If you need to make this field required, it is crucial to communicate this intention clearly to your end users. You can find more information about [required form fields in our guide here](../blocks/FormFields.md).
-:: -->
+::
 
 ## Examples
 
diff --git a/apps/docs/content/_components/input.md b/apps/docs/content/_components/input.md
index fef6eaf..bbf0b04 100644
--- a/apps/docs/content/_components/input.md
+++ b/apps/docs/content/_components/input.md
@@ -6,10 +6,9 @@
 
 `SfInput` is a single-line text field allows users to enter any combination of letters, numbers, or symbols. It adds default styles to the native `<input type="text">` and supports supports adding content before/after the text input.
 
-<!-- todo -->
-<!-- ::info
+::info
 If you need to make this field required, it is crucial to communicate this intention clearly to your end users. You can find more information about [required form fields in our guide here](../blocks/FormFields).
-:: -->
+::
 
 ## Examples
 
diff --git a/apps/docs/content/_components/radio.md b/apps/docs/content/_components/radio.md
index 1c1dee4..d1bf200 100644
--- a/apps/docs/content/_components/radio.md
+++ b/apps/docs/content/_components/radio.md
@@ -6,10 +6,9 @@
 
 `SfRadio` provides additional styles for different states of `<input type="radio">`. It can be used for choosing between a list of values when only one option can be selected at a time.
 
-<!-- todo -->
-<!-- ::tip
+::tip
 If you need to make this field required, it is crucial to communicate this intention clearly to your end users. You can find more information about [required form fields in our guide here](../blocks/FormFields.html).
-:: -->
+::
 
 ## Examples
 
diff --git a/apps/docs/content/_components/select.md b/apps/docs/content/_components/select.md
index 3f083c9..981c7bd 100644
--- a/apps/docs/content/_components/select.md
+++ b/apps/docs/content/_components/select.md
@@ -11,10 +11,9 @@ hideBreadcrumbs: true
 
 `SfSelect` is a wrapper around the native `<select>` element. It provides additional styles for different states of `<select>` element.
 
-<!-- todo -->
-<!-- ::warning
+::warning
 If you need to make this field required, it is crucial to communicate this intention clearly to your end users. You can find more information about [required form fields in our guide here](../blocks/FormFields.html).
-:: -->
+::
 
 ## Examples