feat(radio): [radio] Adapting to the SMB theme

Author: Youyou-smiles

packages/theme/src/radio-button/index.less

@@ -117,11 +117,11 @@
 
     &:disabled:checked {
       & + .@{radio-button-prefix-cls}__inner {
-        background-color: var(--ti-radio-input-checked-disabled-bg-color);
-
+        background-color: var(--ti-radio-button-checked-disabled-bg-color);
+        color: var(--ti-radio-button-disabled-checked-text-color);
         &,
         &:hover {
-          border-color: var(--ti-radio-input-checked-disabled-border-color);
+          border-color: var(--ti-radio-button-checked-disabled-border-color);
         }
       }
     }

packages/theme/src/radio-button/smb-theme.js

@@ -1,3 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
 export const tinyRadioButtonSmbTheme = {
   'ti-radio-button-checked-normal-bg-color': '#1476FF',
   'ti-radio-button-checked-normal-border-color': '#1476FF',
@@ -13,5 +25,11 @@ export const tinyRadioButtonSmbTheme = {
   'ti-radio-button-child-right-border-radius': 'var(--ti-common-space-6)',
   'ti-radio-button-padding-verticals': '9px',
   'ti-radio-button-active-disabled-color': 'var(--ti-common-color-text-weaken)',
-  'ti-radio-button-active-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)'
+  'ti-radio-button-active-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
+  'ti-radio-button-checked-disabled-border-color': 'unset',
+  'ti-radio-button-bg-color': 'var(--ti-common-color-bg-normal)',
+  'ti-radio-button-checked-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
+  'ti-radio-button-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
+  'ti-radio-button-disabled-checked-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-radio-button-text-color': 'var(--ti-common-color-text-secondary)'
 }

packages/theme/src/radio-button/vars.less

@@ -24,6 +24,7 @@
   --ti-radio-button-checked-hover-border-color: var(--ti-common-color-primary-hover, #7693f5);
   --ti-radio-button-checked-hover-box-shadow: -1px 0 0 0 var(--ti-common-color-primary-hover, #7693f5);
   --ti-radio-button-disabled-text-color: var(--ti-common-color-text-disabled, #adb0b8);
+  --ti-radio-button-disabled-checked-text-color: var(--ti-common-color-text-weaken, #808080);
   --ti-radio-button-disabled-bg-color: var(--ti-common-color-bg-disabled, #f5f5f6);
   --ti-radio-button-medium-font-size: var(--ti-common-font-size-1, 14px);
   --ti-radio-button-margin-right: unset;
@@ -33,4 +34,5 @@
   --ti-radio-button-padding-verticals: var(--ti-common-space-3x);
   --ti-radio-button-active-disabled-color: var(--ti-common-color-text-weaken);
   --ti-radio-button-active-disabled-bg-color: var(--ti-common-color-bg-dark-disabled);
+  --ti-radio-button-checked-disabled-bg-color: #bfbfbf;
 }