diff --git a/apps/docs/package.json b/apps/docs/package.json index b71b1038541..8a3ac65c80e 100644 --- a/apps/docs/package.json +++ b/apps/docs/package.json @@ -164,6 +164,7 @@ "ejs": "^3.1.10", "globby": "^13.2.2", "graphiql": "^4.0.2", + "jsdom": "^28.1.0", "npm-run-all": "^4.1.5", "openapi-types": "^12.1.3", "postcss": "catalog:", diff --git a/apps/docs/styles/code-block.css b/apps/docs/styles/code-block.css index 7db2cf9c248..2cfb193884f 100644 --- a/apps/docs/styles/code-block.css +++ b/apps/docs/styles/code-block.css @@ -109,10 +109,6 @@ overflow-wrap: anywhere !important; } -.shadow-codeblock { - box-shadow: var(--shadow-codeblock, none); -} - .shiki-wrapper { --tab-flare-ring: transparent 6.75px, var(--border-color-default) 7.25px, var(--border-color-default) 7.75px, diff --git a/apps/docs/styles/globals.css b/apps/docs/styles/globals.css index 2a39bcb51c0..e2eff30e5ea 100644 --- a/apps/docs/styles/globals.css +++ b/apps/docs/styles/globals.css @@ -1,6 +1,7 @@ @import 'config/tailwind.config.css'; @import './code-block.css'; @import './reference.css'; +@import './utilities.css'; @source '../app/**/*.{ts,tsx,mdx}'; @source '../components/**/*.tsx'; diff --git a/apps/docs/styles/utilities.css b/apps/docs/styles/utilities.css new file mode 100644 index 00000000000..5c2be11f928 --- /dev/null +++ b/apps/docs/styles/utilities.css @@ -0,0 +1,21 @@ +@property --dock-glow { + syntax: ''; + inherits: true; + initial-value: transparent; +} + +@utility dock-discard-glow { + transition: --dock-glow 200ms ease-out; + background-image: linear-gradient( + to top, + var(--dock-glow), + color-mix(in oklab, var(--dock-glow) 55%, transparent) 14px, + color-mix(in oklab, var(--dock-glow) 25%, transparent) 28px, + color-mix(in oklab, var(--dock-glow) 7%, transparent) 42px, + transparent 56px + ); +} + +@utility shadow-codeblock { + box-shadow: var(--shadow-codeblock, none); +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d549984d8f7..cd4845d080b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -672,6 +672,9 @@ importers: graphiql: specifier: ^4.0.2 version: 4.0.2(@codemirror/language@6.11.0)(@emotion/is-prop-valid@1.4.0)(@types/node@22.13.14)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(graphql-ws@6.0.4(graphql@16.11.0)(ws@8.21.3))(graphql@16.11.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6) + jsdom: + specifier: ^28.1.0 + version: 28.1.0(@noble/hashes@1.8.0)(supports-color@8.1.1) npm-run-all: specifier: ^4.1.5 version: 4.1.5