fix: slider, checkbox style

src/checkbox/src/styles/themed-base.cssr.js

@@ -122,7 +122,7 @@ export default c([
         ]
       ),
       // checkbox-group
-      cTB('checkbox-group', {
+      cB('checkbox-group', {
         raw: `
           font-size: 14px;
           line-height: 1.25;

src/slider/src/styles/themed-base.cssr.js

@@ -22,7 +22,8 @@ export default c([
       dotBoxShadowActive,
       railHeight,
       handleSize,
-      dotSize
+      dotSize,
+      indicatorBorderRadius
     } = props.$local
     const {
       cubicBezierEaseInOut,
@@ -169,8 +170,8 @@ export default c([
           font-size: 14px;
           padding: 8px 12px;
           margin-bottom: 12px;
-          border-radius: 4px;
         `,
+        borderRadius: indicatorBorderRadius,
         color: indicatorTextColor,
         backgroundColor: indicatorColor,
         boxShadow: indicatorBoxShadow

src/slider/styles/dark.js

@@ -15,6 +15,9 @@ export default create({
       popoverColor,
       textColorSecondaryOverlay
     } = derived
+    const {
+      borderRadius
+    } = base
     const defaultFillColor = composite(cardColor, changeColor(primaryColor, { alpha: 0.7 }))
     return {
       ...sizeVariables,
@@ -31,6 +34,7 @@ export default create({
       indicatorColor: popoverColor,
       indicatorBoxShadow: boxShadow,
       indicatorTextColor: textColorSecondaryOverlay,
+      indicatorBorderRadius: borderRadius,
       dotBoxShadow: `inset 0 0 0 2px ${defaultFillColor}`,
       dotBoxShadowActive: `inset 0 0 0 2px ${primaryColor}`
     }

src/slider/styles/light.js

@@ -16,6 +16,9 @@ export default create({
       primaryColorHover,
       baseColor
     } = derived
+    const {
+      borderRadius
+    } = base
     return {
       ...sizeVariables,
       railColor: railColorOverlay,
@@ -30,6 +33,7 @@ export default create({
       indicatorColor: indicatorColor,
       indicatorBoxShadow: boxShadow,
       indicatorTextColor: baseColor,
+      indicatorBorderRadius: borderRadius,
       dotBoxShadow: `inset 0 0 0 2px ${primaryColor}`,
       dotBoxShadowActive: `inset 0 0 0 2px ${primaryColorHover}`
     }