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:
-17
@@ -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<
|
||||
|
||||
Reference in New Issue
Block a user