fix(Radio): button styles

Author: tenphi

.changeset/wet-points-sell.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Fix Radio.Button styles.

src/components/fields/RadioGroup/Radio.tsx

@@ -77,20 +77,22 @@ const RadioButtonElement = tasty({
       '': '#white',
       hovered: '#purple-text.04',
       checked: '#white',
-      disabled: '#dark.04',
+      disabled: '#light',
     },
     color: {
       '': '#dark.85',
       invalid: '#danger-text',
-      disabled: '#dark.40',
+      checked: '#purple-text',
+      disabled: '#dark-04',
+      'disabled & checked': '#dark-02',
     },
     preset: 't3m',
     border: {
       '': '#dark-05',
       checked: '#purple-text',
       'invalid & checked': '#danger-text',
-      'disabled & checked': '#dark.40',
       disabled: '#dark-05',
+      'disabled & checked': '#dark-03',
     },
     padding: '(.75x - 1bw) (1.25x - 1bw)',
     cursor: 'pointer',
@@ -123,7 +125,7 @@ const RadioNormalElement = tasty({
       'disabled & checked': '#dark.12',
     },
     border: {
-      '': '#dark.30',
+      '': '#border-opaque',
       checked: '#purple-text',
       invalid: '#danger-text.50',
       disabled: '#dark.12',

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

@@ -31,14 +31,14 @@ export default {
 };
 
 const Template: StoryFn<CubeRadioGroupProps> = (args) => (
-  <Radio.Group {...args}>
+  <Radio.Group defaultValue="yes" {...args}>
     <Radio value="yes">Yes</Radio>
     <Radio value="no">No</Radio>
   </Radio.Group>
 );
 
 const RadioButtonsTemplate: StoryFn<CubeRadioGroupProps> = (args) => (
-  <Radio.Group {...args}>
+  <Radio.Group defaultValue="yes" {...args}>
     <Radio.Button value="yes">Yes</Radio.Button>
     <Radio type="button" value="no">
       No
@@ -47,7 +47,7 @@ const RadioButtonsTemplate: StoryFn<CubeRadioGroupProps> = (args) => (
 );
 
 const SolidRadioButtonsTemplate: StoryFn<CubeRadioGroupProps> = (args) => (
-  <Radio.ButtonGroup {...args} defaultValue="no">
+  <Radio.ButtonGroup defaultValue="no" {...args}>
     <Radio.Button value="yes">Yes</Radio.Button>
     <Radio.Button value="no">No</Radio.Button>
     <Radio.Button value="maybe">Maybe</Radio.Button>
@@ -99,3 +99,6 @@ RadioGroupWithLabelAndSuffix.args = {
 };
 
 export const SolidRadioButtons = SolidRadioButtonsTemplate.bind({});
+
+export const SolidRadioButtonsDisabled = SolidRadioButtonsTemplate.bind({});
+SolidRadioButtonsDisabled.args = { isDisabled: true };