From af1ba7c79fb629995e981d3dc72cc38e91e6804e Mon Sep 17 00:00:00 2001 From: v1rtl Date: Fri, 29 Nov 2024 18:18:16 +0200 Subject: [PATCH] sync react versions --- docs/package.json | 5 +++-- .../AdditionalColors/components/PaletteRow.css.ts | 11 +++++++++++ .../AdditionalColors/components/PaletteRow.tsx | 13 +++++++++---- docs/src/components/CodeBlock/CodeBlock.tsx | 3 ++- pnpm-lock.yaml | 14 ++++++++------ 5 files changed, 33 insertions(+), 13 deletions(-) create mode 100644 docs/src/components/AdditionalColors/components/PaletteRow.css.ts diff --git a/docs/package.json b/docs/package.json index 67a0384a..4a9af564 100644 --- a/docs/package.json +++ b/docs/package.json @@ -13,6 +13,7 @@ "@ensdomains/thorin": "workspace:*", "@reach/skip-nav": "^0.16.0", "@sindresorhus/slugify": "^2.1.0", + "@vanilla-extract/dynamic": "^2.1.2", "@vanilla-extract/next-plugin": "^2.3.1", "copy-to-clipboard": "^3.3.1", "eslint-config-next": "^13.5.6", @@ -23,8 +24,8 @@ "nookies": "^2.5.2", "prism-react-renderer": "^1.2.1", "prism-theme-vars": "^0.2.4", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^18.3.1", + "react-dom": "^18.3.1", "react-element-to-jsx-string": "^14.3.4", "react-live": "3.1.1", "react-transition-state": "^2.1.2", diff --git a/docs/src/components/AdditionalColors/components/PaletteRow.css.ts b/docs/src/components/AdditionalColors/components/PaletteRow.css.ts new file mode 100644 index 00000000..a77a0abf --- /dev/null +++ b/docs/src/components/AdditionalColors/components/PaletteRow.css.ts @@ -0,0 +1,11 @@ +import { createVar, style } from '@vanilla-extract/css' + +export const paletteCellBackgroundColor = createVar() + +export const paletteCell = style({ + 'backgroundColor': paletteCellBackgroundColor, + 'transform': 'scale(1)', + ':hover': { + transform: 'scale(1.05)', + }, +}) diff --git a/docs/src/components/AdditionalColors/components/PaletteRow.tsx b/docs/src/components/AdditionalColors/components/PaletteRow.tsx index 22c13c25..1f694f25 100644 --- a/docs/src/components/AdditionalColors/components/PaletteRow.tsx +++ b/docs/src/components/AdditionalColors/components/PaletteRow.tsx @@ -1,7 +1,9 @@ import React from 'react' import type { RawColor } from '@ensdomains/thorin' -import { Box, Typography } from '@ensdomains/thorin' +import { Box, rawColorToRGB, Typography } from '@ensdomains/thorin' import { match, P } from 'ts-pattern' +import * as styles from './PaletteRow.css' +import { assignInlineVars } from '@vanilla-extract/dynamic' const PaletteCell = ({ name, @@ -26,11 +28,14 @@ const PaletteCell = ({ ( backgroundColor="greySurface" borderRadius="large" padding="4" - border="1px solid" + borderWidth="1x" + borderStyle="solid" borderColor="border" position="relative" /> diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3d28536a..4154e210 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -187,6 +187,9 @@ importers: '@sindresorhus/slugify': specifier: ^2.1.0 version: 2.1.0 + '@vanilla-extract/dynamic': + specifier: ^2.1.2 + version: 2.1.2 '@vanilla-extract/next-plugin': specifier: ^2.3.1 version: 2.4.5(@types/node@22.5.0)(babel-plugin-macros@3.1.0)(next@14.2.7(@babel/core@7.24.5)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0)(webpack@5.96.1) @@ -218,10 +221,10 @@ importers: specifier: ^0.2.4 version: 0.2.5 react: - specifier: ^18.0.0 + specifier: ^18.3.1 version: 18.3.1 react-dom: - specifier: ^18.0.0 + specifier: ^18.3.1 version: 18.3.1(react@18.3.1) react-element-to-jsx-string: specifier: ^14.3.4 @@ -12457,14 +12460,13 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.8.1(@typescript-eslint/parser@5.45.1(eslint@9.14.0)(typescript@4.9.4))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.5.2(eslint-plugin-import@2.29.1)(eslint@9.14.0))(eslint@9.14.0): + eslint-module-utils@2.8.1(@typescript-eslint/parser@8.13.0(eslint@9.14.0)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint@9.14.0): dependencies: debug: 3.2.7 optionalDependencies: - '@typescript-eslint/parser': 5.45.1(eslint@9.14.0)(typescript@4.9.4) + '@typescript-eslint/parser': 8.13.0(eslint@9.14.0)(typescript@5.5.4) eslint: 9.14.0 eslint-import-resolver-node: 0.3.9 - eslint-import-resolver-typescript: 3.5.2(eslint-plugin-import@2.29.1)(eslint@9.14.0) transitivePeerDependencies: - supports-color @@ -12478,7 +12480,7 @@ snapshots: doctrine: 2.1.0 eslint: 9.14.0 eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.8.1(@typescript-eslint/parser@5.45.1(eslint@9.14.0)(typescript@4.9.4))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.5.2(eslint-plugin-import@2.29.1)(eslint@9.14.0))(eslint@9.14.0) + eslint-module-utils: 2.8.1(@typescript-eslint/parser@8.13.0(eslint@9.14.0)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint@9.14.0) hasown: 2.0.2 is-core-module: 2.13.1 is-glob: 4.0.3