docs(themes): update oruga & bootstrap theme (#1025)

* docs(themes): update oruga & bootstrap theme * docs(themes): update docs style
oruga-ui · Jul 23, 2024 · c328380 · c328380
1 parent 6fc309f
commit c328380
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/docs/.vitepress/theme/components/ExampleViewer.vue b/packages/docs/.vitepress/theme/components/ExampleViewer.vue
@@ -193,6 +193,7 @@ function copy(val: string) {
         text-align: center;
         padding: 0.5rem;
         background-color: var(--vp-button-alt-bg);
+        width: 100%;
     }
 
     .odocs-panel-content {

diff --git a/packages/docs/components/Autocomplete.md b/packages/docs/components/Autocomplete.md
@@ -119,8 +119,9 @@
 
 > Current theme ➜ _[Oruga](https://github.com/oruga-ui/theme-oruga)_
 
-| SASS Variable | Default |
-| ------------- | ------- |
+| SASS Variable                             | Default |
+| ----------------------------------------- | ------- |
+| $autocomplete-item-hover-background-color | #f5f5f5 |
 
 See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_autocomplete.scss)
 

diff --git a/packages/docs/components/Dropdown.md b/packages/docs/components/Dropdown.md
@@ -151,13 +151,13 @@ sidebarDepth: 2
 | $dropdown-menu-margin                  | 0                                                                            |
 | $dropdown-menu-padding                 | 0.5rem 0 0.5rem 0                                                            |
 | $dropdown-menu-width                   | 12rem                                                                        |
-| $dropdown-menu-zindex                  | 20                                                                           |
+| $dropdown-menu-zindex                  | 50                                                                           |
 | $dropdown-mobile-max-height            | calc(100vh - 120px)                                                          |
 | $dropdown-mobile-max-width             | 460px                                                                        |
 | $dropdown-mobile-overlay-color         | rgba(#000000, 0.86)                                                          |
-| $dropdown-mobile-overlay-zindex        | 40                                                                           |
+| $dropdown-mobile-overlay-zindex        | 55                                                                           |
 | $dropdown-mobile-width                 | calc(100vw - 40px)                                                           |
-| $dropdown-mobile-zindex                | 50                                                                           |
+| $dropdown-mobile-zindex                | 60                                                                           |
 
 See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_dropdown.scss)
 

diff --git a/packages/docs/components/Menu.md b/packages/docs/components/Menu.md
@@ -126,6 +126,7 @@ sidebarDepth: 2
 | $menu-label-color                  | $grey                              |
 | $menu-label-font-size              | 0.75em                             |
 | $menu-label-spacing                | 1em                                |
+| $menu-icon-spacer                  | 0.5rem                             |
 
 See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_menu.scss)
 

diff --git a/packages/docs/components/Tabs.md b/packages/docs/components/Tabs.md
@@ -145,7 +145,6 @@ sidebarDepth: 2
 | $tabs-toggle-link-border-width              | 1px                                    |
 | $tabs-toggle-link-hover-background-color    | hsl(0, 0%, 96%)                        |
 | $tabs-toggle-link-hover-border-color        | hsl(0, 0%, 71%)                        |
-| $tabs-toggle-link-radius                    | var(--#{$prefix}base-border-radius)    |
 | $tabs-toggle-link-active-background-color   | var(--#{$prefix}primary)               |
 | $tabs-toggle-link-active-border-color       | var(--#{$prefix}primary)               |
 | $tabs-toggle-link-active-color              | var(--#{$prefix}primary-invert)        |

diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -20,9 +20,9 @@
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
     "@highlightjs/vue-plugin": "2.1.2",
-    "@oruga-ui/theme-bootstrap": "^0.5.5",
-    "@oruga-ui/theme-bulma": "^0.3.0",
-    "@oruga-ui/theme-oruga": "^0.3.0",
+    "@oruga-ui/theme-bootstrap": "0.6.0",
+    "@oruga-ui/theme-bulma": "0.3.0",
+    "@oruga-ui/theme-oruga": "0.4.0",
     "highlight.js": "11.10.0",
     "markdown-it": "^14.1.0",
     "markdown-it-highlightjs": "^4.1.0"

diff --git a/packages/docs/themes/theme-oruga.md b/packages/docs/themes/theme-oruga.md
@@ -5,6 +5,7 @@
 ```scss
 // Settings
 $prefix: "oruga-" !default;
+$enable-host: false !default;
 
 // Animations
 $animation-speed: 150ms !default;