@qn-pandora/pandora-component 3.0.2 → 3.1.0

package/es/components/DateTimePicker/constants.js

@@ -9,8 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var _a;
 import moment from 'moment';
+import { DateTimeLocale } from '../../constants/language/datetime/type';
 export var TimeType;
 (function (TimeType) {
     TimeType["Preset"] = "1";
@@ -29,28 +29,23 @@ export var RangePreset;
     RangePreset["AfterTime"] = "afterTime";
     RangePreset["BetweenTime"] = "betweenTime";
 })(RangePreset || (RangePreset = {}));
-export var rangePresetMapping = (_a = {},
-    _a[RangePreset.BeforeTime] = '在此之前',
-    _a[RangePreset.AfterTime] = '在此之后',
-    _a[RangePreset.BetweenTime] = '介于',
-    _a);
 export var rangePresetOptions = [
     {
         value: RangePreset.BeforeTime,
-        text: rangePresetMapping[RangePreset.BeforeTime]
+        text: DateTimeLocale.range.beforeTime
     },
     {
         value: RangePreset.BetweenTime,
-        text: rangePresetMapping[RangePreset.BetweenTime]
+        text: DateTimeLocale.range.betweenTime
     },
     {
         value: RangePreset.AfterTime,
-        text: rangePresetMapping[RangePreset.AfterTime]
+        text: DateTimeLocale.range.afterTime
     }
 ];
 export var defaultPresets = [
     {
-        text: '前5分钟',
+        text: DateTimeLocale.preset.m5,
         value: 'm5',
         time: function () { return ({
             start: moment().subtract(5, 'minutes'),
@@ -58,7 +53,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前15分钟',
+        text: DateTimeLocale.preset.m15,
         value: 'm15',
         time: function () { return ({
             start: moment().subtract(15, 'minutes'),
@@ -66,7 +61,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前30分钟',
+        text: DateTimeLocale.preset.m30,
         value: 'm30',
         time: function () { return ({
             start: moment().subtract(30, 'minutes'),
@@ -74,7 +69,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前60分钟',
+        text: DateTimeLocale.preset.m60,
         value: 'm60',
         time: function () { return ({
             start: moment().subtract(60, 'minutes'),
@@ -82,7 +77,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前3小时',
+        text: DateTimeLocale.preset.h3,
         value: 'h3',
         time: function () { return ({
             start: moment().subtract(3, 'hours'),
@@ -90,7 +85,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前4小时',
+        text: DateTimeLocale.preset.h4,
         value: 'h4',
         time: function () { return ({
             start: moment().subtract(4, 'hours'),
@@ -98,7 +93,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前6小时',
+        text: DateTimeLocale.preset.h6,
         value: 'h6',
         time: function () { return ({
             start: moment().subtract(6, 'hours'),
@@ -106,7 +101,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前12小时',
+        text: DateTimeLocale.preset.h12,
         value: 'h12',
         time: function () { return ({
             start: moment().subtract(12, 'hours'),
@@ -114,7 +109,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前24小时',
+        text: DateTimeLocale.preset.h24,
         value: 'h24',
         time: function () { return ({
             start: moment().subtract(24, 'hours'),
@@ -122,7 +117,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '过去3天',
+        text: DateTimeLocale.preset.d3,
         value: 'd3',
         time: function () { return ({
             start: moment().subtract(3, 'days'),
@@ -130,7 +125,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '过去7天',
+        text: DateTimeLocale.preset.d7,
         value: 'd7',
         time: function () { return ({
             start: moment().subtract(7, 'days'),
@@ -138,7 +133,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '过去30天',
+        text: DateTimeLocale.preset.d30,
         value: 'd30',
         time: function () { return ({
             start: moment().subtract(30, 'days'),
@@ -146,32 +141,32 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '今天',
+        text: DateTimeLocale.preset.today,
         value: 'today',
         time: function () { return ({ start: moment().startOf('day'), end: moment() }); }
     },
     {
-        text: '本周',
+        text: DateTimeLocale.preset.week,
         value: 'week',
         time: function () { return ({ start: moment().startOf('week'), end: moment() }); }
     },
     {
-        text: '本月',
+        text: DateTimeLocale.preset.month,
         value: 'month',
         time: function () { return ({ start: moment().startOf('month'), end: moment() }); }
     },
     {
-        text: '本季度',
+        text: DateTimeLocale.preset.quarter,
         value: 'quarter',
         time: function () { return ({ start: moment().startOf('quarter'), end: moment() }); }
     },
     {
-        text: '本年度',
+        text: DateTimeLocale.preset.year,
         value: 'year',
         time: function () { return ({ start: moment().startOf('year'), end: moment() }); }
     },
     {
-        text: '昨天',
+        text: DateTimeLocale.preset.yesterDay,
         value: 'yesterDay',
         time: function () { return ({
             start: moment().subtract(1, 'days').startOf('day'),
@@ -179,7 +174,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前天',
+        text: DateTimeLocale.preset.theDayBeforYesterDay,
         value: 'theDayBeforYesterDay',
         time: function () { return ({
             start: moment().subtract(2, 'days').startOf('day'),
@@ -187,7 +182,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '上周',
+        text: DateTimeLocale.preset.previousWeek,
         value: 'previousWeek',
         time: function () { return ({
             start: moment().subtract(1, 'weeks').startOf('weeks'),
@@ -195,7 +190,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '上月',
+        text: DateTimeLocale.preset.previousMonth,
         value: 'previousMonth',
         time: function () { return ({
             start: moment().subtract(1, 'months').startOf('months'),
@@ -203,7 +198,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '上季度',
+        text: DateTimeLocale.preset.previousQuarter,
         value: 'previousQuarter',
         time: function () { return ({
             start: moment().subtract(1, 'quarters').startOf('quarters'),
@@ -211,7 +206,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '上年度',
+        text: DateTimeLocale.preset.previousYear,
         value: 'previousYear',
         time: function () { return ({
             start: moment().subtract(1, 'years').startOf('years'),
@@ -219,7 +214,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '所有时间',
+        text: DateTimeLocale.preset.AllTime,
         value: 'AllTime',
         time: function () { return ({
             start: moment(0),
@@ -249,52 +244,52 @@ export var RelativeUnitValue;
 })(RelativeUnitValue || (RelativeUnitValue = {}));
 export var relativeTimeUnits = [
     {
-        text: '现在(实时)',
+        text: DateTimeLocale.relative.now,
         value: RelativeUnitValue.Now,
         time: function (_) { return moment(); }
     },
     {
-        text: '现在(固定时间)',
+        text: DateTimeLocale.relative['now-static'],
         value: RelativeUnitValue.NowStatic,
         time: function (_) { return moment(); }
     },
     {
-        text: '秒前',
+        text: DateTimeLocale.relative.s,
         value: RelativeUnitValue.Second,
         time: function (num) { return moment().subtract(num, 'seconds'); }
     },
     {
-        text: '分钟前',
+        text: DateTimeLocale.relative.m,
         value: RelativeUnitValue.Minute,
         time: function (num) { return moment().subtract(num, 'minutes'); }
     },
     {
-        text: '小时前',
+        text: DateTimeLocale.relative.h,
         value: RelativeUnitValue.Hour,
         time: function (num) { return moment().subtract(num, 'hours'); }
     },
     {
-        text: '天前',
+        text: DateTimeLocale.relative.d,
         value: RelativeUnitValue.Day,
         time: function (num) { return moment().subtract(num, 'days'); }
     },
     {
-        text: '周前',
+        text: DateTimeLocale.relative.w,
         value: RelativeUnitValue.Week,
         time: function (num) { return moment().subtract(num, 'weeks'); }
     },
     {
-        text: '月前',
+        text: DateTimeLocale.relative.M,
         value: RelativeUnitValue.Month,
         time: function (num) { return moment().subtract(num, 'months'); }
     },
     {
-        text: '季度前',
+        text: DateTimeLocale.relative.Q,
         value: RelativeUnitValue.Quarter,
         time: function (num) { return moment().subtract(num, 'quarters'); }
     },
     {
-        text: '年前',
+        text: DateTimeLocale.relative.y,
         value: RelativeUnitValue.Year,
         time: function (num) { return moment().subtract(num, 'years'); }
     }
@@ -303,7 +298,7 @@ export var relativeTimeUnitsWithoutNowStatic = relativeTimeUnits
     .filter(function (item) { return item.value !== RelativeUnitValue.NowStatic; })
     .map(function (item) {
     return item.value === RelativeUnitValue.Now
-        ? __assign(__assign({}, item), { text: '现在' }) : __assign({}, item);
+        ? __assign(__assign({}, item), { text: DateTimeLocale.relative.now_text }) : __assign({}, item);
 });
 export var relativeMap = (function () {
     var res = {};

package/es/components/DateTimePicker/time.d.ts

@@ -65,8 +65,8 @@ export default class Time implements ITime {
         start: moment.Moment | undefined;
         end: moment.Moment | undefined;
     };
-    getSingleTimeText(time: ICompositedTime): string;
-    getDisplayText(timeFormat?: string): string;
+    getSingleTimeText(time: ICompositedTime, locale?: import("antd/es/locale-provider").Locale): any;
+    getDisplayText(timeFormat?: string, locale?: import("antd/es/locale-provider").Locale): any;
     getInitRangePreset: (time: ITime) => RangePreset | undefined;
     isEmpty(): boolean;
     isEqual(timeToCompare: ITime): boolean;

package/es/components/DateTimePicker/time.js

@@ -1,7 +1,10 @@
 import moment from 'moment';
 import { isEmpty, isEqual } from 'lodash';
+import zhCN from 'antd/es/locale-provider/zh_CN';
 import { toFormatTime } from '../../utils/time';
-import { defaultPresets, relativeTimeUnits, RelativeUnitValue, RangePreset, rangePresetMapping, QuartersMap } from './constants';
+import { defaultPresets, relativeTimeUnits, RelativeUnitValue, RangePreset, QuartersMap } from './constants';
+import { formatString } from '../../utils/language';
+import { DateTimeLocale } from '../../constants/language/datetime/type';
 var Time = /** @class */ (function () {
     function Time(time, options) {
         if (options === void 0) { options = {}; }
@@ -103,29 +106,32 @@ var Time = /** @class */ (function () {
             };
         }
     };
-    Time.prototype.getSingleTimeText = function (time) {
+    Time.prototype.getSingleTimeText = function (time, locale) {
+        if (locale === void 0) { locale = zhCN; }
+        var text = formatString(DateTimeLocale.relative[time.unit], locale);
         return time.unit === RelativeUnitValue.Now
-            ? this.relativeMap[time.unit].text
+            ? text
             : time.unit === RelativeUnitValue.NowStatic
                 ? toFormatTime(time.num)
-                : "" + time.num + this.relativeMap[time.unit].text;
+                : "" + time.num + text;
     };
-    Time.prototype.getDisplayText = function (timeFormat) {
+    Time.prototype.getDisplayText = function (timeFormat, locale) {
+        if (locale === void 0) { locale = zhCN; }
         if (this.preset) {
-            return this.presetMap[this.preset].text;
+            return formatString(DateTimeLocale.preset[this.preset], locale);
         }
         if (this.relative) {
             var _a = this.relative, from = _a.from, to = _a.to;
-            var toText = this.getSingleTimeText(to);
-            var fromText = this.getSingleTimeText(from);
+            var toText = this.getSingleTimeText(to, locale);
+            var fromText = this.getSingleTimeText(from, locale);
             return fromText + " ~ " + toText;
         }
         if (this.rangePreset) {
             if (this.rangePreset === RangePreset.BeforeTime && this.end) {
-                return rangePresetMapping[RangePreset.BeforeTime] + " ~ " + this.end.format(timeFormat);
+                return formatString(DateTimeLocale.range.beforeTime, locale) + " ~ " + this.end.format(timeFormat);
             }
             if (this.rangePreset === RangePreset.AfterTime && this.start) {
-                return this.start.format(timeFormat) + " ~ " + rangePresetMapping[RangePreset.AfterTime];
+                return this.start.format(timeFormat) + " ~ " + formatString(DateTimeLocale.range.afterTime, locale);
             }
             if (this.start && this.end) {
                 return (this.start.format(timeFormat) + ' ~ ' + this.end.format(timeFormat));
@@ -133,7 +139,7 @@ var Time = /** @class */ (function () {
         }
         if (this.quarterTime) {
             var _b = this.quarterTime, year = _b.year, quarter = _b.quarter;
-            return year + "\u5E74Q" + quarter;
+            return "" + year + formatString(DateTimeLocale.quarter.title, locale) + quarter;
         }
         return '';
     };

package/es/components/RadioGroup/index.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+declare type BasicType = string | number | boolean;
+export interface IOption<T = BasicType> {
+    /**
+     * 选项的值
+     */
+    value: T;
+    /**
+     * 选项的展示形式：string类型或者React组件
+     */
+    item: string | React.ReactNode;
+    /**
+     * 禁用选项
+     */
+    disabled?: boolean;
+}
+export interface IRadioGroupProps<T = BasicType> {
+    /**
+     * 当前值
+     */
+    value?: T;
+    /**
+     * 选中变化回调
+     */
+    onChange?: (value: any) => void;
+    /**
+     * 容器样式
+     */
+    className?: string;
+    /**
+     * 按钮样式
+     */
+    buttonClassName?: string;
+    /**
+     * 按钮大小
+     */
+    size?: 'small' | 'middle' | 'large';
+    /**
+     * 禁用
+     */
+    disabled?: boolean;
+    /**
+     * 可选线列表
+     */
+    options?: Array<IOption<T>> | IKeyValues<string | React.ReactNode>;
+    /**
+     * 用于设置 Radio options 类型
+     */
+    optionType?: 'button' | 'default';
+    children?: any;
+}
+export default function RadioGroup(props: IRadioGroupProps): JSX.Element;
+export {};

package/es/components/RadioGroup/index.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { isArray } from 'lodash';
+import Radio from 'antd/es/radio';
+import classnames from 'classnames';
+import { SDK_PREFIX } from '../../constants/style';
+var useCallback = React.useCallback, useMemo = React.useMemo;
+export default function RadioGroup(props) {
+    var className = props.className, buttonClassName = props.buttonClassName, value = props.value, size = props.size, onChange = props.onChange, children = props.children, disabled = props.disabled, _a = props.options, options = _a === void 0 ? {} : _a, _b = props.optionType, optionType = _b === void 0 ? 'default' : _b;
+    var handleChange = useCallback(function (e) {
+        if (onChange) {
+            onChange(e.target.value);
+        }
+    }, [onChange]);
+    var radioOptions = useMemo(function () {
+        return isArray(options)
+            ? options
+            : Object.keys(options).map(function (key) { return ({ value: key, item: options[key] }); });
+    }, [options]);
+    var Component = useMemo(function () {
+        return optionType === 'default' ? Radio : Radio.Button;
+    }, [optionType]);
+    return (React.createElement(Radio.Group, { className: classnames(SDK_PREFIX + "-solid-radio-group", className), value: value, onChange: handleChange, size: size, disabled: disabled },
+        radioOptions.map(function (option) {
+            var _a;
+            var value = option.value, item = option.item;
+            return (React.createElement(Component, { key: value.toString(), value: value, disabled: option.disabled, className: classnames((_a = {},
+                    _a["" + buttonClassName] = optionType === 'button' && buttonClassName,
+                    _a)) }, item));
+        }),
+        children));
+}

package/es/components/{SolidRadioGroup → RadioGroup}/style.css

@@ -72,11 +72,11 @@
 .ant-radio-wrapper:hover .ant-radio,
 .ant-radio:hover .ant-radio-inner,
 .ant-radio-input:focus + .ant-radio-inner {
-  border-color: #7a869a;
+  border-color: #2c6dd2;
 }
 .ant-radio-input:focus + .ant-radio-inner {
-  -webkit-box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
-          box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
+  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
 }
 .ant-radio-checked::after {
   position: absolute;
@@ -84,7 +84,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #7a869a;
+  border: 1px solid #2c6dd2;
   border-radius: 50%;
   visibility: hidden;
   -webkit-animation: antRadioEffect 0.36s ease-in-out;
@@ -119,7 +119,7 @@
   display: block;
   width: 8px;
   height: 8px;
-  background-color: #7a869a;
+  background-color: #2c6dd2;
   border-top: 0;
   border-left: 0;
   border-radius: 8px;
@@ -141,7 +141,7 @@
   opacity: 0;
 }
 .ant-radio-checked .ant-radio-inner {
-  border-color: #7a869a;
+  border-color: #2c6dd2;
 }
 .ant-radio-checked .ant-radio-inner::after {
   -webkit-transform: scale(1);
@@ -178,7 +178,7 @@ span.ant-radio + * {
   height: 32px;
   margin: 0;
   padding: 0 15px;
-  color: rgba(0, 0, 0, 0.65);
+  color: #333;
   font-size: 14px;
   line-height: 30px;
   background: #ffffff;
@@ -192,7 +192,7 @@ span.ant-radio + * {
   transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
 }
 .ant-radio-button-wrapper a {
-  color: rgba(0, 0, 0, 0.65);
+  color: #333;
 }
 .ant-radio-button-wrapper > .ant-radio-button {
   position: absolute;
@@ -239,11 +239,11 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper:hover {
   position: relative;
-  color: #7a869a;
+  color: #2c6dd2;
 }
 .ant-radio-button-wrapper:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
-          box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
+  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
 }
 .ant-radio-button-wrapper .ant-radio-inner,
 .ant-radio-button-wrapper input[type='checkbox'],
@@ -255,52 +255,52 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   z-index: 1;
-  color: #7a869a;
+  color: #2c6dd2;
   background: #ffffff;
-  border-color: #7a869a;
+  border-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  background-color: #7a869a;
+  background-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
-  border-color: #7a869a;
+  border-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
-  color: #9ca0a6;
-  border-color: #9ca0a6;
+  color: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
-  background-color: #9ca0a6;
+  background-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
-  color: #555f73;
-  border-color: #555f73;
+  color: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
-  background-color: #555f73;
+  background-color: #2c6dd2;
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
-          box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
+  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   color: #ffffff;
-  background: #7a869a;
-  border-color: #7a869a;
+  background: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
   color: #ffffff;
-  background: #9ca0a6;
-  border-color: #9ca0a6;
+  background: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
   color: #ffffff;
-  background: #555f73;
-  border-color: #555f73;
+  background: #2c6dd2;
+  border-color: #2c6dd2;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
-          box-shadow: 0 0 0 3px rgba(122, 134, 154, 0.08);
+  -webkit-box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
+          box-shadow: 0 0 0 3px rgba(44, 109, 210, 0.08);
 }
 .ant-radio-button-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);
@@ -369,7 +369,7 @@ span.ant-radio + * {
   border-radius: 0 2px 2px 0;
 }
 .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
-  border-right-color: #9ca0a6;
+  border-right-color: #2c6dd2;
 }
 .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
   border-radius: 2px 0 0 2px;
@@ -383,28 +383,22 @@ span.ant-radio + * {
 .ant-btn-sm {
   padding: 0 7px;
 }
-.pandora-sdk-solid-radio-group .pandora-sdk-solid-radio-item {
+.pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
   padding: 0 12px;
-  border-color: #bfbfbf !important;
-  color: #333;
-  text-align: center;
 }
-.pandora-sdk-solid-radio-group .pandora-sdk-solid-radio-item:hover {
-  background: #fafafa;
+.pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
   border-color: #bfbfbf;
 }
-.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked,
-.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked:hover {
-  border-color: #2c6dd2 !important;
-  color: #2c6dd2 !important;
+.pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
+  border-color: #bfbfbf;
 }
-.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
-  border-color: #bfbfbf !important;
-  color: #333 !important;
+.pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
-.pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
-  background-color: #bfbfbf;
+.pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
+  border-color: #2c6dd2;
 }
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  background-color: #2c6dd2 !important;
+.pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
+  background-color: #2c6dd2;
 }