From 90f7593af8f346dfe1b99d8f5a3567b294798a5c Mon Sep 17 00:00:00 2001 From: esoubiran-aneo Date: Fri, 23 Jun 2023 17:37:56 +0200 Subject: [PATCH] feat: update to docus v2 --- app.config.ts | 6 +- content/0.index.md | 125 +++++++++++++----- content/1.guide/7.deployment.md | 5 +- package.json | 2 +- pnpm-lock.yaml | 222 +++++++++++++++++++++++++------- tokens.config.ts | 12 ++ 6 files changed, 278 insertions(+), 94 deletions(-) diff --git a/app.config.ts b/app.config.ts index 094cf7d..3aa80b4 100644 --- a/app.config.ts +++ b/app.config.ts @@ -31,17 +31,13 @@ export default defineAppConfig({ owner: 'aneoconsulting', edit: true }, - main: { - fluid: true - }, header: { logo: true, showLinkIcon: true, exclude: [], - fluid: true + navigation: true }, footer: { - fluid: true, credits: { text: '', href: 'https://www.aneo.eu', diff --git a/content/0.index.md b/content/0.index.md index 0a58466..720c218 100644 --- a/content/0.index.md +++ b/content/0.index.md @@ -1,49 +1,106 @@ --- title: ArmoniK Docs Theme navigation: false -main.fluid: false -layout: page +layout: basic --- -::block-hero +::glow --- -cta: - - Get Started - - /guide -secondary: - - Open on GitHub → - - https://github.com/aneoconsulting/armonik-docs-theme -snippet: npm install @aneoconsultingfr/armonik-docs-theme +top: calc(0px - var(--docus-app-header-height)) +height: calc(var(--hero-height) + var(--docus-app-header-height) + 20rem) +maskGradient: + light: + initial: radial-gradient(circle at 51% 64%, rgba(0,0,0, 1) -7%, rgba(0,0,0, 0) 70%) + xl: radial-gradient(at 70% 45%, red, rgba(255, 0, 0, 0) 85%) + dark: + initial: radial-gradient(circle at 51% 64%, rgba(0,0,0, 1) -7%, rgba(0,0,0, 0) 70%) + xl: radial-gradient(at 70% 45%, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 85%) +gradient: + light: + initial: radial-gradient(circle at 10% 50%, {color.secondary.500} 4%, {color.primary.200} 25%, {color.primary.500} 65%) + xl: radial-gradient(circle at 10% 50%, {color.secondary.200} 15%, {color.primary.500} 60%, {color.primary.400} 55%, {color.primary.400} 75%, {color.secondary.500} 90%) + dark: + initial: radial-gradient(circle at 10% 50%, {color.secondary.500}, {color.primary.500} 45%, {color.primary.200} 82%) + xl: radial-gradient(circle at 10% 50%, {color.secondary.700} 15%, {color.primary.500} 60%, {color.primary.600} 55%, {color.primary.600} 75%, {color.secondary.500} 90%) +noise: true +backgroundImage: linear-gradient(transparent 75%, {docus.body.backgroundColor}) --- - -#title -ArmoniK Docs Theme - -#description -A beautiful, responsive, and customizable documentation theme for ArmoniK. :: -::card-grid -#title -What's included - -#default - ::card{icon="noto:rocket"} +::container-section + ::hero #title - Ready to use. + ArmoniK Docs Theme + #description - Pre-configured and ready to go. Just add your content and go. + A beautiful, responsive, and customizable documentation theme for ArmoniK. + + #actions + ::button-link{href="/guide" size="medium"} + Get Started + :: + ::button-link{href="https://github.com/aneoconsulting/armonik-docs-theme" size="medium" color=gray ghost blank rel="noopener"} + Open on GitHub → + :: + + #support + ::terminal + --- + content: + - npm install -D @aneoconsultingfr/armonik-docs-theme + --- + :: :: - ::card{icon="noto:mobile-phone"} - #title - Responsive. - #description - ArmoniK Docs Theme looks great on any device, from desktop to mobile. +:: + +::container-section{margin="{space.24} 0" padding="{space.24} 0"} +#root + ::glow + --- + height: 100% + maskGradient: + light: + initial: radial-gradient(circle at 51% 44%, rgba(0,0,0, 1) -16%, rgba(0,0,0, 0) 74%) + lg: radial-gradient(at 43% 53%, red, rgba(255, 0, 0, 0) 85%) + dark: + initial: radial-gradient(circle at 51% 44%, rgba(0,0,0, 1) -16%, rgba(0,0,0, 0) 84%) + lg: radial-gradient(at 43% 53%, rgba(0,0,0, 1), rgba(255, 0, 0, 0) 85%) + gradient: + light: + initial: radial-gradient(circle at 40% 50%, {color.primary.400}, {color.primary.400} 52%) + lg: conic-gradient({color.secondary.200} 0%, {color.secondary.200} 12%, {color.secondary.300} 22%, {color.secondary.500} 30%, {color.primary.300} 44%) + dark: + initial: radial-gradient(circle at 40% 50%, {color.primary.600}, {color.primary.700} 52%) + lg: radial-gradient(circle at 44% 72%, {color.primary.600} 0%, {color.primary.700} 12%, {color.primary.800} 22%) + noise: true + backgroundImage: linear-gradient(transparent 75%, {docus.body.backgroundColor}) + afterBlendMode: + light: color + dark: multiply + --- :: - ::card{icon="noto:artist-palette"} - #title - Customizable. - #description - Easily change colors or components to match your needs. +#default + :section-header{title="What's included" subtitle="Features"} + + ::card-grid{cols=3} + #default + ::card{icon="noto:rocket"} + #title + Ready to use. + #description + Pre-configured and ready to go. Just add your content and go. + :: + ::card{icon="noto:mobile-phone"} + #title + Responsive. + #description + ArmoniK Docs Theme looks great on any device, from desktop to mobile. + :: + ::card{icon="noto:artist-palette"} + #title + Customizable. + #description + Easily change colors or components to match your needs. + :: :: :: diff --git a/content/1.guide/7.deployment.md b/content/1.guide/7.deployment.md index 456e550..12f4222 100644 --- a/content/1.guide/7.deployment.md +++ b/content/1.guide/7.deployment.md @@ -20,12 +20,9 @@ You can easily deploy your documentation to GitHub Pages with the following step - Push to main to trigger the workflow. :: -::alert{type="info"} The base URL is the path where the navigation start. For example: `/armonik-docs-theme/` or `/`. -
-
+ The site URL is the URL of your site. For example: `https://aneoconsulting.github.io/armonik-docs-theme/`. -:: ### Workflow file diff --git a/package.json b/package.json index e58e65a..4ef6e54 100644 --- a/package.json +++ b/package.json @@ -35,7 +35,7 @@ "tokens.config.ts" ], "dependencies": { - "@nuxt-themes/docus": "^1.12.3", + "@nuxt-themes/docus": "^2.0.0-beta.8", "@nuxt/devtools": "^0.6.2", "@parcel/watcher": "^2.1.0", "mermaid": "^10.2.3", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index bb678bf..09d2be3 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -6,8 +6,8 @@ settings: dependencies: '@nuxt-themes/docus': - specifier: ^1.12.3 - version: 1.12.3(nuxt@3.6.0)(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) + specifier: ^2.0.0-beta.8 + version: 2.0.0-beta.8(nuxt@3.6.0)(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) '@nuxt/devtools': specifier: ^0.6.2 version: 0.6.2(nuxt@3.6.0)(rollup@3.25.1)(vite@4.3.9) @@ -854,6 +854,26 @@ packages: resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + /@floating-ui/core@1.3.1: + resolution: {integrity: sha512-Bu+AMaXNjrpjh41znzHqaz3r2Nr8hHuHZT6V2LBKMhyMl0FgKA62PNYbqnfgmzOhoWZj70Zecisbo4H1rotP5g==} + dev: false + + /@floating-ui/dom@1.4.2: + resolution: {integrity: sha512-VKmvHVatWnewmGGy+7Mdy4cTJX71Pli6v/Wjb5RQBuq5wjUYx+Ef+kRThi8qggZqDgD8CogCpqhRoVp3+yQk+g==} + dependencies: + '@floating-ui/core': 1.3.1 + dev: false + + /@floating-ui/vue@1.0.1(vue@3.3.4): + resolution: {integrity: sha512-HZmmNWaztKYKOQxXvMzJYCYtfgG07cL/bPQvZ92AFG3Ktw71bvvLKXsZDAyIxGpqRo9WiTPsYknnSuLV2H/riA==} + dependencies: + '@floating-ui/dom': 1.4.2 + vue-demi: 0.14.5(vue@3.3.4) + transitivePeerDependencies: + - '@vue/composition-api' + - vue + dev: false + /@hapi/hoek@9.3.0: resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==} dev: false @@ -1060,12 +1080,12 @@ packages: - supports-color dev: false - /@nuxt-themes/docus@1.12.3(nuxt@3.6.0)(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4): - resolution: {integrity: sha512-qIdBUnwm/5OEhKtFJ3of+C5HEZzOU/wFx9CuY+Y3jdZVVJcDGjryLY+I1R/N9U+KuS32QevzAY9vJrdJNf8u9A==} + /@nuxt-themes/docus@2.0.0-beta.8(nuxt@3.6.0)(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4): + resolution: {integrity: sha512-xVcvPnN0qXNzHBVFGB4SDWZSGRbMnBUMnSMWgbcYeP7h55hzakSB+DwKufyEcHGGWdLqPWAVpojJfCBRlANBCA==} dependencies: - '@nuxt-themes/elements': 0.9.4(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) - '@nuxt-themes/tokens': 1.9.1(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) - '@nuxt-themes/typography': 0.11.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) + '@nuxt-themes/elements': 1.0.2(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) + '@nuxt-themes/tokens': 2.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) + '@nuxt-themes/typography': 1.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) '@nuxt/content': 2.7.0(rollup@3.25.1) '@nuxthq/studio': 0.13.2(rollup@3.25.1) '@vueuse/nuxt': 10.2.0(nuxt@3.6.0)(rollup@3.25.1)(vue@3.3.4) @@ -1080,35 +1100,61 @@ packages: - '@upstash/redis' - '@vercel/kv' - '@vue/composition-api' + - async-validator + - axios - bufferutil + - change-case + - drauu + - fuse.js + - idb-keyval + - jwt-decode + - nprogress - nuxt - postcss + - qrcode - rollup - sass + - sortablejs - supports-color + - universal-cookie - utf-8-validate - vue dev: false - /@nuxt-themes/elements@0.9.4(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4): - resolution: {integrity: sha512-d7XgHc/gjMpre26+N76APL1vlnQHiZTOk61GC4I/ZYQuioSfoKuoIP+Ixrr0QgM22j4MRBtAaBnDAg1wRJrDCQ==} + /@nuxt-themes/elements@1.0.2(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4): + resolution: {integrity: sha512-tT3bQYbTwJAQ0CWL5XFaZs8NvJhJm5HkfirEuQenFq4+Lzu9hByPAI37ugNhwKAaRL43/SiU01fymuUIrj/b4w==} dependencies: - '@nuxt-themes/tokens': 1.9.1(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) - '@vueuse/core': 9.13.0(vue@3.3.4) + '@floating-ui/vue': 1.0.1(vue@3.3.4) + '@nuxt-themes/tokens': 2.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) + '@nuxt-themes/typography': 1.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4) + '@vueuse/core': 10.2.0(vue@3.3.4) + '@vueuse/integrations': 10.2.0(focus-trap@7.4.3)(vue@3.3.4) + focus-trap: 7.4.3 transitivePeerDependencies: - '@vue/composition-api' + - async-validator + - axios + - change-case + - drauu + - fuse.js + - idb-keyval + - jwt-decode + - nprogress - postcss + - qrcode - rollup - sass + - sortablejs - supports-color + - universal-cookie - vue dev: false - /@nuxt-themes/tokens@1.9.1(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4): - resolution: {integrity: sha512-5C28kfRvKnTX8Tux+xwyaf+2pxKgQ53dC9l6C33sZwRRyfUJulGDZCFjKbuNq4iqVwdGvkFSQBYBYjFAv6t75g==} + /@nuxt-themes/tokens@2.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4): + resolution: {integrity: sha512-N3OF19Iv5zqM4919TmnfgUEbpGEGna3aJRrJszmGTIE0nnf7/SUqSq4BQvHzzw2kgF0/z1lS7iZxUSc8g9tcqg==} dependencies: '@nuxtjs/color-mode': 3.3.0(rollup@3.25.1) - '@vueuse/core': 9.13.0(vue@3.3.4) + '@vueuse/core': 10.2.0(vue@3.3.4) pinceau: 0.18.9(postcss@8.4.24) transitivePeerDependencies: - '@vue/composition-api' @@ -1119,13 +1165,13 @@ packages: - vue dev: false - /@nuxt-themes/typography@0.11.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4): - resolution: {integrity: sha512-TqyvD7sDWnqGmL00VtuI7JdmNTPL5/g957HCAWNzcNp+S20uJjW/FXSdkM76d4JSVDHvBqw7Wer3RsqVhqvA4w==} + /@nuxt-themes/typography@1.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4): + resolution: {integrity: sha512-nuOT0OH5/8SognMRQRg/I3miZHGPjNZJRgO4QqjH7PhVQTm5TF1ONY4fp/CiQkcIwzV5bLJbJxERZ+wsXnFOPw==} dependencies: '@nuxtjs/color-mode': 3.3.0(rollup@3.25.1) nuxt-config-schema: 0.4.6(rollup@3.25.1) - nuxt-icon: 0.3.3(rollup@3.25.1)(vue@3.3.4) - pinceau: 0.18.9(postcss@8.4.24) + nuxt-icon: 0.4.1(rollup@3.25.1)(vue@3.3.4) + pinceau: 0.19.0(postcss@8.4.24) ufo: 1.1.2 transitivePeerDependencies: - postcss @@ -1931,10 +1977,6 @@ packages: resolution: {integrity: sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==} dev: false - /@types/web-bluetooth@0.0.16: - resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==} - dev: false - /@types/web-bluetooth@0.0.17: resolution: {integrity: sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA==} dev: false @@ -2138,6 +2180,10 @@ packages: resolution: {integrity: sha512-2WoM6O9VyuHDPAnvCXr7LBJQ8ZRHDnuQAFsL1dWXp561Iq2l9whdNtPuMcozLGJGUUrFfVBXIrHY4sfxxScgWg==} dev: false + /@unocss/reset@0.51.13: + resolution: {integrity: sha512-xwYJW6vNbHIpBtlFcW93fZxILZpWatcCc9nclSgsl0YlFUz9w4/aoV9KqwU62Y4VUteJxCZCCXa3pSiPO8h5KA==} + dev: false + /@vercel/nft@0.22.6: resolution: {integrity: sha512-gTsFnnT4mGxodr4AUlW3/urY+8JKKB452LwF3m477RFUJTAaDmcz2JqFuInzvdybYIeyIv1sSONEJxsxnbQ5JQ==} engines: {node: '>=14'} @@ -2389,18 +2435,6 @@ packages: - vue dev: false - /@vueuse/core@9.13.0(vue@3.3.4): - resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==} - dependencies: - '@types/web-bluetooth': 0.0.16 - '@vueuse/metadata': 9.13.0 - '@vueuse/shared': 9.13.0(vue@3.3.4) - vue-demi: 0.14.5(vue@3.3.4) - transitivePeerDependencies: - - '@vue/composition-api' - - vue - dev: false - /@vueuse/head@1.1.26(vue@3.3.4): resolution: {integrity: sha512-VUrqvcxKtxt2moKtUa7R/KscnDsNYj5u7HFULLsr84VhWsztzBedxW/8Wh/kTz2+/eMf5gC1KtkZBTFQYOmauQ==} peerDependencies: @@ -2413,12 +2447,58 @@ packages: vue: 3.3.4 dev: false - /@vueuse/metadata@10.2.0: - resolution: {integrity: sha512-IR7Mkq6QSgZ38q/2ZzOt+Zz1OpcEsnwE64WBumDQ+RGKrosFCtUA2zgRrOqDEzPBXrVB+4HhFkwDjQMu0fDBKw==} + /@vueuse/integrations@10.2.0(focus-trap@7.4.3)(vue@3.3.4): + resolution: {integrity: sha512-e+MIRMi2Zo8DZKXszut8iVoZGlf07XXoaDt27W0DRJVYPdods50MV8Bnla5Tnuil0gHY/W5mMcqiQre9Xb246Q==} + peerDependencies: + async-validator: '*' + axios: '*' + change-case: '*' + drauu: '*' + focus-trap: '*' + fuse.js: '*' + idb-keyval: '*' + jwt-decode: '*' + nprogress: '*' + qrcode: '*' + sortablejs: '*' + universal-cookie: '*' + peerDependenciesMeta: + async-validator: + optional: true + axios: + optional: true + change-case: + optional: true + drauu: + optional: true + focus-trap: + optional: true + fuse.js: + optional: true + idb-keyval: + optional: true + jwt-decode: + optional: true + nprogress: + optional: true + qrcode: + optional: true + sortablejs: + optional: true + universal-cookie: + optional: true + dependencies: + '@vueuse/core': 10.2.0(vue@3.3.4) + '@vueuse/shared': 10.2.0(vue@3.3.4) + focus-trap: 7.4.3 + vue-demi: 0.14.5(vue@3.3.4) + transitivePeerDependencies: + - '@vue/composition-api' + - vue dev: false - /@vueuse/metadata@9.13.0: - resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==} + /@vueuse/metadata@10.2.0: + resolution: {integrity: sha512-IR7Mkq6QSgZ38q/2ZzOt+Zz1OpcEsnwE64WBumDQ+RGKrosFCtUA2zgRrOqDEzPBXrVB+4HhFkwDjQMu0fDBKw==} dev: false /@vueuse/nuxt@10.2.0(nuxt@3.6.0)(rollup@3.25.1)(vue@3.3.4): @@ -2448,15 +2528,6 @@ packages: - vue dev: false - /@vueuse/shared@9.13.0(vue@3.3.4): - resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==} - dependencies: - vue-demi: 0.14.5(vue@3.3.4) - transitivePeerDependencies: - - '@vue/composition-api' - - vue - dev: false - /abbrev@1.1.1: resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==} dev: false @@ -4896,6 +4967,12 @@ packages: /flatted@3.2.7: resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==} + /focus-trap@7.4.3: + resolution: {integrity: sha512-BgSSbK4GPnS2VbtZ50VtOv1Sti6DIkj3+LkVjiWMNjLeAp1SH1UlLx3ULu/DCu4vq5R4/uvTm+zrvsMsuYmGLg==} + dependencies: + tabbable: 6.1.2 + dev: false + /follow-redirects@1.15.2: resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==} engines: {node: '>=4.0'} @@ -7406,12 +7483,11 @@ packages: - supports-color dev: false - /nuxt-icon@0.3.3(rollup@3.25.1)(vue@3.3.4): - resolution: {integrity: sha512-KdhJAigBGTP8/YIFZ3orwetk40AgLq6VQ5HRYuDLmv5hiDptor9Ro+WIdZggHw7nciRxZvDdQkEwi9B5G/jrkQ==} + /nuxt-icon@0.4.1(rollup@3.25.1)(vue@3.3.4): + resolution: {integrity: sha512-QTpxewOgLfdPx2uwHhoU5XQ4AtQ9N31ifbwnbn4Sx5NM+W2slNfGq1eEKmUl0CpSUAhGEdKbzd5CjA3c7dVa1Q==} dependencies: '@iconify/vue': 4.1.1(vue@3.3.4) '@nuxt/kit': 3.6.0(rollup@3.25.1) - nuxt-config-schema: 0.4.6(rollup@3.25.1) transitivePeerDependencies: - rollup - supports-color @@ -8041,6 +8117,35 @@ packages: - supports-color dev: false + /pinceau@0.19.0(postcss@8.4.24): + resolution: {integrity: sha512-zE5/ner/YtO/eo5lR7JsEHPy8JjmZempnudZLmqQfDblceoxgMeHVjWz67Z+3FOPLenaYrd1pg7oJH2cIPQM/Q==} + dependencies: + '@unocss/reset': 0.51.13 + '@volar/vue-language-core': 1.6.5 + acorn: 8.9.0 + chroma-js: 2.4.2 + consola: 3.1.0 + csstype: 3.1.2 + defu: 6.1.2 + magic-string: 0.30.0 + nanoid: 4.0.2 + ohash: 1.1.2 + paneer: 0.1.0 + pathe: 1.1.1 + postcss-custom-properties: 13.1.5(postcss@8.4.24) + postcss-dark-theme-class: 0.7.3(postcss@8.4.24) + postcss-nested: 6.0.1(postcss@8.4.24) + recast: 0.22.0 + scule: 1.0.0 + style-dictionary-esm: 1.3.7 + unbuild: 1.2.1 + unplugin: 1.3.1 + transitivePeerDependencies: + - postcss + - sass + - supports-color + dev: false + /pinkie-promise@2.0.1: resolution: {integrity: sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==} engines: {node: '>=0.10.0'} @@ -8119,6 +8224,19 @@ packages: postcss-value-parser: 4.2.0 dev: false + /postcss-custom-properties@13.1.5(postcss@8.4.24): + resolution: {integrity: sha512-98DXk81zTGqMVkGANysMHbGIg3voH383DYo3/+c+Abzay3nao+vM/f4Jgzsakk9S7BDsEw5DiW7sFy5G4W2wLA==} + engines: {node: ^14 || ^16 || >=18} + peerDependencies: + postcss: ^8.4 + dependencies: + '@csstools/cascade-layer-name-parser': 1.0.2(@csstools/css-parser-algorithms@2.2.0)(@csstools/css-tokenizer@2.1.1) + '@csstools/css-parser-algorithms': 2.2.0(@csstools/css-tokenizer@2.1.1) + '@csstools/css-tokenizer': 2.1.1 + postcss: 8.4.24 + postcss-value-parser: 4.2.0 + dev: false + /postcss-dark-theme-class@0.7.3(postcss@8.4.24): resolution: {integrity: sha512-M9vtfh8ORzQsVdT9BWb+xpEDAzC7nHBn7wVc988/JkEVLPupKcUnV0jw7RZ8sSj0ovpqN1POf6PLdt19JCHfhQ==} engines: {node: '>=12.0'} @@ -9470,6 +9588,10 @@ packages: tslib: 2.5.3 dev: true + /tabbable@6.1.2: + resolution: {integrity: sha512-qCN98uP7i9z0fIS4amQ5zbGBOq+OSigYeGvPy7NDk8Y9yncqDZ9pRPgfsc2PJIVM9RrJj7GIfuRgmjoUU9zTHQ==} + dev: false + /tapable@1.1.3: resolution: {integrity: sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==} engines: {node: '>=6'} diff --git a/tokens.config.ts b/tokens.config.ts index 543a7bc..b9af9c8 100644 --- a/tokens.config.ts +++ b/tokens.config.ts @@ -13,6 +13,18 @@ export default defineTheme({ 700: '#c2410c', 800: '#9a3412', 900: '#7c2d12' + }, + secondary: { + 50: '#fefce8', + 100: '#fef9c3', + 200: '#fef08a', + 300: '#fde047', + 400: '#facc15', + 500: '#eab308', + 600: '#ca8a04', + 700: '#a16207', + 800: '#854d0e', + 900: '#713f12' } }, docus: {