@qn-pandora/pandora-component 3.0.2 → 3.1.0

package/lib/components/DateTimePicker/constants.js

@@ -13,9 +13,9 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var moment_1 = __importDefault(require("moment"));
+var type_1 = require("../../constants/language/datetime/type");
 var TimeType;
 (function (TimeType) {
     TimeType["Preset"] = "1";
@@ -34,28 +34,23 @@ var RangePreset;
     RangePreset["AfterTime"] = "afterTime";
     RangePreset["BetweenTime"] = "betweenTime";
 })(RangePreset = exports.RangePreset || (exports.RangePreset = {}));
-exports.rangePresetMapping = (_a = {},
-    _a[RangePreset.BeforeTime] = '在此之前',
-    _a[RangePreset.AfterTime] = '在此之后',
-    _a[RangePreset.BetweenTime] = '介于',
-    _a);
 exports.rangePresetOptions = [
     {
         value: RangePreset.BeforeTime,
-        text: exports.rangePresetMapping[RangePreset.BeforeTime]
+        text: type_1.DateTimeLocale.range.beforeTime
     },
     {
         value: RangePreset.BetweenTime,
-        text: exports.rangePresetMapping[RangePreset.BetweenTime]
+        text: type_1.DateTimeLocale.range.betweenTime
     },
     {
         value: RangePreset.AfterTime,
-        text: exports.rangePresetMapping[RangePreset.AfterTime]
+        text: type_1.DateTimeLocale.range.afterTime
     }
 ];
 exports.defaultPresets = [
     {
-        text: '前5分钟',
+        text: type_1.DateTimeLocale.preset.m5,
         value: 'm5',
         time: function () { return ({
             start: moment_1.default().subtract(5, 'minutes'),
@@ -63,7 +58,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前15分钟',
+        text: type_1.DateTimeLocale.preset.m15,
         value: 'm15',
         time: function () { return ({
             start: moment_1.default().subtract(15, 'minutes'),
@@ -71,7 +66,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前30分钟',
+        text: type_1.DateTimeLocale.preset.m30,
         value: 'm30',
         time: function () { return ({
             start: moment_1.default().subtract(30, 'minutes'),
@@ -79,7 +74,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前60分钟',
+        text: type_1.DateTimeLocale.preset.m60,
         value: 'm60',
         time: function () { return ({
             start: moment_1.default().subtract(60, 'minutes'),
@@ -87,7 +82,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前3小时',
+        text: type_1.DateTimeLocale.preset.h3,
         value: 'h3',
         time: function () { return ({
             start: moment_1.default().subtract(3, 'hours'),
@@ -95,7 +90,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前4小时',
+        text: type_1.DateTimeLocale.preset.h4,
         value: 'h4',
         time: function () { return ({
             start: moment_1.default().subtract(4, 'hours'),
@@ -103,7 +98,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前6小时',
+        text: type_1.DateTimeLocale.preset.h6,
         value: 'h6',
         time: function () { return ({
             start: moment_1.default().subtract(6, 'hours'),
@@ -111,7 +106,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前12小时',
+        text: type_1.DateTimeLocale.preset.h12,
         value: 'h12',
         time: function () { return ({
             start: moment_1.default().subtract(12, 'hours'),
@@ -119,7 +114,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前24小时',
+        text: type_1.DateTimeLocale.preset.h24,
         value: 'h24',
         time: function () { return ({
             start: moment_1.default().subtract(24, 'hours'),
@@ -127,7 +122,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去3天',
+        text: type_1.DateTimeLocale.preset.d3,
         value: 'd3',
         time: function () { return ({
             start: moment_1.default().subtract(3, 'days'),
@@ -135,7 +130,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去7天',
+        text: type_1.DateTimeLocale.preset.d7,
         value: 'd7',
         time: function () { return ({
             start: moment_1.default().subtract(7, 'days'),
@@ -143,7 +138,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去30天',
+        text: type_1.DateTimeLocale.preset.d30,
         value: 'd30',
         time: function () { return ({
             start: moment_1.default().subtract(30, 'days'),
@@ -151,32 +146,32 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '今天',
+        text: type_1.DateTimeLocale.preset.today,
         value: 'today',
         time: function () { return ({ start: moment_1.default().startOf('day'), end: moment_1.default() }); }
     },
     {
-        text: '本周',
+        text: type_1.DateTimeLocale.preset.week,
         value: 'week',
         time: function () { return ({ start: moment_1.default().startOf('week'), end: moment_1.default() }); }
     },
     {
-        text: '本月',
+        text: type_1.DateTimeLocale.preset.month,
         value: 'month',
         time: function () { return ({ start: moment_1.default().startOf('month'), end: moment_1.default() }); }
     },
     {
-        text: '本季度',
+        text: type_1.DateTimeLocale.preset.quarter,
         value: 'quarter',
         time: function () { return ({ start: moment_1.default().startOf('quarter'), end: moment_1.default() }); }
     },
     {
-        text: '本年度',
+        text: type_1.DateTimeLocale.preset.year,
         value: 'year',
         time: function () { return ({ start: moment_1.default().startOf('year'), end: moment_1.default() }); }
     },
     {
-        text: '昨天',
+        text: type_1.DateTimeLocale.preset.yesterDay,
         value: 'yesterDay',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'days').startOf('day'),
@@ -184,7 +179,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前天',
+        text: type_1.DateTimeLocale.preset.theDayBeforYesterDay,
         value: 'theDayBeforYesterDay',
         time: function () { return ({
             start: moment_1.default().subtract(2, 'days').startOf('day'),
@@ -192,7 +187,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上周',
+        text: type_1.DateTimeLocale.preset.previousWeek,
         value: 'previousWeek',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'weeks').startOf('weeks'),
@@ -200,7 +195,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上月',
+        text: type_1.DateTimeLocale.preset.previousMonth,
         value: 'previousMonth',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'months').startOf('months'),
@@ -208,7 +203,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上季度',
+        text: type_1.DateTimeLocale.preset.previousQuarter,
         value: 'previousQuarter',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'quarters').startOf('quarters'),
@@ -216,7 +211,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上年度',
+        text: type_1.DateTimeLocale.preset.previousYear,
         value: 'previousYear',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'years').startOf('years'),
@@ -224,7 +219,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '所有时间',
+        text: type_1.DateTimeLocale.preset.AllTime,
         value: 'AllTime',
         time: function () { return ({
             start: moment_1.default(0),
@@ -254,52 +249,52 @@ var RelativeUnitValue;
 })(RelativeUnitValue = exports.RelativeUnitValue || (exports.RelativeUnitValue = {}));
 exports.relativeTimeUnits = [
     {
-        text: '现在(实时)',
+        text: type_1.DateTimeLocale.relative.now,
         value: RelativeUnitValue.Now,
         time: function (_) { return moment_1.default(); }
     },
     {
-        text: '现在(固定时间)',
+        text: type_1.DateTimeLocale.relative['now-static'],
         value: RelativeUnitValue.NowStatic,
         time: function (_) { return moment_1.default(); }
     },
     {
-        text: '秒前',
+        text: type_1.DateTimeLocale.relative.s,
         value: RelativeUnitValue.Second,
         time: function (num) { return moment_1.default().subtract(num, 'seconds'); }
     },
     {
-        text: '分钟前',
+        text: type_1.DateTimeLocale.relative.m,
         value: RelativeUnitValue.Minute,
         time: function (num) { return moment_1.default().subtract(num, 'minutes'); }
     },
     {
-        text: '小时前',
+        text: type_1.DateTimeLocale.relative.h,
         value: RelativeUnitValue.Hour,
         time: function (num) { return moment_1.default().subtract(num, 'hours'); }
     },
     {
-        text: '天前',
+        text: type_1.DateTimeLocale.relative.d,
         value: RelativeUnitValue.Day,
         time: function (num) { return moment_1.default().subtract(num, 'days'); }
     },
     {
-        text: '周前',
+        text: type_1.DateTimeLocale.relative.w,
         value: RelativeUnitValue.Week,
         time: function (num) { return moment_1.default().subtract(num, 'weeks'); }
     },
     {
-        text: '月前',
+        text: type_1.DateTimeLocale.relative.M,
         value: RelativeUnitValue.Month,
         time: function (num) { return moment_1.default().subtract(num, 'months'); }
     },
     {
-        text: '季度前',
+        text: type_1.DateTimeLocale.relative.Q,
         value: RelativeUnitValue.Quarter,
         time: function (num) { return moment_1.default().subtract(num, 'quarters'); }
     },
     {
-        text: '年前',
+        text: type_1.DateTimeLocale.relative.y,
         value: RelativeUnitValue.Year,
         time: function (num) { return moment_1.default().subtract(num, 'years'); }
     }
@@ -308,7 +303,7 @@ exports.relativeTimeUnitsWithoutNowStatic = exports.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: type_1.DateTimeLocale.relative.now_text }) : __assign({}, item);
 });
 exports.relativeMap = (function () {
     var res = {};

package/lib/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/lib/components/DateTimePicker/time.js

@@ -5,8 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var moment_1 = __importDefault(require("moment"));
 var lodash_1 = require("lodash");
+var zh_CN_1 = __importDefault(require("antd/es/locale-provider/zh_CN"));
 var time_1 = require("../../utils/time");
 var constants_1 = require("./constants");
+var language_1 = require("../../utils/language");
+var type_1 = require("../../constants/language/datetime/type");
 var Time = /** @class */ (function () {
     function Time(time, options) {
         if (options === void 0) { options = {}; }
@@ -108,29 +111,32 @@ var Time = /** @class */ (function () {
             };
         }
     };
-    Time.prototype.getSingleTimeText = function (time) {
+    Time.prototype.getSingleTimeText = function (time, locale) {
+        if (locale === void 0) { locale = zh_CN_1.default; }
+        var text = language_1.formatString(type_1.DateTimeLocale.relative[time.unit], locale);
         return time.unit === constants_1.RelativeUnitValue.Now
-            ? this.relativeMap[time.unit].text
+            ? text
             : time.unit === constants_1.RelativeUnitValue.NowStatic
                 ? time_1.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 = zh_CN_1.default; }
         if (this.preset) {
-            return this.presetMap[this.preset].text;
+            return language_1.formatString(type_1.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 === constants_1.RangePreset.BeforeTime && this.end) {
-                return constants_1.rangePresetMapping[constants_1.RangePreset.BeforeTime] + " ~ " + this.end.format(timeFormat);
+                return language_1.formatString(type_1.DateTimeLocale.range.beforeTime, locale) + " ~ " + this.end.format(timeFormat);
             }
             if (this.rangePreset === constants_1.RangePreset.AfterTime && this.start) {
-                return this.start.format(timeFormat) + " ~ " + constants_1.rangePresetMapping[constants_1.RangePreset.AfterTime];
+                return this.start.format(timeFormat) + " ~ " + language_1.formatString(type_1.DateTimeLocale.range.afterTime, locale);
             }
             if (this.start && this.end) {
                 return (this.start.format(timeFormat) + ' ~ ' + this.end.format(timeFormat));
@@ -138,7 +144,7 @@ var Time = /** @class */ (function () {
         }
         if (this.quarterTime) {
             var _b = this.quarterTime, year = _b.year, quarter = _b.quarter;
-            return year + "\u5E74Q" + quarter;
+            return "" + year + language_1.formatString(type_1.DateTimeLocale.quarter.title, locale) + quarter;
         }
         return '';
     };

package/lib/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/lib/components/RadioGroup/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var lodash_1 = require("lodash");
+var radio_1 = __importDefault(require("antd/es/radio"));
+var classnames_1 = __importDefault(require("classnames"));
+var style_1 = require("../../constants/style");
+var useCallback = React.useCallback, useMemo = React.useMemo;
+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 lodash_1.isArray(options)
+            ? options
+            : Object.keys(options).map(function (key) { return ({ value: key, item: options[key] }); });
+    }, [options]);
+    var Component = useMemo(function () {
+        return optionType === 'default' ? radio_1.default : radio_1.default.Button;
+    }, [optionType]);
+    return (React.createElement(radio_1.default.Group, { className: classnames_1.default(style_1.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_1.default((_a = {},
+                    _a["" + buttonClassName] = optionType === 'button' && buttonClassName,
+                    _a)) }, item));
+        }),
+        children));
+}
+exports.default = RadioGroup;

package/lib/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;
 }