Skip to content

Commit 277b0f6

Browse files
TahulTahul
committed
Merge branch 'main' of github.com:nuxt-community/design-tokens
2 parents f373c54 + a4f08aa commit 277b0f6

File tree

7 files changed

+41
-13
lines changed

7 files changed

+41
-13
lines changed

‎README.md‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
# @nuxtjs/design-tokens
1+
[![@nuxt/image](./docs/public/cover.jpg "Nuxt Design Tokens")](https://design-tokens.nuxtjs.org)
2+
3+
# Nuxt Design Tokens
24

35
Use [Style Dictionary](https://amzn.github.io/style-dictionary) in your Nuxt project.
46

‎docs/components/Logo.vue‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<template>
2+
<svg
3+
class="h-6 text-black md:h-8 dark:text-white"
4+
viewbox="0 0 293 40"
5+
fill="none"
6+
xmlns="http://www.w3.org/2000/svg"
7+
><g clip-path="url(#a)"><path d="M0 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10.554l8.294-8.262a1 1 0 0 1 1.414 0l7.07 7.072a1 1 0 0 1 0 1.416L20.522 24H31a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a5.98 5.98 0 0 1-4.242-1.758A5.98 5.98 0 0 1 0 30.088m12-.42 14.656-14.6-5.658-5.656L12 18.376V29.67v-.002ZM9 30a3 3 0 1 0-6 0 3 3 0 0 0 6 0Zm21 4v-8H18.516l-8.03 8H30ZM0 5v24.99V5Z" fill="currentColor" /></g><path d="M43.904 29V9.4h3.584L56.7 23.204V9.4h3.584V29H56.7l-9.212-13.776V29h-3.584Zm25.304.336c-1.736 0-3.08-.541-4.032-1.624-.934-1.083-1.4-2.67-1.4-4.76v-7.84h3.556v7.504c0 1.195.242 2.11.728 2.744.485.635 1.25.952 2.296.952.989 0 1.801-.355 2.436-1.064.653-.71.98-1.699.98-2.968v-7.168h3.584V29h-3.164l-.28-2.352a4.856 4.856 0 0 1-1.876 1.96c-.803.485-1.746.728-2.828.728ZM79.718 29l5.04-6.944-5.04-6.944h3.837l3.528 4.928 3.5-4.928h3.864l-5.068 6.944L94.447 29h-3.864l-3.5-4.928L83.555 29h-3.836Zm23.2 0c-1.456 0-2.623-.355-3.5-1.064-.877-.71-1.316-1.97-1.316-3.78v-6.048h-2.38v-2.996h2.38l.42-3.724h3.164v3.724h3.752v2.996h-3.752v6.076c0 .672.14 1.139.42 1.4.299.243.803.364 1.512.364h1.736V29h-2.436Z" fill="currentColor" /><path d="M108.599 29V9.4h6.692c2.296 0 4.182.41 5.656 1.232 1.494.803 2.595 1.941 3.304 3.416.728 1.456 1.092 3.173 1.092 5.152s-.364 3.705-1.092 5.18c-.709 1.456-1.81 2.595-3.304 3.416-1.474.803-3.36 1.204-5.656 1.204h-6.692Zm3.584-3.08h2.94c1.643 0 2.94-.261 3.892-.784.952-.541 1.634-1.307 2.044-2.296.411-1.008.616-2.221.616-3.64 0-1.4-.205-2.604-.616-3.612a4.599 4.599 0 0 0-2.044-2.324c-.952-.541-2.249-.812-3.892-.812h-2.94V25.92Zm22.987 3.416c-1.4 0-2.642-.299-3.724-.896a6.482 6.482 0 0 1-2.548-2.52c-.616-1.083-.924-2.333-.924-3.752 0-1.437.298-2.716.896-3.836.616-1.12 1.456-1.988 2.52-2.604 1.082-.635 2.352-.952 3.808-.952 1.362 0 2.566.299 3.612.896a6.312 6.312 0 0 1 2.436 2.464c.597 1.027.896 2.175.896 3.444 0 .205-.01.42-.028.644 0 .224-.01.457-.028.7H131.53c.074 1.083.448 1.932 1.12 2.548.69.616 1.521.924 2.492.924.728 0 1.334-.159 1.82-.476a3.1 3.1 0 0 0 1.12-1.288h3.64c-.262.877-.7 1.68-1.316 2.408a6.334 6.334 0 0 1-2.24 1.68c-.878.41-1.876.616-2.996.616Zm.028-11.648c-.878 0-1.652.252-2.324.756-.672.485-1.102 1.232-1.288 2.24h6.916c-.056-.915-.392-1.643-1.008-2.184-.616-.541-1.382-.812-2.296-.812Zm15.698 11.648c-1.232 0-2.315-.196-3.248-.588-.933-.41-1.68-.97-2.24-1.68a4.823 4.823 0 0 1-1.008-2.464h3.612c.112.541.411 1.008.896 1.4.504.373 1.148.56 1.932.56s1.353-.159 1.708-.476c.373-.317.56-.681.56-1.092 0-.597-.261-.999-.784-1.204-.523-.224-1.251-.439-2.184-.644a23.9 23.9 0 0 1-1.82-.476 9.359 9.359 0 0 1-1.708-.7 3.954 3.954 0 0 1-1.232-1.12c-.317-.467-.476-1.036-.476-1.708 0-1.232.485-2.268 1.456-3.108.989-.84 2.371-1.26 4.144-1.26 1.643 0 2.949.383 3.92 1.148.989.765 1.577 1.82 1.764 3.164H152.8c-.205-1.027-.98-1.54-2.324-1.54-.672 0-1.195.13-1.568.392-.355.261-.532.588-.532.98 0 .41.271.737.812.98s1.26.467 2.156.672c.971.224 1.857.476 2.66.756.821.261 1.475.663 1.96 1.204.485.523.728 1.279.728 2.268a3.895 3.895 0 0 1-.672 2.324c-.467.69-1.139 1.232-2.016 1.624-.877.392-1.913.588-3.108.588Zm10.903-16.38c-.653 0-1.195-.196-1.624-.588-.411-.392-.616-.887-.616-1.484s.205-1.083.616-1.456c.429-.392.971-.588 1.624-.588.653 0 1.185.196 1.596.588.429.373.644.859.644 1.456s-.215 1.092-.644 1.484c-.411.392-.943.588-1.596.588ZM160.007 29V15.112h3.584V29h-3.584Zm13.205-4.144a7.488 7.488 0 0 1-1.876-.224l-1.036 1.036c.317.168.746.308 1.288.42.541.112 1.418.224 2.632.336 1.848.168 3.192.607 4.032 1.316.84.71 1.26 1.69 1.26 2.94a4.36 4.36 0 0 1-.672 2.324c-.448.747-1.139 1.344-2.072 1.792-.934.467-2.128.7-3.584.7-1.979 0-3.575-.373-4.788-1.12-1.214-.728-1.82-1.83-1.82-3.304 0-1.25.606-2.333 1.82-3.248a6.758 6.758 0 0 1-.98-.532 5.479 5.479 0 0 1-.7-.588v-.644l2.436-2.576c-1.083-.952-1.624-2.175-1.624-3.668 0-.933.224-1.783.672-2.548.466-.765 1.12-1.372 1.96-1.82.84-.448 1.857-.672 3.052-.672.784 0 1.512.112 2.184.336h5.264v2.184l-2.38.168c.373.71.56 1.493.56 2.352a4.95 4.95 0 0 1-.672 2.548c-.448.765-1.102 1.372-1.96 1.82-.84.448-1.839.672-2.996.672Zm0-2.744c.728 0 1.325-.196 1.792-.588.485-.392.728-.952.728-1.68s-.243-1.288-.728-1.68c-.467-.392-1.064-.588-1.792-.588-.766 0-1.382.196-1.848.588-.467.392-.7.952-.7 1.68s.233 1.288.7 1.68c.466.392 1.082.588 1.848.588Zm-3.36 8.596c0 .69.317 1.204.952 1.54.653.355 1.446.532 2.38.532.896 0 1.624-.187 2.184-.56.56-.355.84-.84.84-1.456 0-.504-.187-.924-.56-1.26-.355-.336-1.074-.541-2.156-.616a22.198 22.198 0 0 1-2.128-.252c-.542.299-.934.625-1.176.98a2.021 2.021 0 0 0-.336 1.092ZM183.273 29V15.112h3.164l.28 2.352a4.907 4.907 0 0 1 1.848-1.96c.821-.485 1.783-.728 2.884-.728 1.717 0 3.052.541 4.004 1.624.952 1.083 1.428 2.67 1.428 4.76V29h-3.584v-7.504c0-1.195-.243-2.11-.728-2.744-.485-.635-1.241-.952-2.268-.952-1.008 0-1.839.355-2.492 1.064-.635.71-.952 1.699-.952 2.968V29h-3.584Zm21.683 0V12.284h-5.712V9.4h15.036v2.884h-5.74V29h-3.584Zm16.044.336c-1.344 0-2.558-.308-3.64-.924a6.945 6.945 0 0 1-2.548-2.548c-.616-1.101-.924-2.37-.924-3.808 0-1.437.317-2.697.952-3.78a6.884 6.884 0 0 1 2.548-2.576c1.082-.616 2.296-.924 3.64-.924 1.325 0 2.52.308 3.584.924a6.632 6.632 0 0 1 2.548 2.576c.634 1.083.952 2.343.952 3.78 0 1.437-.318 2.707-.952 3.808a6.686 6.686 0 0 1-2.548 2.548c-1.083.616-2.287.924-3.612.924Zm0-3.108c.933 0 1.745-.345 2.436-1.036.69-.71 1.036-1.755 1.036-3.136 0-1.381-.346-2.417-1.036-3.108-.691-.71-1.494-1.064-2.408-1.064-.952 0-1.774.355-2.464 1.064-.672.69-1.008 1.727-1.008 3.108s.336 2.427 1.008 3.136c.69.69 1.502 1.036 2.436 1.036ZM231.316 29V8.84h3.584v11.9l4.928-5.628h4.256L238.4 21.44l6.608 7.56h-4.48l-5.628-6.972V29h-3.584Zm21.514.336c-1.4 0-2.642-.299-3.724-.896a6.482 6.482 0 0 1-2.548-2.52c-.616-1.083-.924-2.333-.924-3.752 0-1.437.298-2.716.896-3.836.616-1.12 1.456-1.988 2.52-2.604 1.082-.635 2.352-.952 3.808-.952 1.362 0 2.566.299 3.612.896a6.312 6.312 0 0 1 2.436 2.464c.597 1.027.896 2.175.896 3.444 0 .205-.01.42-.028.644 0 .224-.01.457-.028.7H249.19c.074 1.083.448 1.932 1.12 2.548.69.616 1.521.924 2.492.924.728 0 1.334-.159 1.82-.476a3.1 3.1 0 0 0 1.12-1.288h3.64c-.262.877-.7 1.68-1.316 2.408a6.334 6.334 0 0 1-2.24 1.68c-.878.41-1.876.616-2.996.616Zm.028-11.648c-.878 0-1.652.252-2.324.756-.672.485-1.102 1.232-1.288 2.24h6.916c-.056-.915-.392-1.643-1.008-2.184-.616-.541-1.382-.812-2.296-.812ZM262.816 29V15.112h3.164l.28 2.352a4.907 4.907 0 0 1 1.848-1.96c.821-.485 1.783-.728 2.884-.728 1.717 0 3.052.541 4.004 1.624.952 1.083 1.428 2.67 1.428 4.76V29h-3.584v-7.504c0-1.195-.243-2.11-.728-2.744-.485-.635-1.241-.952-2.268-.952-1.008 0-1.839.355-2.492 1.064-.635.71-.952 1.699-.952 2.968V29h-3.584Zm22.775.336c-1.232 0-2.314-.196-3.248-.588-.933-.41-1.68-.97-2.24-1.68a4.823 4.823 0 0 1-1.008-2.464h3.612c.112.541.411 1.008.896 1.4.504.373 1.148.56 1.932.56s1.354-.159 1.708-.476c.374-.317.56-.681.56-1.092 0-.597-.261-.999-.784-1.204-.522-.224-1.25-.439-2.184-.644a23.9 23.9 0 0 1-1.82-.476 9.359 9.359 0 0 1-1.708-.7 3.965 3.965 0 0 1-1.232-1.12c-.317-.467-.476-1.036-.476-1.708 0-1.232.486-2.268 1.456-3.108.99-.84 2.371-1.26 4.144-1.26 1.643 0 2.95.383 3.92 1.148.99.765 1.578 1.82 1.764 3.164h-3.388c-.205-1.027-.98-1.54-2.324-1.54-.672 0-1.194.13-1.568.392-.354.261-.532.588-.532.98 0 .41.271.737.812.98.542.243 1.26.467 2.156.672.971.224 1.858.476 2.66.756.822.261 1.475.663 1.96 1.204.486.523.728 1.279.728 2.268a3.895 3.895 0 0 1-.672 2.324c-.466.69-1.138 1.232-2.016 1.624-.877.392-1.913.588-3.108.588Z" fill="url(#b)" /><defs><linearGradient
8+
id="b"
9+
x1="42"
10+
y1="18.979"
11+
x2="293"
12+
y2="18.979"
13+
gradientUnits="userSpaceOnUse"
14+
><stop stop-color="#00DC82" /><stop offset="1" stop-color="#36E4DA" /><stop offset="1" stop-color="#0047E1" /></linearGradient><clipPath id="a"><path fill="#fff" transform="translate(0 4)" d="M0 0h32v32H0z" /></clipPath></defs></svg>
15+
</template>

‎docs/components/Ellipsis.vue‎ renamed to ‎docs/components/content/Ellipsis.vue‎

File renamed without changes.

‎docs/components/content/Highlight.vue‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<template>
2+
<span><slot /></span>
3+
</template>
4+
5+
<style scoped>
6+
span {
7+
background: linear-gradient(90deg, #00DC82, #36E4DA);
8+
background-clip: text;
9+
-webkit-text-fill-color: transparent;
10+
}
11+
</style>

‎docs/content/0.index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: "@nuxtjs/design-tokens"
3-
description: "Use Design Tokens in your Nuxt app."
2+
title: "Design System made easy"
3+
description: "ully-typed design tokens integration for making and maintaining a design system."
44
navigation: false
55
layout: fluid
66
---
@@ -20,8 +20,8 @@ snippet: npm install @nuxtjs/design-tokens --save-dev
2020
:ellipsis
2121

2222
#title
23-
Design Tokens in Nuxt.
23+
Nuxt :highlight[DesignTokens]
2424

2525
#description
26-
@nuxtjs/design-tokens allows you to use Design Tokens at any level of your Nuxt app with a fully-typed API.
26+
Fully-typed design tokens integration for making and maintaining a design system.
2727
::

‎docs/public/cover.jpg‎

158 KB
Loading

‎docs/theme.config.ts‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
export default {
2-
title: '@nuxtjs/design-tokens',
3-
description: 'Use Design Tokens in your Nuxt app.',
4-
url: 'https://nuxt-design-tokens.netlify.app',
2+
title: 'Nuxt Design Tokens',
3+
description: 'Fully-typed design tokens integration for making and maintaining a design system.',
4+
url: 'https://design-tokens.nuxtjs.org',
55
socials: {
66
twitter: '@yaeeelglx',
77
github: 'nuxt-community/design-tokens-module'
@@ -14,9 +14,9 @@ export default {
1414
aside: {
1515
level: 0
1616
},
17-
header: {
18-
title: '@nuxtjs/design-tokens 🎨',
19-
logo: false
17+
cover: {
18+
src: '/cover.jpg',
19+
alt: 'Nuxt Design Tokens'
2020
},
2121
footer: {
2222
credits: {
@@ -26,8 +26,8 @@ export default {
2626
},
2727
icons: [
2828
{
29-
label: 'NuxtJS',
30-
href: 'https://nuxtjs.org',
29+
label: 'Nuxt',
30+
href: 'https://v3.nuxtjs.org',
3131
component: 'IconNuxt'
3232
},
3333
{

0 commit comments

Comments
 (0)