chore: minor fixes

Author: tenphi

src/components/fields/RadioGroup/Radio.tsx

@@ -35,7 +35,7 @@ const RadioButtonElement = tasty(ItemBase, {
   },
 });
 
-const RadioButtonSelectedElement = tasty(RadioButtonElement, {
+const TabRadioButtonSelectedElement = tasty(RadioButtonElement, {
   qa: 'RadioSelected',
   styles: {
     fill: '#white',
@@ -277,7 +277,7 @@ function Radio(props: CubeRadioProps, ref) {
   if (isButton) {
     const ButtonElement =
       isRadioSelected && contextType === 'tabs'
-        ? RadioButtonSelectedElement
+        ? TabRadioButtonSelectedElement
         : RadioButtonElement;
 
     return (

src/components/fields/RadioGroup/RadioGroup.stories.tsx

@@ -1,7 +1,7 @@
 import { StoryFn } from '@storybook/react-vite';
 
-import { TEXT_VALUE_ARG } from '../../../stories/FormFieldArgs';
 import { baseProps } from '../../../stories/lists/baseProps';
+import { Flow } from '../../layout/Flow';
 
 import { Radio } from './Radio';
 import { CubeRadioGroupProps } from './RadioGroup';
@@ -298,8 +298,37 @@ export const CustomButtonTypes: StoryFn<CubeRadioGroupProps> = () => (
 );
 
 // Disabled state
-export const DisabledState = Template.bind({});
-DisabledState.args = {
-  type: 'tabs',
-  isDisabled: true,
-};
+export const DisabledState: StoryFn<CubeRadioGroupProps> = () => (
+  <Flow gap="2x">
+    <Radio.Group
+      type="radio"
+      isDisabled={true}
+      defaultValue="yes"
+      label="Radio (Disabled)"
+    >
+      <Radio value="yes">Yes</Radio>
+      <Radio value="no">No</Radio>
+      <Radio value="maybe">Maybe</Radio>
+    </Radio.Group>
+    <Radio.Group
+      type="button"
+      isDisabled={true}
+      defaultValue="yes"
+      label="Button (Disabled)"
+    >
+      <Radio value="yes">Yes</Radio>
+      <Radio value="no">No</Radio>
+      <Radio value="maybe">Maybe</Radio>
+    </Radio.Group>
+    <Radio.Group
+      type="tabs"
+      isDisabled={true}
+      defaultValue="yes"
+      label="Tabs (Disabled)"
+    >
+      <Radio value="yes">Yes</Radio>
+      <Radio value="no">No</Radio>
+      <Radio value="maybe">Maybe</Radio>
+    </Radio.Group>
+  </Flow>
+);

src/data/item-themes.ts

@@ -60,7 +60,9 @@ export const DEFAULT_OUTLINE_STYLES: Styles = {
   fill: {
     '': '#dark.0',
     hovered: '#dark.03',
-    'pressed | (selected & !hovered)': '#dark.06',
+    selected: '#dark.09',
+    'selected & hovered': '#dark.12',
+    pressed: '#dark.09',
     disabled: '#dark.04',
   },
   color: {