@rescui/radio-button 0.8.9-RUI-230-Update-icons-0bd4e5fc.9 → 0.8.9-RUI-230-Update-icons-6919f9e4.29
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/lib/_virtual/index.css.js +12 -7
- package/lib/_virtual/warning.js +59 -36
- package/lib/index.css +86 -50
- package/lib/parts/radio-button-list.js +3 -2
- package/lib/parts/radio-button.p.module.css.js +19 -19
- package/lib/public-api.p.css +20 -8
- package/lib/public-api.pcss +20 -8
- package/package.json +5 -5
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"icon": "
|
|
3
|
-
"sizeXS": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"light": "
|
|
8
|
-
"dark": "
|
|
2
|
+
"icon": "_icon_1ymr40l_4",
|
|
3
|
+
"sizeXS": "_sizeXS_1ymr40l_14",
|
|
4
|
+
"sizeS": "_sizeS_1ymr40l_18",
|
|
5
|
+
"sizeM": "_sizeM_1ymr40l_22",
|
|
6
|
+
"sizeL": "_sizeL_1ymr40l_26",
|
|
7
|
+
"light": "_light_1ymr40l_30",
|
|
8
|
+
"dark": "_dark_1ymr40l_34",
|
|
9
|
+
"allVariants": "_allVariants_1ymr40l_48",
|
|
10
|
+
"variant16": "_variant16_1ymr40l_53",
|
|
11
|
+
"variant20": "_variant20_1ymr40l_54",
|
|
12
|
+
"variant24": "_variant24_1ymr40l_55",
|
|
13
|
+
"variant28": "_variant28_1ymr40l_58"
|
|
9
14
|
};
|
|
10
15
|
export { styles as default };
|
package/lib/_virtual/warning.js
CHANGED
|
@@ -15,62 +15,85 @@ const Size = {
|
|
|
15
15
|
"m": "m",
|
|
16
16
|
"l": "l"
|
|
17
17
|
};
|
|
18
|
+
|
|
19
|
+
const WarningIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
20
|
+
viewBox: "0 0 16 16"
|
|
21
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
22
|
+
d: "m6.303 1.989-5.027 8.874C.483 12.263 1.494 14 3.103 14h9.793c1.609 0 2.62-1.736 1.827-3.137L9.696 1.99C8.949.67 7.05.67 6.303 1.989M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4"
|
|
23
|
+
}));
|
|
24
|
+
|
|
25
|
+
const WarningIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
26
|
+
viewBox: "0 0 20 20"
|
|
27
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
28
|
+
d: "m8.042 3.141-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0M10 5.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m0 9.25a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
|
|
29
|
+
}));
|
|
30
|
+
|
|
31
|
+
const WarningIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
32
|
+
viewBox: "0 0 24 24"
|
|
33
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
34
|
+
d: "m9.52 3.446-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
|
|
35
|
+
}));
|
|
36
|
+
|
|
37
|
+
const WarningIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
38
|
+
viewBox: "0 0 28 28"
|
|
39
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
40
|
+
d: "M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
|
|
41
|
+
}));
|
|
42
|
+
|
|
18
43
|
const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
19
44
|
let {
|
|
20
45
|
theme,
|
|
21
|
-
size,
|
|
46
|
+
size: sizeFromProps = "m",
|
|
22
47
|
className,
|
|
48
|
+
style,
|
|
49
|
+
['data-render-all-sizes']: renderAllSizes = false,
|
|
23
50
|
...props
|
|
24
51
|
} = _ref;
|
|
52
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
53
|
+
const mainProps = { ...props,
|
|
54
|
+
className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
|
|
55
|
+
style: renderAllSizes ? {
|
|
56
|
+
'--rs-icon-ar-width': 28,
|
|
57
|
+
'--rs-icon-ar-height': 28,
|
|
58
|
+
...style
|
|
59
|
+
} : style,
|
|
60
|
+
ref
|
|
61
|
+
};
|
|
25
62
|
|
|
26
|
-
if (
|
|
63
|
+
if (renderAllSizes) {
|
|
27
64
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
-
viewBox: "0 0
|
|
29
|
-
},
|
|
30
|
-
className:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
65
|
+
viewBox: "0 0 28 28"
|
|
66
|
+
}, mainProps), /*#__PURE__*/React.createElement(WarningIcon16, {
|
|
67
|
+
className: styles.variant16
|
|
68
|
+
}), /*#__PURE__*/React.createElement(WarningIcon20, {
|
|
69
|
+
className: styles.variant20
|
|
70
|
+
}), /*#__PURE__*/React.createElement(WarningIcon24, {
|
|
71
|
+
className: styles.variant24
|
|
72
|
+
}), /*#__PURE__*/React.createElement(WarningIcon28, {
|
|
73
|
+
className: styles.variant28
|
|
34
74
|
}));
|
|
35
75
|
}
|
|
36
76
|
|
|
77
|
+
if (size === Size['xs']) {
|
|
78
|
+
return /*#__PURE__*/React.createElement(WarningIcon16, mainProps);
|
|
79
|
+
}
|
|
80
|
+
|
|
37
81
|
if (size === Size['s']) {
|
|
38
|
-
return /*#__PURE__*/React.createElement(
|
|
39
|
-
viewBox: "0 0 20 20"
|
|
40
|
-
}, props, {
|
|
41
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
42
|
-
ref: ref
|
|
43
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
44
|
-
d: "m8.042 3.141-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0M10 5.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m0 9.25a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
|
|
45
|
-
}));
|
|
82
|
+
return /*#__PURE__*/React.createElement(WarningIcon20, mainProps);
|
|
46
83
|
}
|
|
47
84
|
|
|
48
85
|
if (size === Size['m']) {
|
|
49
|
-
return /*#__PURE__*/React.createElement(
|
|
50
|
-
viewBox: "0 0 24 24"
|
|
51
|
-
}, props, {
|
|
52
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
53
|
-
ref: ref
|
|
54
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
55
|
-
d: "m9.52 3.446-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
|
|
56
|
-
}));
|
|
86
|
+
return /*#__PURE__*/React.createElement(WarningIcon24, mainProps);
|
|
57
87
|
}
|
|
58
88
|
|
|
59
|
-
return /*#__PURE__*/React.createElement(
|
|
60
|
-
viewBox: "0 0 28 28"
|
|
61
|
-
}, props, {
|
|
62
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
63
|
-
ref: ref
|
|
64
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
65
|
-
d: "M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
|
|
66
|
-
}));
|
|
89
|
+
return /*#__PURE__*/React.createElement(WarningIcon28, mainProps);
|
|
67
90
|
});
|
|
91
|
+
WarningIcon.displayName = 'WarningIcon';
|
|
68
92
|
WarningIcon.propTypes = {
|
|
69
93
|
className: PropTypes.string,
|
|
70
94
|
theme: PropTypes.oneOf(["light", "dark"]),
|
|
71
|
-
size: PropTypes.oneOf(["xs", "s", "m", "l"])
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
size: "m"
|
|
95
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
96
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
97
|
+
style: PropTypes.object
|
|
75
98
|
};
|
|
76
99
|
export { Size, WarningIcon as default };
|
package/lib/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._icon_1ymr40l_4{
|
|
2
2
|
--_rs-theme-dark:var(
|
|
3
3
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
4
4
|
var(--rs-theme-dark, 0)
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
9
9
|
}
|
|
10
10
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
11
|
-
.
|
|
11
|
+
._icon_1ymr40l_4{
|
|
12
12
|
--_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
13
13
|
--_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
14
14
|
--_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
20
|
-
.
|
|
20
|
+
._icon_1ymr40l_4{
|
|
21
21
|
--_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
|
|
22
22
|
--_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
|
|
23
23
|
--_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
|
|
@@ -25,30 +25,30 @@
|
|
|
25
25
|
--_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
._icon_1ymr40l_4{
|
|
29
29
|
|
|
30
30
|
fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
|
|
31
31
|
|
|
32
32
|
width:auto;
|
|
33
33
|
height:var(--_rs-icons-height);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
._sizeXS_1ymr40l_14{
|
|
36
36
|
--_rs-icons-height:16px;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._sizeS_1ymr40l_18{
|
|
39
39
|
--_rs-icons-height:20px;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._sizeM_1ymr40l_22{
|
|
42
42
|
--_rs-icons-height:24px;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
._sizeL_1ymr40l_26{
|
|
45
45
|
--_rs-icons-height:28px;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._light_1ymr40l_30{
|
|
48
48
|
--rs-theme-dark:0;
|
|
49
49
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._dark_1ymr40l_34{
|
|
52
52
|
--rs-theme-dark:1;
|
|
53
53
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
54
54
|
}
|
|
@@ -60,13 +60,49 @@
|
|
|
60
60
|
transform:rotate(360deg);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._allVariants_1ymr40l_48{
|
|
64
|
+
aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
|
|
65
|
+
container:rs-icon / size;
|
|
66
|
+
}
|
|
67
|
+
._variant16_1ymr40l_53,
|
|
68
|
+
._variant20_1ymr40l_54,
|
|
69
|
+
._variant24_1ymr40l_55{
|
|
70
|
+
display:none;
|
|
71
|
+
}
|
|
72
|
+
._variant28_1ymr40l_58{
|
|
73
|
+
display:block;
|
|
74
|
+
}
|
|
75
|
+
@container rs-icon (max-height: 24px){
|
|
76
|
+
._variant24_1ymr40l_55{
|
|
77
|
+
display:block;
|
|
78
|
+
}
|
|
79
|
+
._variant28_1ymr40l_58{
|
|
80
|
+
display:none;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
@container rs-icon (max-height: 20px){
|
|
84
|
+
._variant20_1ymr40l_54{
|
|
85
|
+
display:block;
|
|
86
|
+
}
|
|
87
|
+
._variant24_1ymr40l_55{
|
|
88
|
+
display:none;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
@container rs-icon (max-height: 16px){
|
|
92
|
+
._variant16_1ymr40l_53{
|
|
93
|
+
display:block;
|
|
94
|
+
}
|
|
95
|
+
._variant20_1ymr40l_54{
|
|
96
|
+
display:none;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
._themeLight_16eanxu_8{
|
|
64
100
|
--rs-theme-dark:0;
|
|
65
101
|
}
|
|
66
|
-
.
|
|
102
|
+
._themeDark_16eanxu_11{
|
|
67
103
|
--rs-theme-dark:1;
|
|
68
104
|
}
|
|
69
|
-
.
|
|
105
|
+
._container_16eanxu_15{
|
|
70
106
|
--_rs-theme-dark:var(
|
|
71
107
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
72
108
|
var(--rs-theme-dark, 0)
|
|
@@ -76,7 +112,7 @@
|
|
|
76
112
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
77
113
|
}
|
|
78
114
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
79
|
-
.
|
|
115
|
+
._container_16eanxu_15{
|
|
80
116
|
--_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
81
117
|
--_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
82
118
|
--_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -85,7 +121,7 @@
|
|
|
85
121
|
}
|
|
86
122
|
}
|
|
87
123
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
88
|
-
.
|
|
124
|
+
._container_16eanxu_15{
|
|
89
125
|
--_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
|
|
90
126
|
--_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
|
|
91
127
|
--_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
|
|
@@ -93,7 +129,7 @@
|
|
|
93
129
|
--_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
|
|
94
130
|
}
|
|
95
131
|
}
|
|
96
|
-
.
|
|
132
|
+
._listSizeS_16eanxu_20 [data-rs-internal='radio-button-list__error-message']{
|
|
97
133
|
--_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
|
|
98
134
|
--_rs-typography-text-transform:initial;
|
|
99
135
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -124,10 +160,10 @@
|
|
|
124
160
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
125
161
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
126
162
|
}
|
|
127
|
-
.
|
|
163
|
+
._listSizeS_16eanxu_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
|
|
128
164
|
--_rs-icons-height:20px;
|
|
129
165
|
}
|
|
130
|
-
.
|
|
166
|
+
._listSizeM_16eanxu_23 [data-rs-internal='radio-button-list__error-message']{
|
|
131
167
|
--_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
|
|
132
168
|
--_rs-typography-text-transform:initial;
|
|
133
169
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -158,10 +194,10 @@
|
|
|
158
194
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
159
195
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
160
196
|
}
|
|
161
|
-
.
|
|
197
|
+
._listSizeM_16eanxu_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
|
|
162
198
|
--_rs-icons-height:20px;
|
|
163
199
|
}
|
|
164
|
-
.
|
|
200
|
+
._listSizeL_16eanxu_26 [data-rs-internal='radio-button-list__error-message']{
|
|
165
201
|
--_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
|
|
166
202
|
--_rs-typography-text-transform:initial;
|
|
167
203
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -192,35 +228,35 @@
|
|
|
192
228
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
193
229
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
194
230
|
}
|
|
195
|
-
.
|
|
231
|
+
._listSizeL_16eanxu_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
|
|
196
232
|
--_rs-icons-height:24px;
|
|
197
233
|
}
|
|
198
|
-
.
|
|
234
|
+
._sizeS_16eanxu_30{
|
|
199
235
|
--_rs-radio-button-size:20px;
|
|
200
236
|
--_rs-radio-button-box-shadow-size:3px;
|
|
201
237
|
--_rs-radio-button-active-icon-border-width:5px;
|
|
202
238
|
}
|
|
203
|
-
.
|
|
239
|
+
._sizeM_16eanxu_33{
|
|
204
240
|
--_rs-radio-button-size:24px;
|
|
205
241
|
--_rs-radio-button-box-shadow-size:3px;
|
|
206
242
|
--_rs-radio-button-active-icon-border-width:6px;
|
|
207
243
|
}
|
|
208
|
-
.
|
|
244
|
+
._sizeL_16eanxu_36{
|
|
209
245
|
--_rs-radio-button-size:28px;
|
|
210
246
|
--_rs-radio-button-box-shadow-size:4px;
|
|
211
247
|
--_rs-radio-button-active-icon-border-width:6px;
|
|
212
248
|
}
|
|
213
|
-
.
|
|
249
|
+
._classic_16eanxu_40{
|
|
214
250
|
--_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
|
|
215
251
|
--_rs-radio-button-active-icon-background-color:#FFFFFF;
|
|
216
252
|
--_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
|
|
217
253
|
}
|
|
218
|
-
.
|
|
254
|
+
._rock_16eanxu_43{
|
|
219
255
|
--_rs-radio-button-active-icon-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
220
256
|
--_rs-radio-button-active-icon-background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
|
|
221
257
|
--_rs-radio-button-active-icon-hover-box-shadow-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
|
|
222
258
|
}
|
|
223
|
-
.
|
|
259
|
+
._main_16eanxu_47{
|
|
224
260
|
--_rs-theme-dark:var(
|
|
225
261
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
226
262
|
var(--rs-theme-dark, 0)
|
|
@@ -230,7 +266,7 @@
|
|
|
230
266
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
231
267
|
}
|
|
232
268
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
233
|
-
.
|
|
269
|
+
._main_16eanxu_47{
|
|
234
270
|
--_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
235
271
|
--_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
236
272
|
--_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -239,7 +275,7 @@
|
|
|
239
275
|
}
|
|
240
276
|
}
|
|
241
277
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
242
|
-
.
|
|
278
|
+
._main_16eanxu_47{
|
|
243
279
|
--_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
|
|
244
280
|
--_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
|
|
245
281
|
--_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
|
|
@@ -247,7 +283,7 @@
|
|
|
247
283
|
--_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
|
|
248
284
|
}
|
|
249
285
|
}
|
|
250
|
-
.
|
|
286
|
+
._main_16eanxu_47 {
|
|
251
287
|
|
|
252
288
|
display:inline-block;
|
|
253
289
|
|
|
@@ -256,7 +292,7 @@
|
|
|
256
292
|
|
|
257
293
|
vertical-align:middle;
|
|
258
294
|
}
|
|
259
|
-
.
|
|
295
|
+
._errorMessage_16eanxu_59{
|
|
260
296
|
letter-spacing:var(
|
|
261
297
|
--rs-text-base-letter-spacing,
|
|
262
298
|
var(--_rs-typography-letter-spacing)
|
|
@@ -278,12 +314,12 @@
|
|
|
278
314
|
-moz-column-gap:8px;
|
|
279
315
|
column-gap:8px;
|
|
280
316
|
}
|
|
281
|
-
.
|
|
317
|
+
._errorIcon_16eanxu_71{
|
|
282
318
|
flex:0 0 auto;
|
|
283
319
|
|
|
284
320
|
color:#F45C4A;
|
|
285
321
|
}
|
|
286
|
-
.
|
|
322
|
+
._input_16eanxu_77{
|
|
287
323
|
position:absolute;
|
|
288
324
|
-webkit-appearance:none;
|
|
289
325
|
-moz-appearance:none;
|
|
@@ -297,7 +333,7 @@
|
|
|
297
333
|
|
|
298
334
|
border:0;
|
|
299
335
|
}
|
|
300
|
-
.
|
|
336
|
+
._icon_16eanxu_90{
|
|
301
337
|
position:relative;
|
|
302
338
|
|
|
303
339
|
display:inline-block;
|
|
@@ -314,16 +350,16 @@
|
|
|
314
350
|
|
|
315
351
|
background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
|
|
316
352
|
}
|
|
317
|
-
.
|
|
353
|
+
._enabled_16eanxu_111 ._icon_16eanxu_90{
|
|
318
354
|
cursor:pointer;
|
|
319
355
|
}
|
|
320
|
-
.
|
|
321
|
-
label:hover .
|
|
356
|
+
._enabled_16eanxu_111:hover > ._icon_16eanxu_90,
|
|
357
|
+
label:hover ._enabled_16eanxu_111 > ._icon_16eanxu_90{
|
|
322
358
|
background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182));
|
|
323
359
|
}
|
|
324
|
-
.
|
|
325
|
-
.
|
|
326
|
-
.
|
|
360
|
+
._disabled_16eanxu_120 ._icon_16eanxu_90._icon_16eanxu_90,
|
|
361
|
+
._input_16eanxu_77:disabled + ._icon_16eanxu_90._icon_16eanxu_90,
|
|
362
|
+
._input_16eanxu_77:checked:disabled + ._icon_16eanxu_90{
|
|
327
363
|
border-color:rgb(calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(187 - var(--_rs-theme-dark-coefficient, 0)*91));
|
|
328
364
|
|
|
329
365
|
cursor:not-allowed;
|
|
@@ -331,25 +367,25 @@
|
|
|
331
367
|
|
|
332
368
|
background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
|
|
333
369
|
}
|
|
334
|
-
.
|
|
335
|
-
.
|
|
370
|
+
._enabled_16eanxu_111 ._input_16eanxu_77:active + ._icon_16eanxu_90,
|
|
371
|
+
._enabled_16eanxu_111 ._input_16eanxu_77:checked + ._icon_16eanxu_90{
|
|
336
372
|
border-color:var(--_rs-radio-button-active-icon-border-color);
|
|
337
373
|
|
|
338
374
|
background-color:var(--_rs-radio-button-active-icon-background-color);
|
|
339
375
|
}
|
|
340
|
-
.
|
|
341
|
-
.
|
|
342
|
-
.
|
|
376
|
+
._enabled_16eanxu_111 ._input_16eanxu_77:active + ._icon_16eanxu_90,
|
|
377
|
+
._enabled_16eanxu_111 ._input_16eanxu_77:checked + ._icon_16eanxu_90,
|
|
378
|
+
._main_16eanxu_47 ._input_16eanxu_77:checked:disabled + ._icon_16eanxu_90{
|
|
343
379
|
border-width:var(--_rs-radio-button-active-icon-border-width);
|
|
344
380
|
}
|
|
345
|
-
.
|
|
381
|
+
._error_16eanxu_59 ._icon_16eanxu_90._icon_16eanxu_90._icon_16eanxu_90{
|
|
346
382
|
border-color:#F45C4A;
|
|
347
383
|
}
|
|
348
|
-
.
|
|
349
|
-
label:hover .
|
|
350
|
-
.
|
|
384
|
+
._enabled_16eanxu_111:hover > ._icon_16eanxu_90._icon_16eanxu_90,
|
|
385
|
+
label:hover ._enabled_16eanxu_111 > ._icon_16eanxu_90._icon_16eanxu_90,
|
|
386
|
+
._enabled_16eanxu_111 ._input_16eanxu_77:active:not(:checked) + ._icon_16eanxu_90{
|
|
351
387
|
box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
|
|
352
388
|
}
|
|
353
|
-
.
|
|
389
|
+
._enabled_16eanxu_111 ._input_16eanxu_77:focus[data-focus-method='key'] + ._icon_16eanxu_90{
|
|
354
390
|
box-shadow:0 0 0 1px rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181)), 0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-color-primary-t-dim);
|
|
355
391
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import cn from 'classnames';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
4
|
import { Menu } from '@rescui/menu';
|
|
5
5
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
6
6
|
import WarningIcon from '../_virtual/warning.js';
|
|
@@ -43,7 +43,8 @@ const RadioButtonList = _ref => {
|
|
|
43
43
|
"data-rs-internal": "radio-button-list__error-message"
|
|
44
44
|
}, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
45
45
|
"data-rs-internal": "radio-button-list__error-icon",
|
|
46
|
-
className: styles.errorIcon
|
|
46
|
+
className: styles.errorIcon,
|
|
47
|
+
"data-render-all-sizes": true
|
|
47
48
|
}), /*#__PURE__*/React.createElement("span", null, error)), /*#__PURE__*/React.createElement(Menu, {
|
|
48
49
|
disabled: disabled,
|
|
49
50
|
theme: theme,
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"container": "
|
|
5
|
-
"listSizeS": "
|
|
6
|
-
"listSizeM": "
|
|
7
|
-
"listSizeL": "
|
|
8
|
-
"sizeS": "
|
|
9
|
-
"sizeM": "
|
|
10
|
-
"sizeL": "
|
|
11
|
-
"classic": "
|
|
12
|
-
"rock": "
|
|
13
|
-
"main": "
|
|
14
|
-
"errorMessage": "
|
|
15
|
-
"errorIcon": "
|
|
16
|
-
"input": "
|
|
17
|
-
"icon": "
|
|
18
|
-
"enabled": "
|
|
19
|
-
"disabled": "
|
|
20
|
-
"error": "
|
|
2
|
+
"themeLight": "_themeLight_16eanxu_8",
|
|
3
|
+
"themeDark": "_themeDark_16eanxu_11",
|
|
4
|
+
"container": "_container_16eanxu_15",
|
|
5
|
+
"listSizeS": "_listSizeS_16eanxu_20",
|
|
6
|
+
"listSizeM": "_listSizeM_16eanxu_23",
|
|
7
|
+
"listSizeL": "_listSizeL_16eanxu_26",
|
|
8
|
+
"sizeS": "_sizeS_16eanxu_30",
|
|
9
|
+
"sizeM": "_sizeM_16eanxu_33",
|
|
10
|
+
"sizeL": "_sizeL_16eanxu_36",
|
|
11
|
+
"classic": "_classic_16eanxu_40",
|
|
12
|
+
"rock": "_rock_16eanxu_43",
|
|
13
|
+
"main": "_main_16eanxu_47",
|
|
14
|
+
"errorMessage": "_errorMessage_16eanxu_59",
|
|
15
|
+
"errorIcon": "_errorIcon_16eanxu_71",
|
|
16
|
+
"input": "_input_16eanxu_77",
|
|
17
|
+
"icon": "_icon_16eanxu_90",
|
|
18
|
+
"enabled": "_enabled_16eanxu_111",
|
|
19
|
+
"disabled": "_disabled_16eanxu_120",
|
|
20
|
+
"error": "_error_16eanxu_59"
|
|
21
21
|
};
|
|
22
22
|
export { styles as default };
|
package/lib/public-api.p.css
CHANGED
|
@@ -176,14 +176,17 @@
|
|
|
176
176
|
--_rs-typography-text-auto-offset:16px;
|
|
177
177
|
--_rs-typography-ul-list-li-padding-left:22px;
|
|
178
178
|
--_rs-typography-ol-list-li-padding-left:26px;
|
|
179
|
-
--_rs-typography-list-li-margin-top-from-text:
|
|
179
|
+
--_rs-typography-list-li-margin-top-from-text:var(
|
|
180
|
+
--_rs-typography-text-2-sm-list-li-margin-top-from-text,
|
|
181
|
+
16px
|
|
182
|
+
);
|
|
180
183
|
--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
|
|
181
184
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
182
185
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
183
186
|
}
|
|
184
187
|
@media screen and (max-width: 640px){
|
|
185
188
|
& [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
|
|
186
|
-
--_rs-typography-list-li-margin-top-from-text:12px;
|
|
189
|
+
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
187
190
|
}
|
|
188
191
|
}
|
|
189
192
|
& [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
|
|
@@ -292,14 +295,17 @@
|
|
|
292
295
|
--_rs-typography-text-auto-offset:32px;
|
|
293
296
|
--_rs-typography-ul-list-li-padding-left:26px;
|
|
294
297
|
--_rs-typography-ol-list-li-padding-left:32px;
|
|
295
|
-
--_rs-typography-list-li-margin-top-from-text:
|
|
298
|
+
--_rs-typography-list-li-margin-top-from-text:var(
|
|
299
|
+
--_rs-typography-text-1-sm-list-li-margin-top-from-text,
|
|
300
|
+
24px
|
|
301
|
+
);
|
|
296
302
|
--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
|
|
297
303
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
298
304
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
299
305
|
}
|
|
300
306
|
@media screen and (max-width: 640px){
|
|
301
307
|
& [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
|
|
302
|
-
--_rs-typography-list-li-margin-top-from-text:16px;
|
|
308
|
+
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
303
309
|
}
|
|
304
310
|
}
|
|
305
311
|
& [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
|
|
@@ -432,14 +438,17 @@
|
|
|
432
438
|
--_rs-typography-text-auto-offset:16px;
|
|
433
439
|
--_rs-typography-ul-list-li-padding-left:22px;
|
|
434
440
|
--_rs-typography-ol-list-li-padding-left:26px;
|
|
435
|
-
--_rs-typography-list-li-margin-top-from-text:
|
|
441
|
+
--_rs-typography-list-li-margin-top-from-text:var(
|
|
442
|
+
--_rs-typography-text-2-sm-list-li-margin-top-from-text,
|
|
443
|
+
16px
|
|
444
|
+
);
|
|
436
445
|
--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
|
|
437
446
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
438
447
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
439
448
|
}
|
|
440
449
|
@media screen and (max-width: 640px){
|
|
441
450
|
&[class][class]{
|
|
442
|
-
--_rs-typography-list-li-margin-top-from-text:12px;
|
|
451
|
+
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
443
452
|
}
|
|
444
453
|
}
|
|
445
454
|
& [data-rs-internal="radio-button__control"]{
|
|
@@ -481,14 +490,17 @@
|
|
|
481
490
|
--_rs-typography-text-auto-offset:32px;
|
|
482
491
|
--_rs-typography-ul-list-li-padding-left:26px;
|
|
483
492
|
--_rs-typography-ol-list-li-padding-left:32px;
|
|
484
|
-
--_rs-typography-list-li-margin-top-from-text:
|
|
493
|
+
--_rs-typography-list-li-margin-top-from-text:var(
|
|
494
|
+
--_rs-typography-text-1-sm-list-li-margin-top-from-text,
|
|
495
|
+
24px
|
|
496
|
+
);
|
|
485
497
|
--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
|
|
486
498
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
487
499
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
488
500
|
}
|
|
489
501
|
@media screen and (max-width: 640px){
|
|
490
502
|
&[class][class]{
|
|
491
|
-
--_rs-typography-list-li-margin-top-from-text:16px;
|
|
503
|
+
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
492
504
|
}
|
|
493
505
|
}
|
|
494
506
|
& [data-rs-internal="radio-button__control"]{
|
package/lib/public-api.pcss
CHANGED
|
@@ -176,14 +176,17 @@
|
|
|
176
176
|
--_rs-typography-text-auto-offset:16px;
|
|
177
177
|
--_rs-typography-ul-list-li-padding-left:22px;
|
|
178
178
|
--_rs-typography-ol-list-li-padding-left:26px;
|
|
179
|
-
--_rs-typography-list-li-margin-top-from-text:
|
|
179
|
+
--_rs-typography-list-li-margin-top-from-text:var(
|
|
180
|
+
--_rs-typography-text-2-sm-list-li-margin-top-from-text,
|
|
181
|
+
16px
|
|
182
|
+
);
|
|
180
183
|
--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
|
|
181
184
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
182
185
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
183
186
|
}
|
|
184
187
|
@media screen and (max-width: 640px){
|
|
185
188
|
& [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
|
|
186
|
-
--_rs-typography-list-li-margin-top-from-text:12px;
|
|
189
|
+
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
187
190
|
}
|
|
188
191
|
}
|
|
189
192
|
& [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
|
|
@@ -292,14 +295,17 @@
|
|
|
292
295
|
--_rs-typography-text-auto-offset:32px;
|
|
293
296
|
--_rs-typography-ul-list-li-padding-left:26px;
|
|
294
297
|
--_rs-typography-ol-list-li-padding-left:32px;
|
|
295
|
-
--_rs-typography-list-li-margin-top-from-text:
|
|
298
|
+
--_rs-typography-list-li-margin-top-from-text:var(
|
|
299
|
+
--_rs-typography-text-1-sm-list-li-margin-top-from-text,
|
|
300
|
+
24px
|
|
301
|
+
);
|
|
296
302
|
--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
|
|
297
303
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
298
304
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
299
305
|
}
|
|
300
306
|
@media screen and (max-width: 640px){
|
|
301
307
|
& [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
|
|
302
|
-
--_rs-typography-list-li-margin-top-from-text:16px;
|
|
308
|
+
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
303
309
|
}
|
|
304
310
|
}
|
|
305
311
|
& [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
|
|
@@ -432,14 +438,17 @@
|
|
|
432
438
|
--_rs-typography-text-auto-offset:16px;
|
|
433
439
|
--_rs-typography-ul-list-li-padding-left:22px;
|
|
434
440
|
--_rs-typography-ol-list-li-padding-left:26px;
|
|
435
|
-
--_rs-typography-list-li-margin-top-from-text:
|
|
441
|
+
--_rs-typography-list-li-margin-top-from-text:var(
|
|
442
|
+
--_rs-typography-text-2-sm-list-li-margin-top-from-text,
|
|
443
|
+
16px
|
|
444
|
+
);
|
|
436
445
|
--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
|
|
437
446
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
438
447
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
439
448
|
}
|
|
440
449
|
@media screen and (max-width: 640px){
|
|
441
450
|
&[class][class]{
|
|
442
|
-
--_rs-typography-list-li-margin-top-from-text:12px;
|
|
451
|
+
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
443
452
|
}
|
|
444
453
|
}
|
|
445
454
|
& [data-rs-internal="radio-button__control"]{
|
|
@@ -481,14 +490,17 @@
|
|
|
481
490
|
--_rs-typography-text-auto-offset:32px;
|
|
482
491
|
--_rs-typography-ul-list-li-padding-left:26px;
|
|
483
492
|
--_rs-typography-ol-list-li-padding-left:32px;
|
|
484
|
-
--_rs-typography-list-li-margin-top-from-text:
|
|
493
|
+
--_rs-typography-list-li-margin-top-from-text:var(
|
|
494
|
+
--_rs-typography-text-1-sm-list-li-margin-top-from-text,
|
|
495
|
+
24px
|
|
496
|
+
);
|
|
485
497
|
--_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
|
|
486
498
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
487
499
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
488
500
|
}
|
|
489
501
|
@media screen and (max-width: 640px){
|
|
490
502
|
&[class][class]{
|
|
491
|
-
--_rs-typography-list-li-margin-top-from-text:16px;
|
|
503
|
+
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
492
504
|
}
|
|
493
505
|
}
|
|
494
506
|
& [data-rs-internal="radio-button__control"]{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/radio-button",
|
|
3
|
-
"version": "0.8.9-RUI-230-Update-icons-
|
|
3
|
+
"version": "0.8.9-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
19
|
-
"@rescui/menu": "0.10.13-RUI-230-Update-icons-
|
|
19
|
+
"@rescui/menu": "0.10.13-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
|
|
20
20
|
"classnames": "^2.2.6"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
@@ -25,14 +25,14 @@
|
|
|
25
25
|
"react": ">=16.8.0 <19"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@rescui/colors": "0.2.7-RUI-230-Update-icons-
|
|
28
|
+
"@rescui/colors": "0.2.7-RUI-230-Update-icons-6919f9e4.53+6919f9e4",
|
|
29
29
|
"@rescui/scripts": "0.3.5",
|
|
30
|
-
"@rescui/typography": "0.21.1-RUI-230-Update-icons-
|
|
30
|
+
"@rescui/typography": "0.21.1-RUI-230-Update-icons-6919f9e4.29+6919f9e4"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rescui-scripts build && yarn run build-pcss-api",
|
|
34
34
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
35
35
|
},
|
|
36
36
|
"nx": {},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "6919f9e47242359e9341826175a53441c8c70f75"
|
|
38
38
|
}
|