@chassis-ui/docs 0.3.10 → 0.4.0-0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chassis-ui/docs",
   "description": "Shared Astro components and layouts for Chassis documentation sites.",
-  "version": "0.3.10",
+  "version": "0.4.0-0",
   "type": "module",
   "repository": {
     "type": "git",
@@ -45,7 +45,7 @@
   },
   "peerDependencies": {
     "@astrojs/markdown-remark": "^7.0.0",
-    "@chassis-ui/css": ">=0.3.4",
+    "@chassis-ui/css": ">=0.4.0-0",
     "@pagefind/component-ui": "^1.0.0",
     "@shikijs/transformers": "^4.3.1",
     "astro": "^7.0.0",

package/src/components/ThemeToggler.astro

@@ -17,7 +17,7 @@ const { layout } = Astro.props
 ---
 
 <button
-  class="nav-link gap-2xsmall px-0 large:px-small"
+  class="nav-link caret px-0 large:px-xsmall"
   id="cxd-theme"
   type="button"
   aria-expanded="false"

package/src/layouts/header/Navigation.astro

@@ -107,7 +107,7 @@ const isActive = (path: string) => {
 
         <ul class="navbar-nav flex-row flex-wrap large:ms-auto align-items-center">
           <NavLink
-            class="px-0 large:px-small"
+            class="px-0 large:px-xsmall"
             href={`https://figma.com/@${getConfig().figma_handle}`}
             target="_blank"
             rel="noopener"
@@ -116,7 +116,7 @@ const isActive = (path: string) => {
             <small class="large:d-none ms-xsmall">Figma Community</small>
           </NavLink>
           <NavLink
-            class="px-0 large:px-small"
+            class="px-0 large:px-xsmall"
             href={`https://github.com/${getConfig().github_org}`}
             target="_blank"
             rel="noopener"

package/src/layouts/header/SearchDialog.astro

@@ -30,7 +30,7 @@ const { id = 'cxdSearchDialog', placeholder = 'Search docs…' } = Astro.props
     </label>
     <cxd-search-input>
       <div class="form-input">
-        <div class="input-help">
+        <div class="input-adorn">
           <Icon name="search-solid" />
         </div>
         <input

package/src/scss/_search.scss

@@ -12,12 +12,12 @@
     @include media-breakpoint-up(large) {
       position: absolute;
       top: 20%;
-      right: 13rem;
+      right: 11rem;
       width: 200px;
 
       [dir="rtl"] & {
         right: auto;
-        left: 13rem;
+        left: 11rem;
       }
     }
 

package/src/scss/_sidebar.scss

@@ -65,7 +65,7 @@
         background-color: var(--cx-cue-main);
       }
 
-      li:not(.cxd-links-subgroup):first-child::before,
+      li:not(.cxd-links-subgroup, :only-child):first-child::before,
       .cxd-links-subgroup + li::before {
         height: 2em;
         margin-block-start: .8em;
@@ -76,6 +76,7 @@
         height: .8em;
       }
 
+      li:first-child:has(+ .cxd-links-subgroup)::before,
       li:only-child::before {
         height: .8em;
         margin-block-start: .4em;
@@ -108,12 +109,14 @@
   }
 
   .cxd-links-subgroup {
-    @include font-size(var(--cx-font-size-small));
+    @include font-size(var(--cx-font-size-xsmall));
     @include line-height(var(--cx-line-height-small));
     --cx-icon-size: var(--cx-icon-xsmall);
-    padding-inline-start: .5em;
-    margin-block: .5em .25em;
+    padding-inline-start: 1.5rem;
+    margin-block: 1em .25em;
     font-weight: var(--cx-font-weight-strong);
+    color: var(--cx-primary-fg-main);
+    text-transform: uppercase;
   }