fix: restore old select selectors for label to still support the temp design select

deprecated the temp design select in favor of the new one
This commit is contained in:
Christian Andolf
2025-06-12 12:05:13 +02:00
parent 7ee711bb43
commit 73884aa428
12 changed files with 34 additions and 37 deletions
@@ -123,20 +123,3 @@
.listBoxItem[data-selected="true"].showRadioButton:before {
box-shadow: inset 0 0 0 8px var(--Surface-UI-Fill-Active);
}
/* Use global react aria classnames here since setting a css modules classname overrides
the class set by react aria.We use that class to style the child label component. */
.select:not(.discreet) :global(.react-aria-SelectValue) {
display: grid;
transition: height 200ms ease;
}
.input :global(.react-aria-SelectValue) {
height: 18px;
overflow: hidden;
}
.input :global(.react-aria-SelectValue):has(:nth-child(2)) {
height: 38px;
overflow: visible;
}
@@ -1,7 +1,7 @@
"use client"
import { useController, useFormContext } from "react-hook-form"
import ReactAriaSelect from "@/components/TempDesignSystem/Select"
import DeprecatedSelect from "@/components/TempDesignSystem/DeprecatedSelect"
import type { SelectProps } from "./select"
@@ -22,7 +22,7 @@ export default function Select({
})
return (
<ReactAriaSelect
<DeprecatedSelect
className={className}
defaultSelectedKey={field.value}
disabled={disabled || field.disabled}
@@ -1,6 +1,6 @@
import type { RegisterOptions } from "react-hook-form"
import type { SelectProps as ReactAriaSelectProps } from "@/components/TempDesignSystem/Select/select"
import type { SelectProps as ReactAriaSelectProps } from "@/components/TempDesignSystem/DeprecatedSelect/select"
export interface SelectProps
extends Omit<