fix: sync with Elements tokens (#813)

Co-authored-by: Yaël GUILLOUX <yael.guilloux@gmail.com>

components/app/AppFooter.vue

@@ -55,7 +55,7 @@ css({
   footer: {
     borderTopWidth: '1px',
     borderTopStyle: 'solid',
-    borderTopColor: '{elements.border.primary.default}',
+    borderTopColor: '{elements.border.primary.static}',
     padding: '{docus.footer.padding}',
 
     '.footer-container': {

components/app/AppHeader.vue

@@ -64,7 +64,7 @@ css({
     top: 0,
     zIndex: 10,
     width: '100%',
-    borderBottom: '1px solid {elements.border.primary.default}',
+    borderBottom: '1px solid {elements.border.primary.static}',
     backgroundColor: '{elements.backdrop.background}',
     height: '{docus.header.height}',
 

components/docs/DocsAsideTree.vue

@@ -119,7 +119,7 @@ css({
   '.docs-aside-tree': {
     li: {
       '&.bordered': {
-        borderLeft: '1px solid {elements.border.primary.default}',
+        borderLeft: '1px solid {elements.border.primary.static}',
         '&:hover': {
           borderColor: '{elements.border.primary.hover}'
         },

components/docs/DocsPageLayout.vue

@@ -125,7 +125,7 @@ css({
       py: '{space.8}',
       paddingRight: '{space.8}',
       '.fluid &&': {
-        borderRight: '1px solid {elements.border.primary.default}',
+        borderRight: '1px solid {elements.border.primary.static}',
       }
     }
   },
@@ -163,7 +163,7 @@ css({
       marginTop: 0,
       marginBottom: '{space.8}',
       paddingBottom: '{space.8}',
-      borderBottom: '1px solid {elements.border.primary.default}',
+      borderBottom: '1px solid {elements.border.primary.static}',
       color: '{color.gray.500}',
       '@sm': {
         fontSize: '{text.lg.fontSize}',
@@ -192,7 +192,7 @@ css({
     display: 'flex',
     mx: 'calc(0px - {space.4})',
     overflow: 'auto',
-    borderBottom: '1px solid {elements.border.primary.default}',
+    borderBottom: '1px solid {elements.border.primary.static}',
     '@sm': {
       mx: 'calc(0px - {space.6})',
     },
@@ -205,7 +205,7 @@ css({
       maxHeight: 'none',
       borderBottom: 'none',
       '.fluid &&': {
-        borderLeft: '1px solid {elements.border.primary.default}',
+        borderLeft: '1px solid {elements.border.primary.static}',
       }
     },
     '.toc-wrapper': {

components/docs/DocsPrevNext.vue

@@ -66,7 +66,7 @@ css({
       position: 'relative',
       minWidth: '0px',
       padding: '{space.3}',
-      border: '1px solid {elements.border.primary.default}',
+      border: '1px solid {elements.border.primary.static}',
       borderRadius: '{radii.md}',
       '&:hover': {
         backgroundColor: '{color.gray.50}',

package.json

@@ -27,7 +27,7 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@nuxt-themes/elements": "^0.6.3",
+    "@nuxt-themes/elements": "^0.7.0",
     "@nuxt-themes/tokens": "^1.7.3",
     "@nuxt-themes/typography": "^0.7.2",
     "@nuxt/content": "^2.4.3",