File tree Expand file tree Collapse file tree
packages/react-components/src/components Expand file tree Collapse file tree Original file line number Diff line number Diff line change 6969 outline : none;
7070}
7171
72- .bcds-react-aria-TextArea--Container : has (
73- > .bcds-react-aria-TextArea--Input [data-focused ]
74- ),
75- .bcds-react-aria-TextArea--Container : has (
76- > .bcds-react-aria-TextArea--Input [data-focused ][data-hovered ]
77- ) {
78- border-color : var (--surface-color-border-active );
79- }
80-
81- .bcds-react-aria-TextArea--Container : has (
82- > .bcds-react-aria-TextArea--Input [data-focus-visible ]
83- ) {
72+ .bcds-react-aria-TextArea--Container : focus-within {
8473 border-radius : var (--layout-border-radius-large );
8574 border : var (--layout-border-width-small ) solid
8675 var (--surface-color-border-active );
8978 outline-offset : var (--layout-margin-hair );
9079}
9180
92- .bcds-react-aria-TextArea--Container : has (
93- > .bcds-react-aria-TextArea--Input [data-hovered ]
94- ) {
81+ .bcds-react-aria-TextArea--Container : hover {
9582 border-color : var (--surface-color-border-dark );
9683}
9784
Original file line number Diff line number Diff line change 7272 outline : none;
7373}
7474
75- .bcds-react-aria-TextField--container : has (
76- > .bcds-react-aria-TextField--Input [data-focused ]
77- ),
78- .bcds-react-aria-TextField--container : has (
79- > .bcds-react-aria-TextField--Input [data-focused ][data-hovered ]
80- ) {
81- border-color : var (--surface-color-border-active );
82- }
83-
84- .bcds-react-aria-TextField--container : has (
85- > .bcds-react-aria-TextField--Input [data-focus-visible ]
86- ) {
75+ .bcds-react-aria-TextField--container : focus-within {
8776 border-radius : var (--layout-border-radius-large );
8877 border : var (--layout-border-width-small ) solid
8978 var (--surface-color-border-active );
You can’t perform that action at this time.
0 commit comments