From 4350cbf87eca2a936ff4e282fdd5d1c088249f66 Mon Sep 17 00:00:00 2001 From: Rohan Chakraborty Date: Thu, 30 Apr 2026 00:12:53 +0530 Subject: [PATCH 1/2] style(select): remove box-shadow from Select component styles Drops shadow declarations on .content, .content[data-variant="text"], and the redundant box-shadow: none reset on .trigger-text. Co-Authored-By: Claude Opus 4.7 (1M context) --- packages/raystack/components/select/select.module.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/packages/raystack/components/select/select.module.css b/packages/raystack/components/select/select.module.css index b1ff2862a..80a6c37ec 100644 --- a/packages/raystack/components/select/select.module.css +++ b/packages/raystack/components/select/select.module.css @@ -10,7 +10,6 @@ box-sizing: border-box; background-color: var(--rs-color-background-base-primary); border-radius: var(--rs-radius-2); - box-shadow: var(--rs-shadow-soft); border: 0.5px solid var(--rs-color-border-base-primary); min-width: var(--anchor-width); transition: var(--rs-transition-interactive); @@ -79,7 +78,6 @@ .trigger-text { border: none; - box-shadow: none; } .trigger-small { @@ -161,7 +159,6 @@ margin-top: var(--rs-space-2); padding: var(--rs-space-1); border: 0.5px solid var(--rs-color-border-base-primary); - box-shadow: var(--rs-shadow-soft); } .content[data-variant="text"] .menuitem { From 54b78abb9d45c178c83e04cc40cd18c0629f3b65 Mon Sep 17 00:00:00 2001 From: Rohan Chakraborty Date: Thu, 30 Apr 2026 12:38:12 +0530 Subject: [PATCH 2/2] chore: revert bx shadow on select content --- packages/raystack/components/callout/callout.tsx | 2 +- packages/raystack/components/select/select.module.css | 7 +++++-- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/raystack/components/callout/callout.tsx b/packages/raystack/components/callout/callout.tsx index 5441aadb3..2594eed18 100644 --- a/packages/raystack/components/callout/callout.tsx +++ b/packages/raystack/components/callout/callout.tsx @@ -1,7 +1,7 @@ 'use client'; import { InfoCircledIcon } from '@radix-ui/react-icons'; -import { cva, cx, type VariantProps } from 'class-variance-authority'; +import { cva, type VariantProps } from 'class-variance-authority'; import { type ComponentProps, type CSSProperties, type ReactNode } from 'react'; import styles from './callout.module.css'; diff --git a/packages/raystack/components/select/select.module.css b/packages/raystack/components/select/select.module.css index 80a6c37ec..1ad7986de 100644 --- a/packages/raystack/components/select/select.module.css +++ b/packages/raystack/components/select/select.module.css @@ -10,6 +10,7 @@ box-sizing: border-box; background-color: var(--rs-color-background-base-primary); border-radius: var(--rs-radius-2); + box-shadow: var(--rs-shadow-soft); border: 0.5px solid var(--rs-color-border-base-primary); min-width: var(--anchor-width); transition: var(--rs-transition-interactive); @@ -159,6 +160,7 @@ margin-top: var(--rs-space-2); padding: var(--rs-space-1); border: 0.5px solid var(--rs-color-border-base-primary); + box-shadow: var(--rs-shadow-soft); } .content[data-variant="text"] .menuitem { @@ -245,7 +247,8 @@ } .content:has(.comboboxContent:empty) .comboboxInput, -.content:has(.comboboxContent:not(:has(.menuitem:not([data-hidden="true"])))) .comboboxInput { +.content:has(.comboboxContent:not(:has(.menuitem:not([data-hidden="true"])))) + .comboboxInput { border-bottom: none; } @@ -272,4 +275,4 @@ .hidden { display: none; -} \ No newline at end of file +}