@thecb/components 4.0.17 → 4.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js
CHANGED
|
@@ -20715,13 +20715,13 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
20715
20715
|
var buttonCenter = {
|
|
20716
20716
|
on: {
|
|
20717
20717
|
backgroundColor: themeValues.activeColor,
|
|
20718
|
-
height: "
|
|
20719
|
-
width: "
|
|
20718
|
+
height: "16px",
|
|
20719
|
+
width: "16px"
|
|
20720
20720
|
},
|
|
20721
20721
|
onFocused: {
|
|
20722
20722
|
backgroundColor: themeValues.activeColor,
|
|
20723
|
-
height: "
|
|
20724
|
-
width: "
|
|
20723
|
+
height: "16px",
|
|
20724
|
+
width: "16px"
|
|
20725
20725
|
},
|
|
20726
20726
|
offFocused: {
|
|
20727
20727
|
backgroundColor: "transparent",
|
|
@@ -20748,16 +20748,16 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
20748
20748
|
}), /*#__PURE__*/React__default.createElement(Motion, {
|
|
20749
20749
|
borderWidth: "1px",
|
|
20750
20750
|
borderStyle: "solid",
|
|
20751
|
-
borderRadius: "
|
|
20752
|
-
margin: "
|
|
20753
|
-
height: "
|
|
20754
|
-
width: "
|
|
20751
|
+
borderRadius: "12px",
|
|
20752
|
+
margin: "4px 14px 4px 4px",
|
|
20753
|
+
height: "24px",
|
|
20754
|
+
width: "24px",
|
|
20755
20755
|
variants: buttonBorder,
|
|
20756
20756
|
display: "flex",
|
|
20757
20757
|
extraStyles: "justify-content: center; align-items: center;"
|
|
20758
20758
|
}, /*#__PURE__*/React__default.createElement(Motion, {
|
|
20759
20759
|
variants: buttonCenter,
|
|
20760
|
-
borderRadius: "
|
|
20760
|
+
borderRadius: "8px"
|
|
20761
20761
|
})));
|
|
20762
20762
|
};
|
|
20763
20763
|
|
package/package.json
CHANGED
|
@@ -40,13 +40,13 @@ const RadioButton = ({
|
|
|
40
40
|
const buttonCenter = {
|
|
41
41
|
on: {
|
|
42
42
|
backgroundColor: themeValues.activeColor,
|
|
43
|
-
height: "
|
|
44
|
-
width: "
|
|
43
|
+
height: "16px",
|
|
44
|
+
width: "16px"
|
|
45
45
|
},
|
|
46
46
|
onFocused: {
|
|
47
47
|
backgroundColor: themeValues.activeColor,
|
|
48
|
-
height: "
|
|
49
|
-
width: "
|
|
48
|
+
height: "16px",
|
|
49
|
+
width: "16px"
|
|
50
50
|
},
|
|
51
51
|
offFocused: {
|
|
52
52
|
backgroundColor: "transparent",
|
|
@@ -85,15 +85,15 @@ const RadioButton = ({
|
|
|
85
85
|
<Motion
|
|
86
86
|
borderWidth="1px"
|
|
87
87
|
borderStyle="solid"
|
|
88
|
-
borderRadius="
|
|
89
|
-
margin="
|
|
90
|
-
height="
|
|
91
|
-
width="
|
|
88
|
+
borderRadius="12px"
|
|
89
|
+
margin="4px 14px 4px 4px"
|
|
90
|
+
height="24px"
|
|
91
|
+
width="24px"
|
|
92
92
|
variants={buttonBorder}
|
|
93
93
|
display="flex"
|
|
94
94
|
extraStyles={`justify-content: center; align-items: center;`}
|
|
95
95
|
>
|
|
96
|
-
<Motion variants={buttonCenter} borderRadius="
|
|
96
|
+
<Motion variants={buttonCenter} borderRadius="8px" />
|
|
97
97
|
</Motion>
|
|
98
98
|
</Motion>
|
|
99
99
|
);
|