From 405e4a09e24bd059f56f1a40ddc7d47eef1af27c Mon Sep 17 00:00:00 2001 From: Serhii Bedrytskyi Date: Tue, 15 Nov 2022 15:08:10 +0200 Subject: [PATCH] fix: backdrop tokens; CodeGroup --- components/content/CodeBlock.vue | 8 +- components/content/CodeGroup.vue | 65 ++-- components/content/TabsHeader.vue | 55 +++- components/docs/DocsPageContent.vue | 4 +- components/landing/Card.vue | 8 - nuxt.config.ts | 2 +- pnpm-lock.yaml | 494 +++++++++++++++++++++------- tokens.config.ts | 6 +- 8 files changed, 445 insertions(+), 197 deletions(-) diff --git a/components/content/CodeBlock.vue b/components/content/CodeBlock.vue index e4130fa02..4abd17cc4 100644 --- a/components/content/CodeBlock.vue +++ b/components/content/CodeBlock.vue @@ -5,22 +5,22 @@ defineProps({ */ label: { type: String, - required: true, + required: true }, /** * Select which tab should be active */ active: { type: Boolean, - default: false, + default: false }, /** * Preiew block are bordered and have small padding. */ preview: { type: Boolean, - default: false, - }, + default: false + } }) diff --git a/components/content/CodeGroup.vue b/components/content/CodeGroup.vue index 2149d2892..62fe5b80e 100644 --- a/components/content/CodeGroup.vue +++ b/components/content/CodeGroup.vue @@ -84,52 +84,25 @@ export default defineComponent({ }) - - - diff --git a/components/content/TabsHeader.vue b/components/content/TabsHeader.vue index b6dc1a0ee..e042e99fc 100644 --- a/components/content/TabsHeader.vue +++ b/components/content/TabsHeader.vue @@ -5,12 +5,12 @@ import type { PropType } from 'vue' const props = defineProps({ tabs: { type: Array as PropType<{ label: string }[]>, - required: true, + required: true }, activeTabIndex: { type: Number, - required: true, - }, + required: true + } }) const emit = defineEmits(['update:activeTabIndex']) @@ -45,8 +45,8 @@ watch( }, 50) }, { - immediate: true, - }, + immediate: true + } ) @@ -65,7 +65,7 @@ watch( ref="highlightUnderline" class="highlight-underline" > - + @@ -76,17 +76,19 @@ watch( \ No newline at end of file + diff --git a/components/docs/DocsPageContent.vue b/components/docs/DocsPageContent.vue index 77c4de4a7..d306d3722 100644 --- a/components/docs/DocsPageContent.vue +++ b/components/docs/DocsPageContent.vue @@ -223,8 +223,8 @@ css({ }, '.toc-wrapper': { width: '100%', - // TODO: rgba() doesn't work in tokens.config; replace with backdrop tokens - backgroundColor: 'red', + backdropFilter: '{backdrop.filter}', + backgroundColor: '{backdrop.background}', px: '{space.4}', '@mq.sm': { px: '{space.6}', diff --git a/components/landing/Card.vue b/components/landing/Card.vue index e18623b8e..f2156dab3 100644 --- a/components/landing/Card.vue +++ b/components/landing/Card.vue @@ -35,14 +35,6 @@ defineProps({ - -