From 7481524e4f4c8913658390b7f2d8617d1c8e3a57 Mon Sep 17 00:00:00 2001 From: garthdb Date: Thu, 29 Jun 2023 17:31:44 -0600 Subject: [PATCH] docs(site): minor layout updates to site --- docs/site/package.json | 7 +- docs/site/pages/_app.js | 8 +- docs/site/pages/_document.js | 5 +- docs/site/styles/sidenav.css | 261 +++++++++++++++++++++++++++++++++++ pnpm-lock.yaml | 31 +++-- 5 files changed, 289 insertions(+), 23 deletions(-) create mode 100644 docs/site/styles/sidenav.css diff --git a/docs/site/package.json b/docs/site/package.json index 0e011152..c27998e0 100644 --- a/docs/site/package.json +++ b/docs/site/package.json @@ -9,10 +9,9 @@ }, "dependencies": { "@spectrum-css/page": "^5.0.31", - "@spectrum-css/sidenav": "^3.0.50", + "@spectrum-css/table": "^4.0.58", "@spectrum-css/tokens": "^10.2.0", - "@spectrum-css/typography": "^5.0.24", - "@spectrum-css/vars": "^9.0.8", + "@spectrum-css/typography": "^5.0.25", "ajv": "^8.12.0", "ajv-formats": "^2.1.1", "glob-promise": "^6.0.2", @@ -25,7 +24,7 @@ "bugs": { "url": "https://github.com/adobe/spectrum-tokens/issues" }, - "homepage": "https://github.com/adobe/spectrum-tokens/tree/main/docs/visualizer#readme", + "homepage": "https://github.com/adobe/spectrum-tokens/tree/main/docs/site#readme", "keywords": [], "author": "Garth Braithwaite (http://garthdb.com/)" } diff --git a/docs/site/pages/_app.js b/docs/site/pages/_app.js index 16e1805e..dec146b4 100644 --- a/docs/site/pages/_app.js +++ b/docs/site/pages/_app.js @@ -1,13 +1,11 @@ import "@spectrum-css/tokens/dist/css/global-vars.css"; +import "@spectrum-css/tokens/dist/css/spectrum/custom-vars.css"; import "@spectrum-css/tokens/dist/css/medium-vars.css"; import "@spectrum-css/tokens/dist/css/light-vars.css"; import "@spectrum-css/page/dist/index-vars.css"; - -import "@spectrum-css/vars/dist/spectrum-global.css"; -import "@spectrum-css/vars/dist/spectrum-medium.css"; -import "@spectrum-css/vars/dist/spectrum-light.css"; +import "@spectrum-css/table/dist/index-vars.css"; import "@spectrum-css/typography/dist/index-vars.css"; -import "@spectrum-css/sidenav/dist/index-vars.css"; +import "../styles/sidenav.css"; export default function App({ Component, pageProps }) { return ; diff --git a/docs/site/pages/_document.js b/docs/site/pages/_document.js index 0c6b900b..89ccd752 100644 --- a/docs/site/pages/_document.js +++ b/docs/site/pages/_document.js @@ -1,5 +1,4 @@ import { Html, Head, Main, NextScript } from "next/document"; -import Script from "next/script"; export default function Document() { return ( @@ -9,7 +8,9 @@ export default function Document() { className='spectrum spectrum--medium spectrum--light' > -