@chassis-ui/docs 0.3.9 → 0.4.0-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +1 -1
  2. package/package.json +2 -2
  3. package/src/components/ThemeToggler.astro +1 -1
  4. package/src/layouts/header/Navigation.astro +3 -2
  5. package/src/layouts/header/SearchDialog.astro +1 -1
  6. package/src/scss/_search.scss +2 -2
  7. package/src/scss/_sidebar.scss +7 -4
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  > Shared Astro layouts, components, and utilities for Chassis documentation sites.
4
4
 
5
- [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![Version: 0.3.9](https://img.shields.io/badge/Version-0.3.9-blue.svg)](https://www.npmjs.com/package/@chassis-ui/docs) [![npm](https://img.shields.io/npm/v/@chassis-ui/docs.svg)](https://www.npmjs.com/package/@chassis-ui/docs)
5
+ [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![Version: 0.3.10](https://img.shields.io/badge/Version-0.3.10-blue.svg)](https://www.npmjs.com/package/@chassis-ui/docs) [![npm](https://img.shields.io/npm/v/@chassis-ui/docs.svg)](https://www.npmjs.com/package/@chassis-ui/docs)
6
6
 
7
7
  ## Overview
8
8
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@chassis-ui/docs",
3
3
  "description": "Shared Astro components and layouts for Chassis documentation sites.",
4
- "version": "0.3.9",
4
+ "version": "0.4.0-0",
5
5
  "type": "module",
6
6
  "repository": {
7
7
  "type": "git",
@@ -45,7 +45,7 @@
45
45
  },
46
46
  "peerDependencies": {
47
47
  "@astrojs/markdown-remark": "^7.0.0",
48
- "@chassis-ui/css": ">=0.3.4",
48
+ "@chassis-ui/css": ">=0.4.0-0",
49
49
  "@pagefind/component-ui": "^1.0.0",
50
50
  "@shikijs/transformers": "^4.3.1",
51
51
  "astro": "^7.0.0",
package/src/components/ThemeToggler.astro CHANGED
@@ -17,7 +17,7 @@ const { layout } = Astro.props
17
17
  ---
18
18
 
19
19
  <button
20
- class="nav-link gap-2xsmall px-0 large:px-small"
20
+ class="nav-link caret px-0 large:px-xsmall"
21
21
  id="cxd-theme"
22
22
  type="button"
23
23
  aria-expanded="false"
package/src/layouts/header/Navigation.astro CHANGED
@@ -99,6 +99,7 @@ const isActive = (path: string) => {
99
99
  <div class="vr d-none large:d-flex my-auto large:mx-small"></div>
100
100
  <hr class="large:d-none" />
101
101
  </li>
102
+ <NavLink active={isActive('/blog')} href="/blog">Blog</NavLink>
102
103
  <NavLink active={isActive('/examples')} href="/examples">Examples</NavLink>
103
104
  </ul>
104
105
 
@@ -106,7 +107,7 @@ const isActive = (path: string) => {
106
107
 
107
108
  <ul class="navbar-nav flex-row flex-wrap large:ms-auto align-items-center">
108
109
  <NavLink
109
- class="px-0 large:px-small"
110
+ class="px-0 large:px-xsmall"
110
111
  href={`https://figma.com/@${getConfig().figma_handle}`}
111
112
  target="_blank"
112
113
  rel="noopener"
@@ -115,7 +116,7 @@ const isActive = (path: string) => {
115
116
  <small class="large:d-none ms-xsmall">Figma Community</small>
116
117
  </NavLink>
117
118
  <NavLink
118
- class="px-0 large:px-small"
119
+ class="px-0 large:px-xsmall"
119
120
  href={`https://github.com/${getConfig().github_org}`}
120
121
  target="_blank"
121
122
  rel="noopener"
package/src/layouts/header/SearchDialog.astro CHANGED
@@ -30,7 +30,7 @@ const { id = 'cxdSearchDialog', placeholder = 'Search docs…' } = Astro.props
30
30
  </label>
31
31
  <cxd-search-input>
32
32
  <div class="form-input">
33
- <div class="input-help">
33
+ <div class="input-adorn">
34
34
  <Icon name="search-solid" />
35
35
  </div>
36
36
  <input
package/src/scss/_search.scss CHANGED
@@ -12,12 +12,12 @@
12
12
  @include media-breakpoint-up(large) {
13
13
  position: absolute;
14
14
  top: 20%;
15
- right: 13rem;
15
+ right: 11rem;
16
16
  width: 200px;
17
17
 
18
18
  [dir="rtl"] & {
19
19
  right: auto;
20
- left: 13rem;
20
+ left: 11rem;
21
21
  }
22
22
  }
23
23
 
package/src/scss/_sidebar.scss CHANGED
@@ -65,7 +65,7 @@
65
65
  background-color: var(--cx-cue-main);
66
66
  }
67
67
 
68
- li:not(.cxd-links-subgroup):first-child::before,
68
+ li:not(.cxd-links-subgroup, :only-child):first-child::before,
69
69
  .cxd-links-subgroup + li::before {
70
70
  height: 2em;
71
71
  margin-block-start: .8em;
@@ -76,6 +76,7 @@
76
76
  height: .8em;
77
77
  }
78
78
 
79
+ li:first-child:has(+ .cxd-links-subgroup)::before,
79
80
  li:only-child::before {
80
81
  height: .8em;
81
82
  margin-block-start: .4em;
@@ -108,12 +109,14 @@
108
109
  }
109
110
 
110
111
  .cxd-links-subgroup {
111
- @include font-size(var(--cx-font-size-small));
112
+ @include font-size(var(--cx-font-size-xsmall));
112
113
  @include line-height(var(--cx-line-height-small));
113
114
  --cx-icon-size: var(--cx-icon-xsmall);
114
- padding-inline-start: .5em;
115
- margin-block: .5em .25em;
115
+ padding-inline-start: 1.5rem;
116
+ margin-block: 1em .25em;
116
117
  font-weight: var(--cx-font-weight-strong);
118
+ color: var(--cx-primary-fg-main);
119
+ text-transform: uppercase;
117
120
  }
118
121
 
119
122