From 861786a30b0255f4aaea9e000c6ad3776e1143ff Mon Sep 17 00:00:00 2001 From: Niek Saarberg Date: Tue, 24 Feb 2026 11:19:45 +0100 Subject: [PATCH 1/4] Using "appearance: none" instead of "all: unset" --- packages/react/src/components/form/Button/Button.css.ts | 1 + packages/react/src/components/form/Checkbox/checkbox.css.ts | 2 +- packages/react/src/components/form/Radio/radio.css.ts | 2 +- 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/react/src/components/form/Button/Button.css.ts b/packages/react/src/components/form/Button/Button.css.ts index aa8f0909..97f38077 100644 --- a/packages/react/src/components/form/Button/Button.css.ts +++ b/packages/react/src/components/form/Button/Button.css.ts @@ -4,6 +4,7 @@ import { style } from '@vanilla-extract/css'; export const buttonReset = style({ '@layer': { [layers.reset]: { + appearance: 'none', cursor: 'pointer', }, }, diff --git a/packages/react/src/components/form/Checkbox/checkbox.css.ts b/packages/react/src/components/form/Checkbox/checkbox.css.ts index 9e38e57c..bd93d08f 100644 --- a/packages/react/src/components/form/Checkbox/checkbox.css.ts +++ b/packages/react/src/components/form/Checkbox/checkbox.css.ts @@ -17,7 +17,7 @@ export const input = style({ opacity: 0, '@layer': { [layers.molecule]: { - all: 'unset', + appearance: 'none', }, }, }); diff --git a/packages/react/src/components/form/Radio/radio.css.ts b/packages/react/src/components/form/Radio/radio.css.ts index 9e38e57c..bd93d08f 100644 --- a/packages/react/src/components/form/Radio/radio.css.ts +++ b/packages/react/src/components/form/Radio/radio.css.ts @@ -17,7 +17,7 @@ export const input = style({ opacity: 0, '@layer': { [layers.molecule]: { - all: 'unset', + appearance: 'none', }, }, }); From f9e3ad527e15e1bf576e44b4f692a3275e6ce217 Mon Sep 17 00:00:00 2001 From: Niek Saarberg Date: Tue, 24 Feb 2026 11:20:31 +0100 Subject: [PATCH 2/4] Changeset --- .changeset/clean-beds-care.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/clean-beds-care.md diff --git a/.changeset/clean-beds-care.md b/.changeset/clean-beds-care.md new file mode 100644 index 00000000..c7db4f6b --- /dev/null +++ b/.changeset/clean-beds-care.md @@ -0,0 +1,6 @@ +--- +"@blockle/blocks-react": patch +"@blockle/blocks": patch +--- + +Using "appearance: none" instead of "all: unset" From 8a8704afe617792aa3d611f504adab2d4b348e99 Mon Sep 17 00:00:00 2001 From: Niek Saarberg Date: Tue, 24 Feb 2026 11:30:45 +0100 Subject: [PATCH 3/4] IconMask typing correction --- packages/react/src/components/display/Icon/IconMask.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/display/Icon/IconMask.tsx b/packages/react/src/components/display/Icon/IconMask.tsx index f390e47f..18f865c6 100644 --- a/packages/react/src/components/display/Icon/IconMask.tsx +++ b/packages/react/src/components/display/Icon/IconMask.tsx @@ -20,7 +20,7 @@ export type IconMaskProps = { size?: IconTheme['variants']['size']; src: string; } & MarginAtoms & - Omit, 'color' | 'display'>; + Omit, 'color' | 'display' | 'size'>; export const IconMask: React.FC = ({ className, From a2584dc308b9c67432b32a4f6e80ef4b481be238 Mon Sep 17 00:00:00 2001 From: Niek Saarberg Date: Tue, 24 Feb 2026 11:33:49 +0100 Subject: [PATCH 4/4] Typing correction for Spinner size prop --- packages/react/src/components/feedback/Spinner/Spinner.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/feedback/Spinner/Spinner.tsx b/packages/react/src/components/feedback/Spinner/Spinner.tsx index f2fad06f..0744b9ee 100644 --- a/packages/react/src/components/feedback/Spinner/Spinner.tsx +++ b/packages/react/src/components/feedback/Spinner/Spinner.tsx @@ -15,7 +15,7 @@ type SpinnerTheme = ComponentThemes['spinner']; export type SpinnerProps = { color?: SpinnerTheme['variants']['color']; size?: SpinnerTheme['variants']['size']; -} & HTMLElementProps & +} & Omit, 'size'> & MarginAtoms; export const Spinner: React.FC = ({