From 74c938db092d52b8d5f4508322f89469d7daef63 Mon Sep 17 00:00:00 2001 From: Serhii Bedrytskyi Date: Thu, 6 Apr 2023 15:33:10 +0300 Subject: [PATCH 01/53] refactor: move tokens, typography and elements to Docus --- assets/css/main.css | 17 + components/elements/globals/Alert.vue | 129 ++ components/elements/globals/Badge.vue | 57 + components/elements/globals/ButtonLink.vue | 103 + components/elements/globals/Callout.vue | 118 ++ components/elements/globals/CodeCollapse.vue | 72 + components/elements/globals/CodeGroup.vue | 112 ++ components/elements/globals/CodeGroupTabs.vue | 142 ++ components/elements/globals/CodePreview.vue | 47 + components/elements/globals/Container.vue | 49 + components/elements/globals/Disclosure.vue | 164 ++ components/elements/globals/List.vue | 97 + components/elements/globals/NuxtImg.vue | 60 + components/elements/globals/Props.vue | 141 ++ components/elements/globals/Sandbox.vue | 96 + components/elements/globals/Terminal.vue | 191 ++ components/elements/globals/Tooltip.vue | 178 ++ components/elements/globals/VideoPlayer.vue | 120 ++ components/elements/icons/IconCodeSandBox.vue | 5 + components/elements/icons/IconDocus.vue | 10 + components/elements/icons/IconNuxt.vue | 5 + components/elements/icons/IconNuxtContent.vue | 5 + components/elements/icons/IconNuxtLabs.vue | 5 + components/elements/icons/IconNuxtStudio.vue | 16 + components/elements/icons/IconStackBlitz.vue | 5 + .../elements/icons/IconVueTelescope.vue | 8 + components/elements/landing/BlockHero.vue | 126 ++ components/elements/landing/Card.vue | 63 + components/elements/landing/CardGrid.vue | 35 + components/elements/meta/PreviewLayout.vue | 28 + components/elements/meta/TokensPlayground.vue | 11 + components/elements/volta/VoltaBoard.vue | 24 + components/prose/ProseA.vue | 59 + components/prose/ProseBlockquote.vue | 22 + components/prose/ProseCode.vue | 126 ++ components/prose/ProseCodeCopyButton.vue | 95 + components/prose/ProseCodeInline.vue | 31 + components/prose/ProseEm.vue | 14 + components/prose/ProseH1.vue | 46 + components/prose/ProseH2.vue | 46 + components/prose/ProseH3.vue | 46 + components/prose/ProseH4.vue | 46 + components/prose/ProseH5.vue | 45 + components/prose/ProseH6.vue | 45 + components/prose/ProseHr.vue | 14 + components/prose/ProseImg.vue | 42 + components/prose/ProseLi.vue | 13 + components/prose/ProseOl.vue | 24 + components/prose/ProseP.vue | 19 + components/prose/ProseStrong.vue | 14 + components/prose/ProseTable.vue | 28 + components/prose/ProseTbody.vue | 5 + components/prose/ProseTd.vue | 16 + components/prose/ProseTh.vue | 19 + components/prose/ProseThead.vue | 19 + components/prose/ProseTr.vue | 15 + components/prose/ProseUl.vue | 24 + nuxt.config.ts | 29 +- package.json | 9 +- pnpm-lock.yaml | 1073 +++++++--- tokens.config.ts | 1734 +++++++++++++++++ 61 files changed, 5700 insertions(+), 257 deletions(-) create mode 100644 components/elements/globals/Alert.vue create mode 100644 components/elements/globals/Badge.vue create mode 100644 components/elements/globals/ButtonLink.vue create mode 100644 components/elements/globals/Callout.vue create mode 100644 components/elements/globals/CodeCollapse.vue create mode 100644 components/elements/globals/CodeGroup.vue create mode 100644 components/elements/globals/CodeGroupTabs.vue create mode 100644 components/elements/globals/CodePreview.vue create mode 100644 components/elements/globals/Container.vue create mode 100644 components/elements/globals/Disclosure.vue create mode 100644 components/elements/globals/List.vue create mode 100644 components/elements/globals/NuxtImg.vue create mode 100644 components/elements/globals/Props.vue create mode 100644 components/elements/globals/Sandbox.vue create mode 100644 components/elements/globals/Terminal.vue create mode 100644 components/elements/globals/Tooltip.vue create mode 100644 components/elements/globals/VideoPlayer.vue create mode 100644 components/elements/icons/IconCodeSandBox.vue create mode 100644 components/elements/icons/IconDocus.vue create mode 100644 components/elements/icons/IconNuxt.vue create mode 100644 components/elements/icons/IconNuxtContent.vue create mode 100644 components/elements/icons/IconNuxtLabs.vue create mode 100644 components/elements/icons/IconNuxtStudio.vue create mode 100644 components/elements/icons/IconStackBlitz.vue create mode 100644 components/elements/icons/IconVueTelescope.vue create mode 100644 components/elements/landing/BlockHero.vue create mode 100644 components/elements/landing/Card.vue create mode 100644 components/elements/landing/CardGrid.vue create mode 100644 components/elements/meta/PreviewLayout.vue create mode 100644 components/elements/meta/TokensPlayground.vue create mode 100644 components/elements/volta/VoltaBoard.vue create mode 100644 components/prose/ProseA.vue create mode 100644 components/prose/ProseBlockquote.vue create mode 100644 components/prose/ProseCode.vue create mode 100644 components/prose/ProseCodeCopyButton.vue create mode 100644 components/prose/ProseCodeInline.vue create mode 100644 components/prose/ProseEm.vue create mode 100644 components/prose/ProseH1.vue create mode 100644 components/prose/ProseH2.vue create mode 100644 components/prose/ProseH3.vue create mode 100644 components/prose/ProseH4.vue create mode 100644 components/prose/ProseH5.vue create mode 100644 components/prose/ProseH6.vue create mode 100644 components/prose/ProseHr.vue create mode 100644 components/prose/ProseImg.vue create mode 100644 components/prose/ProseLi.vue create mode 100644 components/prose/ProseOl.vue create mode 100644 components/prose/ProseP.vue create mode 100644 components/prose/ProseStrong.vue create mode 100644 components/prose/ProseTable.vue create mode 100644 components/prose/ProseTbody.vue create mode 100644 components/prose/ProseTd.vue create mode 100644 components/prose/ProseTh.vue create mode 100644 components/prose/ProseThead.vue create mode 100644 components/prose/ProseTr.vue create mode 100644 components/prose/ProseUl.vue diff --git a/assets/css/main.css b/assets/css/main.css index 1ddeb4d09..be92edd62 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -12,6 +12,23 @@ } } +html { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0,0,0,0) !important; + white-space: nowrap !important; + border: 0 !important; +} + /* Base */ :root { diff --git a/components/elements/globals/Alert.vue b/components/elements/globals/Alert.vue new file mode 100644 index 000000000..5eadf9332 --- /dev/null +++ b/components/elements/globals/Alert.vue @@ -0,0 +1,129 @@ + + + + + diff --git a/components/elements/globals/Badge.vue b/components/elements/globals/Badge.vue new file mode 100644 index 000000000..3d2270561 --- /dev/null +++ b/components/elements/globals/Badge.vue @@ -0,0 +1,57 @@ + + + + + diff --git a/components/elements/globals/ButtonLink.vue b/components/elements/globals/ButtonLink.vue new file mode 100644 index 000000000..3a7ae7955 --- /dev/null +++ b/components/elements/globals/ButtonLink.vue @@ -0,0 +1,103 @@ + + + + + diff --git a/components/elements/globals/Callout.vue b/components/elements/globals/Callout.vue new file mode 100644 index 000000000..d942c468e --- /dev/null +++ b/components/elements/globals/Callout.vue @@ -0,0 +1,118 @@ + + + + + diff --git a/components/elements/globals/CodeCollapse.vue b/components/elements/globals/CodeCollapse.vue new file mode 100644 index 000000000..733a1c382 --- /dev/null +++ b/components/elements/globals/CodeCollapse.vue @@ -0,0 +1,72 @@ + + + + + \ No newline at end of file diff --git a/components/elements/globals/CodeGroup.vue b/components/elements/globals/CodeGroup.vue new file mode 100644 index 000000000..c0fe44162 --- /dev/null +++ b/components/elements/globals/CodeGroup.vue @@ -0,0 +1,112 @@ + + + diff --git a/components/elements/globals/CodeGroupTabs.vue b/components/elements/globals/CodeGroupTabs.vue new file mode 100644 index 000000000..06c66d82e --- /dev/null +++ b/components/elements/globals/CodeGroupTabs.vue @@ -0,0 +1,142 @@ + + + + + diff --git a/components/elements/globals/CodePreview.vue b/components/elements/globals/CodePreview.vue new file mode 100644 index 000000000..7d659d63f --- /dev/null +++ b/components/elements/globals/CodePreview.vue @@ -0,0 +1,47 @@ + + + + + diff --git a/components/elements/globals/Container.vue b/components/elements/globals/Container.vue new file mode 100644 index 000000000..2384bb928 --- /dev/null +++ b/components/elements/globals/Container.vue @@ -0,0 +1,49 @@ + + + + + diff --git a/components/elements/globals/Disclosure.vue b/components/elements/globals/Disclosure.vue new file mode 100644 index 000000000..5853eae0d --- /dev/null +++ b/components/elements/globals/Disclosure.vue @@ -0,0 +1,164 @@ + + + + + + \ No newline at end of file diff --git a/components/elements/globals/List.vue b/components/elements/globals/List.vue new file mode 100644 index 000000000..81bd399ab --- /dev/null +++ b/components/elements/globals/List.vue @@ -0,0 +1,97 @@ + + + diff --git a/components/elements/globals/NuxtImg.vue b/components/elements/globals/NuxtImg.vue new file mode 100644 index 000000000..8f1405f61 --- /dev/null +++ b/components/elements/globals/NuxtImg.vue @@ -0,0 +1,60 @@ + diff --git a/components/elements/globals/Props.vue b/components/elements/globals/Props.vue new file mode 100644 index 000000000..a4a95b744 --- /dev/null +++ b/components/elements/globals/Props.vue @@ -0,0 +1,141 @@ + + + diff --git a/components/elements/globals/Sandbox.vue b/components/elements/globals/Sandbox.vue new file mode 100644 index 000000000..3bacd0931 --- /dev/null +++ b/components/elements/globals/Sandbox.vue @@ -0,0 +1,96 @@ + + +