From e3ffc28d5ffcede2234f0e156c2ed318fd97780a Mon Sep 17 00:00:00 2001 From: aromko Date: Mon, 27 May 2024 15:06:11 +0200 Subject: [PATCH] DST-450: use ghost button for demo links --- package.json | 1 + pnpm-lock.yaml | 126 ++++++++++++++++++++++++++++++++++++ src/components/DemoLink.tsx | 23 +++++-- 3 files changed, 144 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index 3857581..1fe6b68 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "dependencies": { "@code-hike/mdx": "^0.9.0", "@marigold/components": "^7.7.1", + "@marigold/icons": "^1.2.49", "@marigold/theme-core": "^26.1.7", "@mdx-js/rollup": "^3.0.1", "@tanstack/react-query": "^5.35.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 8923abb..ffb01f8 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -14,6 +14,9 @@ importers: '@marigold/components': specifier: ^7.7.1 version: 7.7.1(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + '@marigold/icons': + specifier: ^1.2.49 + version: 1.2.49(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@marigold/theme-core': specifier: ^26.1.7 version: 26.1.7(@types/react@18.3.1)(postcss@8.4.38)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.3) @@ -1052,15 +1055,27 @@ packages: '@internationalized/date@3.5.3': resolution: {integrity: sha512-X9bi8NAEHAjD8yzmPYT2pdJsbe+tYSEBAfowtlxJVJdZR3aK8Vg7ZUT1Fm5M47KLzp/M1p1VwAaeSma3RT7biw==} + '@internationalized/date@3.5.4': + resolution: {integrity: sha512-qoVJVro+O0rBaw+8HPjUB1iH8Ihf8oziEnqMnvhJUSuVIrHOuZ6eNLHNvzXJKUvAtaDiqMnRlg8Z2mgh09BlUw==} + '@internationalized/message@3.1.3': resolution: {integrity: sha512-jba3kGxnh4hN4zoeJZuMft99Ly1zbmon4fyDz3VAmO39Kb5Aw+usGub7oU/sGoBIcVQ7REEwsvjIWtIO1nitbw==} + '@internationalized/message@3.1.4': + resolution: {integrity: sha512-Dygi9hH1s7V9nha07pggCkvmRfDd3q2lWnMGvrJyrOwYMe1yj4D2T9BoH9I6MGR7xz0biQrtLPsqUkqXzIrBOw==} + '@internationalized/number@3.5.2': resolution: {integrity: sha512-4FGHTi0rOEX1giSkt5MH4/te0eHBq3cvAYsfLlpguV6pzJAReXymiYpE5wPCqKqjkUO3PIsyvk+tBiIV1pZtbA==} + '@internationalized/number@3.5.3': + resolution: {integrity: sha512-rd1wA3ebzlp0Mehj5YTuTI50AQEx80gWFyHcQu+u91/5NgdwBecO8BH6ipPfE+lmQ9d63vpB3H9SHoIUiupllw==} + '@internationalized/string@3.2.2': resolution: {integrity: sha512-5xy2JfSQyGqL9FDIdJXVjoKSBBDJR4lvwoCbqKhc5hQZ/qSLU/OlONCmrJPcSH0zxh88lXJMzbOAk8gJ48JBFw==} + '@internationalized/string@3.2.3': + resolution: {integrity: sha512-9kpfLoA8HegiWTeCbR2livhdVeKobCnVv8tlJ6M2jF+4tcMqDo94ezwlnrUANBWPgd8U7OXIHCk2Ov2qhk4KXw==} + '@isaacs/cliui@8.0.2': resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==} engines: {node: '>=12'} @@ -1116,6 +1131,11 @@ packages: peerDependencies: react: 18.x + '@marigold/icons@1.2.49': + resolution: {integrity: sha512-iuB25JIfiC1QtAGBWFaPvjd8z7HTnxwxITvz4f/sr/lp20Wy1fmqpMgdbU/24vu/SGtATdOmUJp660J8iajyTg==} + peerDependencies: + react: 18.x + '@marigold/prettier-config@0.3.1': resolution: {integrity: sha512-7xswxyNSPjtV9d0f0xYv6BUI6tw1Vrjvai3MJ8XTs4T0iyvHUrGg6CaZ2gCY83PRwGHIRX0qihp+/bhBQc7Q8g==} peerDependencies: @@ -1127,6 +1147,12 @@ packages: react: 18.x react-dom: 18.x + '@marigold/system@7.8.0': + resolution: {integrity: sha512-fasRO+yAqT/IOLx52LQ/a4mQtEUce+6vlFGhm1YvUs5Vs+Zg6kqUG/9aenRxxxMDUxc1NqBqsvKjFImSTvgVwA==} + peerDependencies: + react: 18.x + react-dom: 18.x + '@marigold/theme-core@26.1.7': resolution: {integrity: sha512-yAYawDh2fVp0NtfZcgM1GZ6lkmGwX07uGmZf0ScNsmrQxuX/KBhBMocVeuj9AY3r31l4AHsDEeYWd4tPaYMPLg==} @@ -1256,6 +1282,11 @@ packages: peerDependencies: react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-aria/i18n@3.11.1': + resolution: {integrity: sha512-vuiBHw1kZruNMYeKkTGGnmPyMnM5T+gT8bz97H1FqIq1hQ6OPzmtBZ6W6l6OIMjeHI5oJo4utTwfZl495GALFQ==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-aria/interactions@3.21.2': resolution: {integrity: sha512-Ju706DtoEmI/2vsfu9DCEIjDqsRBVLm/wmt2fr0xKbBca7PtmK8daajxFWz+eTq+EJakvYfLr7gWgLau9HyWXg==} peerDependencies: @@ -1352,6 +1383,12 @@ packages: peerDependencies: react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-aria/ssr@3.9.4': + resolution: {integrity: sha512-4jmAigVq409qcJvQyuorsmBR4+9r3+JEC60wC+Y0MZV0HCtTmm8D9guYXlJMdx0SSkgj0hHAyFm/HvPNFofCoQ==} + engines: {node: '>= 12'} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-aria/switch@3.6.3': resolution: {integrity: sha512-UBWbTEnnlTDT/dFOEpGKfX5ngPTIOVDLX1ltUhDHHk6SrgSnvYxTPTZAo+ujHIUSBFHOuxmvVYG7y54rk168mg==} peerDependencies: @@ -1406,6 +1443,11 @@ packages: peerDependencies: react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-aria/utils@3.24.1': + resolution: {integrity: sha512-O3s9qhPMd6n42x9sKeJ3lhu5V1Tlnzhu6Yk8QOvDuXf7UGuUjXf9mzfHJt1dYzID4l9Fwm8toczBzPM9t0jc8Q==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-aria/visually-hidden@3.8.11': resolution: {integrity: sha512-1JFruyAatoKnC18qrix8Q1gyUNlizWZvYdPADgB5btakMy0PEGTWPmFRK5gFsO+N0CZLCFTCip0dkUv6rrp31w==} peerDependencies: @@ -1539,6 +1581,11 @@ packages: peerDependencies: react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-stately/utils@3.10.1': + resolution: {integrity: sha512-VS/EHRyicef25zDZcM/ClpzYMC5i2YGN6uegOeQawmgfGjb02yaCX0F0zR69Pod9m2Hr3wunTbtpgVXvYbZItg==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-stately/virtualizer@3.7.0': resolution: {integrity: sha512-Wkh502y6mzUvjJJr30p5FLRwBaphnfmnoSnGwidamwo3HuyrDICBSlwFGPl0AmUHo1afSaLXl6j8smU48VcClA==} peerDependencies: @@ -1654,6 +1701,11 @@ packages: peerDependencies: react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-types/shared@3.23.1': + resolution: {integrity: sha512-5d+3HbFDxGZjhbMBeFHRQhexMFt4pUce3okyRtUVKbbedQFUrtXSBg9VszgF2RTeQDKDkMCIQDtz5ccP/Lk1gw==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 + '@react-types/slider@3.7.2': resolution: {integrity: sha512-HvC/Mdt/z741xcU0ymeNxslnowQ5EAHOSzyf2JMgXmle+pEIbbepz5QUVaOmEveQHS3bjxE/+n2yBTKbxP8CJg==} peerDependencies: @@ -4072,6 +4124,7 @@ packages: rimraf@3.0.2: resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==} + deprecated: Rimraf versions prior to v4 are no longer supported hasBin: true rollup@4.17.2: @@ -5733,19 +5786,36 @@ snapshots: dependencies: '@swc/helpers': 0.5.11 + '@internationalized/date@3.5.4': + dependencies: + '@swc/helpers': 0.5.11 + '@internationalized/message@3.1.3': dependencies: '@swc/helpers': 0.5.11 intl-messageformat: 10.5.12 + '@internationalized/message@3.1.4': + dependencies: + '@swc/helpers': 0.5.11 + intl-messageformat: 10.5.12 + '@internationalized/number@3.5.2': dependencies: '@swc/helpers': 0.5.11 + '@internationalized/number@3.5.3': + dependencies: + '@swc/helpers': 0.5.11 + '@internationalized/string@3.2.2': dependencies: '@swc/helpers': 0.5.11 + '@internationalized/string@3.2.3': + dependencies: + '@swc/helpers': 0.5.11 + '@isaacs/cliui@8.0.2': dependencies: string-width: 5.1.2 @@ -5857,6 +5927,14 @@ snapshots: - '@types/react' - react-dom + '@marigold/icons@1.2.49(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + dependencies: + '@marigold/system': 7.8.0(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + react: 18.3.1 + transitivePeerDependencies: + - '@types/react' + - react-dom + '@marigold/prettier-config@0.3.1(prettier@3.2.5)': dependencies: prettier: 3.2.5 @@ -5874,6 +5952,19 @@ snapshots: transitivePeerDependencies: - '@types/react' + '@marigold/system@7.8.0(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + dependencies: + '@marigold/types': 1.1.0(@types/react@18.3.1) + '@react-aria/i18n': 3.11.1(react@18.3.1) + class-variance-authority: 0.7.0 + deepmerge: 4.2.2 + react: 18.3.1 + react-dom: 18.3.1(react@18.3.1) + react-fast-compare: 3.2.0 + tailwind-merge: 2.2.1 + transitivePeerDependencies: + - '@types/react' + '@marigold/theme-core@26.1.7(@types/react@18.3.1)(postcss@8.4.38)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.3)': dependencies: '@marigold/components': 7.7.1(@types/react@18.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) @@ -6177,6 +6268,18 @@ snapshots: '@swc/helpers': 0.5.11 react: 18.3.1 + '@react-aria/i18n@3.11.1(react@18.3.1)': + dependencies: + '@internationalized/date': 3.5.4 + '@internationalized/message': 3.1.4 + '@internationalized/number': 3.5.3 + '@internationalized/string': 3.2.3 + '@react-aria/ssr': 3.9.4(react@18.3.1) + '@react-aria/utils': 3.24.1(react@18.3.1) + '@react-types/shared': 3.23.1(react@18.3.1) + '@swc/helpers': 0.5.11 + react: 18.3.1 + '@react-aria/interactions@3.21.2(react@18.3.1)': dependencies: '@react-aria/ssr': 3.9.3(react@18.3.1) @@ -6381,6 +6484,11 @@ snapshots: '@swc/helpers': 0.5.11 react: 18.3.1 + '@react-aria/ssr@3.9.4(react@18.3.1)': + dependencies: + '@swc/helpers': 0.5.11 + react: 18.3.1 + '@react-aria/switch@3.6.3(react@18.3.1)': dependencies: '@react-aria/toggle': 3.10.3(react@18.3.1) @@ -6503,6 +6611,15 @@ snapshots: clsx: 2.1.1 react: 18.3.1 + '@react-aria/utils@3.24.1(react@18.3.1)': + dependencies: + '@react-aria/ssr': 3.9.4(react@18.3.1) + '@react-stately/utils': 3.10.1(react@18.3.1) + '@react-types/shared': 3.23.1(react@18.3.1) + '@swc/helpers': 0.5.11 + clsx: 2.1.1 + react: 18.3.1 + '@react-aria/visually-hidden@3.8.11(react@18.3.1)': dependencies: '@react-aria/interactions': 3.21.2(react@18.3.1) @@ -6730,6 +6847,11 @@ snapshots: '@swc/helpers': 0.5.11 react: 18.3.1 + '@react-stately/utils@3.10.1(react@18.3.1)': + dependencies: + '@swc/helpers': 0.5.11 + react: 18.3.1 + '@react-stately/virtualizer@3.7.0(react@18.3.1)': dependencies: '@react-aria/utils': 3.24.0(react@18.3.1) @@ -6855,6 +6977,10 @@ snapshots: dependencies: react: 18.3.1 + '@react-types/shared@3.23.1(react@18.3.1)': + dependencies: + react: 18.3.1 + '@react-types/slider@3.7.2(react@18.3.1)': dependencies: '@react-types/shared': 3.23.0(react@18.3.1) diff --git a/src/components/DemoLink.tsx b/src/components/DemoLink.tsx index bcbad63..4ff6228 100644 --- a/src/components/DemoLink.tsx +++ b/src/components/DemoLink.tsx @@ -1,13 +1,24 @@ -import {Link} from '@tanstack/react-router'; +import { Link } from '@tanstack/react-router'; +import { ExternalLink } from '@marigold/icons'; +import { Button } from '@marigold/components'; -const DemoLink = ({ destination, text = 'View demo'}: {destination: string, text?: string}) => { +const DemoLink = ({ + destination, + text = 'View demo', +}: { + destination: string; + text?: string; +}) => { return ( -
+
- {text} +
); -} +}; -export default DemoLink; \ No newline at end of file +export default DemoLink;