@rescui/radio-button 0.9.5-RUI-286-Fix-tooltip-stacking-f4145b01.1 → 0.10.1

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.
Files changed (12) hide show
  1. package/lib/index.css +358 -232
  2. package/lib/parts/radio-button-list.d.ts +10 -1
  3. package/lib/parts/radio-button-list.js +48 -20
  4. package/lib/parts/radio-button-list.p.module.css.js +16 -0
  5. package/lib/parts/radio-button.p.module.css.js +13 -19
  6. package/lib/parts/use-backward-compatible-id.d.ts +4 -0
  7. package/lib/parts/use-backward-compatible-id.js +14 -0
  8. package/lib/public-api.p.css +178 -42
  9. package/lib/public-api.pcss +178 -42
  10. package/package.json +7 -6
  11. package/lib/_virtual/index.css.js +0 -15
  12. package/lib/_virtual/warning.js +0 -106
package/lib/parts/radio-button-list.d.ts CHANGED
@@ -2,8 +2,17 @@ import React from 'react';
2
2
  import { RadioButtonManagerProps } from './radio-button-manager';
3
3
  export declare type RadioButtonListProps = Omit<RadioButtonManagerProps, 'error'> & {
4
4
  className?: string;
5
+ id?: string;
5
6
  style?: object;
7
+ label?: React.ReactNode;
8
+ note?: React.ReactNode;
6
9
  /** Error flag or message */
7
- error?: boolean | React.ReactNode;
10
+ error?: React.ReactNode;
11
+ /**
12
+ * If `true`, there will be reserved a space for a 1-line error message. Subsequent lines will be placed below normally.
13
+ * If `false`, there will be no reservation.
14
+ */
15
+ reserveErrorLine?: boolean;
16
+ boldLabel?: boolean;
8
17
  };
9
18
  export declare const RadioButtonList: React.FC<RadioButtonListProps>;
package/lib/parts/radio-button-list.js CHANGED
@@ -4,18 +4,19 @@ import cn from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import { Menu } from '@rescui/menu';
6
6
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
7
- import WarningIcon from '../_virtual/warning.js';
7
+ import { ErrorMessage, shouldRenderErrorMessage } from '@rescui/form-field';
8
8
  import { RadioButtonManager } from './radio-button-manager.js';
9
- import styles from './radio-button.p.module.css.js';
9
+ import { useBackwardCompatibleId } from './use-backward-compatible-id.js';
10
+ import styles from './radio-button-list.p.module.css.js';
10
11
  const THEME_STYLES = {
11
12
  light: styles.themeLight,
12
13
  dark: styles.themeDark
13
14
  };
14
15
  const SIZE_STYLES = {
15
- s: styles.listSizeS,
16
- m: styles.listSizeM,
17
- l: styles.listSizeL
18
- };
16
+ s: styles.sizeS,
17
+ m: styles.sizeM,
18
+ l: styles.sizeL
19
+ }; // eslint-disable-next-line complexity
19
20
 
20
21
  const RadioButtonList = _ref => {
21
22
  let {
@@ -24,41 +25,68 @@ const RadioButtonList = _ref => {
24
25
  disabled,
25
26
  size = 'm',
26
27
  theme: themeFromProps,
28
+ label,
29
+ note,
27
30
  error,
31
+ reserveErrorLine = false,
28
32
  className,
33
+ id,
29
34
  style,
35
+ boldLabel = true,
30
36
  ...restProps
31
37
  } = _ref;
32
38
  const theme = useThemeWithUndefined(themeFromProps);
39
+ const uniqueId = `radio-button-list-${useBackwardCompatibleId()}`;
40
+ const errorId = `${id ? id : uniqueId}-error`;
41
+ const hasFooter = Boolean(note) || shouldRenderErrorMessage(error, reserveErrorLine);
33
42
  return /*#__PURE__*/React.createElement(RadioButtonManager, {
34
43
  disabled: disabled,
35
44
  size: size,
36
45
  mode: mode,
37
46
  theme: theme,
38
47
  ...restProps
39
- }, /*#__PURE__*/React.createElement("div", {
40
- className: cn(className, styles.container, THEME_STYLES[theme], SIZE_STYLES[size]),
41
- style: style
42
- }, error && typeof error !== 'boolean' && /*#__PURE__*/React.createElement("div", {
43
- className: styles.errorMessage,
44
- "data-rs-internal": "radio-button-list__error-message"
45
- }, /*#__PURE__*/React.createElement(WarningIcon, {
46
- "data-rs-internal": "radio-button-list__error-icon",
47
- className: styles.errorIcon,
48
- "data-render-all-sizes": true
49
- }), /*#__PURE__*/React.createElement("span", null, error)), /*#__PURE__*/React.createElement(Menu, {
48
+ }, /*#__PURE__*/React.createElement("fieldset", {
49
+ className: cn(className, styles.container, THEME_STYLES[theme], SIZE_STYLES[size], disabled && styles.disabled, Boolean(error) && styles.error),
50
+ id: id,
51
+ style: style,
52
+ "aria-errormessage": error ? errorId : undefined,
53
+ "aria-invalid": Boolean(error),
54
+ "data-test": 'radio-button-list'
55
+ }, label && /*#__PURE__*/React.createElement("legend", {
56
+ className: styles.label,
57
+ "data-test": 'radio-button-list__label',
58
+ "data-rs-internal": boldLabel ? 'radio-button-list__bold-label' : 'radio-button-list__label'
59
+ }, label), /*#__PURE__*/React.createElement(Menu, {
50
60
  disabled: disabled,
51
61
  theme: theme,
52
62
  size: size,
53
63
  tag: 'div',
54
64
  itemTag: null,
55
65
  mode: 'clear',
66
+ className: styles.inner,
56
67
  "data-rs-internal": 'radio-button-list__menu'
57
- }, children)));
68
+ }, children), hasFooter && /*#__PURE__*/React.createElement("div", {
69
+ className: styles.footer
70
+ }, /*#__PURE__*/React.createElement(ErrorMessage, {
71
+ id: errorId,
72
+ className: styles.errorMessage,
73
+ "data-test": 'radio-button-list__error',
74
+ reserveLine: reserveErrorLine
75
+ }, error), note && /*#__PURE__*/React.createElement("div", {
76
+ className: styles.note,
77
+ "data-test": 'radio-button-list__note',
78
+ "data-rs-internal": "radio-button-list__note"
79
+ }, note))));
58
80
  };
59
81
 
60
82
  RadioButtonList.propTypes = { ...RadioButtonManager.propTypes,
61
- error: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
62
- style: PropTypes.object
83
+ error: ErrorMessage.propTypes.children,
84
+ style: PropTypes.object,
85
+ className: PropTypes.string,
86
+ id: PropTypes.string,
87
+ reserveErrorLine: PropTypes.bool,
88
+ label: PropTypes.node,
89
+ note: PropTypes.node,
90
+ boldLabel: PropTypes.bool
63
91
  };
64
92
  export { RadioButtonList };
package/lib/parts/radio-button-list.p.module.css.js ADDED
@@ -0,0 +1,16 @@
1
+ var styles = {
2
+ "themeLight": "_themeLight_134l1c0_6",
3
+ "themeDark": "_themeDark_134l1c0_9",
4
+ "container": "_container_134l1c0_13",
5
+ "sizeS": "_sizeS_134l1c0_18",
6
+ "sizeM": "_sizeM_134l1c0_21",
7
+ "sizeL": "_sizeL_134l1c0_24",
8
+ "inner": "_inner_134l1c0_28",
9
+ "label": "_label_134l1c0_32",
10
+ "disabled": "_disabled_134l1c0_39",
11
+ "footer": "_footer_134l1c0_44",
12
+ "errorMessage": "_errorMessage_134l1c0_49",
13
+ "error": "_error_134l1c0_49",
14
+ "note": "_note_134l1c0_58"
15
+ };
16
+ export { styles as default };
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,22 +1,16 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_3fkt9b_8",
3
- "themeDark": "_themeDark_3fkt9b_11",
4
- "container": "_container_3fkt9b_15",
5
- "listSizeS": "_listSizeS_3fkt9b_20",
6
- "listSizeM": "_listSizeM_3fkt9b_23",
7
- "listSizeL": "_listSizeL_3fkt9b_26",
8
- "sizeS": "_sizeS_3fkt9b_30",
9
- "sizeM": "_sizeM_3fkt9b_33",
10
- "sizeL": "_sizeL_3fkt9b_36",
11
- "classic": "_classic_3fkt9b_40",
12
- "rock": "_rock_3fkt9b_43",
13
- "main": "_main_3fkt9b_47",
14
- "errorMessage": "_errorMessage_3fkt9b_59",
15
- "errorIcon": "_errorIcon_3fkt9b_71",
16
- "input": "_input_3fkt9b_77",
17
- "icon": "_icon_3fkt9b_90",
18
- "enabled": "_enabled_3fkt9b_111",
19
- "disabled": "_disabled_3fkt9b_120",
20
- "error": "_error_3fkt9b_59"
2
+ "themeLight": "_themeLight_eg0kif_8",
3
+ "themeDark": "_themeDark_eg0kif_11",
4
+ "sizeS": "_sizeS_eg0kif_15",
5
+ "sizeM": "_sizeM_eg0kif_18",
6
+ "sizeL": "_sizeL_eg0kif_21",
7
+ "classic": "_classic_eg0kif_25",
8
+ "rock": "_rock_eg0kif_28",
9
+ "main": "_main_eg0kif_32",
10
+ "input": "_input_eg0kif_45",
11
+ "icon": "_icon_eg0kif_58",
12
+ "enabled": "_enabled_eg0kif_79",
13
+ "disabled": "_disabled_eg0kif_88",
14
+ "error": "_error_eg0kif_112"
21
15
  };
22
16
  export { styles as default };
package/lib/parts/use-backward-compatible-id.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export declare const useBackwardCompatibleId: {
2
+ (): string | number;
3
+ counter: number;
4
+ };
package/lib/parts/use-backward-compatible-id.js ADDED
@@ -0,0 +1,14 @@
1
+ import React, { useRef } from 'react';
2
+
3
+ const useBackwardCompatibleId = () => {
4
+ const id = useRef(null);
5
+
6
+ if (id.current === null) {
7
+ id.current = useBackwardCompatibleId.counter++;
8
+ }
9
+
10
+ return (React.useId ? React.useId : () => id.current)();
11
+ };
12
+
13
+ useBackwardCompatibleId.counter = 0;
14
+ export { useBackwardCompatibleId };
package/lib/public-api.p.css CHANGED
@@ -1,5 +1,44 @@
1
1
  @define-mixin rs-radio-button-list-size-s{
2
- &[class] [data-rs-internal='radio-button-list__error-message']{
2
+ &[class]{
3
+ --_rs-radio-button-list-label-offset:4px;
4
+ --_rs-radio-button-list-left-offset:28px;
5
+ }
6
+ &[class] [data-rs-internal='radio-button-list__label']{
7
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
8
+ --_rs-typography-text-transform:initial;
9
+ --_rs-typography-font-variant-numeric:initial;
10
+ --_rs-typography-font-family:var(
11
+ --rs-font-family-ui,
12
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
13
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
14
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
15
+ );
16
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
17
+ --_rs-typography-font-weight:var(
18
+ --rs-font-weight-regular,
19
+ 400
20
+ );
21
+ --_rs-typography-line-height:var(
22
+ --rs-text-3-line-height,
23
+ 20px
24
+ );
25
+ --_rs-typography-base-color:var(
26
+ --_rs-typography-hardness-color,
27
+ var(
28
+ --rs-color-average,
29
+ 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.7)
30
+ )
31
+ );
32
+ --_rs-typography-text-auto-offset:8px;
33
+ --_rs-typography-ul-bullet-offset:2px;
34
+ --_rs-typography-list-li-compact-left-offset:15px;
35
+ --_rs-typography-list-li-default-left-offset:19px;
36
+ --_rs-typography-list-li-margin-top-from-text:8px;
37
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
38
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
39
+ --_rs-typography-link-border-bottom-width-from-text:1px;
40
+ }
41
+ &[class] [data-rs-internal='radio-button-list__bold-label']{
3
42
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
4
43
  --_rs-typography-text-transform:initial;
5
44
  --_rs-typography-font-variant-numeric:initial;
@@ -23,15 +62,13 @@
23
62
  )
24
63
  );
25
64
  --_rs-typography-text-auto-offset:0;
26
- --_rs-typography-ul-list-li-padding-left:initial;
27
- --_rs-typography-ol-list-li-padding-left:initial;
65
+ --_rs-typography-ul-bullet-offset:initial;
66
+ --_rs-typography-list-li-compact-left-offset:initial;
67
+ --_rs-typography-list-li-default-left-offset:initial;
28
68
  --_rs-typography-list-li-margin-top-from-text:initial;
29
69
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
30
70
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
31
71
  --_rs-typography-link-border-bottom-width-from-text:2px;
32
- }
33
- &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
34
- --_rs-icons-height:20px;
35
72
  }
36
73
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
37
74
  --_rs-menu-mi-icon-offset:8px;
@@ -64,8 +101,9 @@
64
101
  )
65
102
  );
66
103
  --_rs-typography-text-auto-offset:8px;
67
- --_rs-typography-ul-list-li-padding-left:28px;
68
- --_rs-typography-ol-list-li-padding-left:21px;
104
+ --_rs-typography-ul-bullet-offset:2px;
105
+ --_rs-typography-list-li-compact-left-offset:15px;
106
+ --_rs-typography-list-li-default-left-offset:19px;
69
107
  --_rs-typography-list-li-margin-top-from-text:8px;
70
108
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
71
109
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -97,8 +135,9 @@
97
135
  )
98
136
  );
99
137
  --_rs-typography-text-auto-offset:0;
100
- --_rs-typography-ul-list-li-padding-left:initial;
101
- --_rs-typography-ol-list-li-padding-left:initial;
138
+ --_rs-typography-ul-bullet-offset:initial;
139
+ --_rs-typography-list-li-compact-left-offset:initial;
140
+ --_rs-typography-list-li-default-left-offset:initial;
102
141
  --_rs-typography-list-li-margin-top-from-text:initial;
103
142
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
104
143
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -111,8 +150,12 @@
111
150
  }
112
151
  }
113
152
  @define-mixin rs-radio-button-list-size-m{
114
- &[class] [data-rs-internal='radio-button-list__error-message']{
115
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
153
+ &[class]{
154
+ --_rs-radio-button-list-label-offset:8px;
155
+ --_rs-radio-button-list-left-offset:32px;
156
+ }
157
+ &[class] [data-rs-internal='radio-button-list__label']{
158
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
116
159
  --_rs-typography-text-transform:initial;
117
160
  --_rs-typography-font-variant-numeric:initial;
118
161
  --_rs-typography-font-family:var(
@@ -121,12 +164,55 @@
121
164
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
122
165
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
123
166
  );
124
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
167
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
168
+ --_rs-typography-font-weight:var(
169
+ --rs-font-weight-regular,
170
+ 400
171
+ );
172
+ --_rs-typography-line-height:var(
173
+ --rs-text-2-line-height,
174
+ 24px
175
+ );
176
+ --_rs-typography-base-color:var(
177
+ --_rs-typography-hardness-color,
178
+ var(
179
+ --rs-color-average,
180
+ 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.7)
181
+ )
182
+ );
183
+ --_rs-typography-text-auto-offset:16px;
184
+ --_rs-typography-ul-bullet-offset:2px;
185
+ --_rs-typography-list-li-compact-left-offset:18px;
186
+ --_rs-typography-list-li-default-left-offset:24px;
187
+ --_rs-typography-list-li-margin-top-from-text:var(
188
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
189
+ 16px
190
+ );
191
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
192
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
193
+ --_rs-typography-link-border-bottom-width-from-text:1px;
194
+ }
195
+ @media screen and (max-width: 640px){
196
+ &[class] [data-rs-internal='radio-button-list__label']{
197
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
198
+ }
199
+ }
200
+ &[class] [data-rs-internal='radio-button-list__bold-label']{
201
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
202
+ --_rs-typography-text-transform:initial;
203
+ --_rs-typography-font-variant-numeric:initial;
204
+ --_rs-typography-font-family:var(
205
+ --rs-font-family-ui,
206
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
207
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
208
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
209
+ );
210
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
125
211
  --_rs-typography-font-weight:var(
126
212
  --rs-font-weight-semi-bold,
127
213
  600
128
214
  );
129
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
215
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
130
216
  --_rs-typography-base-color:var(
131
217
  --_rs-typography-heading-hardness-color,
132
218
  var(
@@ -135,15 +221,13 @@
135
221
  )
136
222
  );
137
223
  --_rs-typography-text-auto-offset:0;
138
- --_rs-typography-ul-list-li-padding-left:initial;
139
- --_rs-typography-ol-list-li-padding-left:initial;
224
+ --_rs-typography-ul-bullet-offset:initial;
225
+ --_rs-typography-list-li-compact-left-offset:initial;
226
+ --_rs-typography-list-li-default-left-offset:initial;
140
227
  --_rs-typography-list-li-margin-top-from-text:initial;
141
228
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
142
229
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
143
230
  --_rs-typography-link-border-bottom-width-from-text:2px;
144
- }
145
- &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
146
- --_rs-icons-height:20px;
147
231
  }
148
232
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
149
233
  --_rs-menu-mi-icon-offset:8px;
@@ -176,8 +260,9 @@
176
260
  )
177
261
  );
178
262
  --_rs-typography-text-auto-offset:16px;
179
- --_rs-typography-ul-list-li-padding-left:22px;
180
- --_rs-typography-ol-list-li-padding-left:26px;
263
+ --_rs-typography-ul-bullet-offset:2px;
264
+ --_rs-typography-list-li-compact-left-offset:18px;
265
+ --_rs-typography-list-li-default-left-offset:24px;
181
266
  --_rs-typography-list-li-margin-top-from-text:var(
182
267
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
183
268
  16px
@@ -217,8 +302,9 @@
217
302
  )
218
303
  );
219
304
  --_rs-typography-text-auto-offset:0;
220
- --_rs-typography-ul-list-li-padding-left:initial;
221
- --_rs-typography-ol-list-li-padding-left:initial;
305
+ --_rs-typography-ul-bullet-offset:initial;
306
+ --_rs-typography-list-li-compact-left-offset:initial;
307
+ --_rs-typography-list-li-default-left-offset:initial;
222
308
  --_rs-typography-list-li-margin-top-from-text:initial;
223
309
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
224
310
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -231,8 +317,12 @@
231
317
  }
232
318
  }
233
319
  @define-mixin rs-radio-button-list-size-l{
234
- &[class] [data-rs-internal='radio-button-list__error-message']{
235
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
320
+ &[class]{
321
+ --_rs-radio-button-list-label-offset:12px;
322
+ --_rs-radio-button-list-left-offset:44px;
323
+ }
324
+ &[class] [data-rs-internal='radio-button-list__label']{
325
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
236
326
  --_rs-typography-text-transform:initial;
237
327
  --_rs-typography-font-variant-numeric:initial;
238
328
  --_rs-typography-font-family:var(
@@ -241,12 +331,55 @@
241
331
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
242
332
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
243
333
  );
244
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
334
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
335
+ --_rs-typography-font-weight:var(
336
+ --rs-font-weight-regular,
337
+ 400
338
+ );
339
+ --_rs-typography-line-height:var(
340
+ --rs-text-1-line-height,
341
+ 28px
342
+ );
343
+ --_rs-typography-base-color:var(
344
+ --_rs-typography-hardness-color,
345
+ var(
346
+ --rs-color-average,
347
+ 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.7)
348
+ )
349
+ );
350
+ --_rs-typography-text-auto-offset:32px;
351
+ --_rs-typography-ul-bullet-offset:2px;
352
+ --_rs-typography-list-li-compact-left-offset:22px;
353
+ --_rs-typography-list-li-default-left-offset:28px;
354
+ --_rs-typography-list-li-margin-top-from-text:var(
355
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
356
+ 24px
357
+ );
358
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
359
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
360
+ --_rs-typography-link-border-bottom-width-from-text:1px;
361
+ }
362
+ @media screen and (max-width: 640px){
363
+ &[class] [data-rs-internal='radio-button-list__label']{
364
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
365
+ }
366
+ }
367
+ &[class] [data-rs-internal='radio-button-list__bold-label']{
368
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
369
+ --_rs-typography-text-transform:initial;
370
+ --_rs-typography-font-variant-numeric:initial;
371
+ --_rs-typography-font-family:var(
372
+ --rs-font-family-ui,
373
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
374
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
375
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
376
+ );
377
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
245
378
  --_rs-typography-font-weight:var(
246
379
  --rs-font-weight-semi-bold,
247
380
  600
248
381
  );
249
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
382
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
250
383
  --_rs-typography-base-color:var(
251
384
  --_rs-typography-heading-hardness-color,
252
385
  var(
@@ -255,15 +388,13 @@
255
388
  )
256
389
  );
257
390
  --_rs-typography-text-auto-offset:0;
258
- --_rs-typography-ul-list-li-padding-left:initial;
259
- --_rs-typography-ol-list-li-padding-left:initial;
391
+ --_rs-typography-ul-bullet-offset:initial;
392
+ --_rs-typography-list-li-compact-left-offset:initial;
393
+ --_rs-typography-list-li-default-left-offset:initial;
260
394
  --_rs-typography-list-li-margin-top-from-text:initial;
261
395
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
262
396
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
263
397
  --_rs-typography-link-border-bottom-width-from-text:2px;
264
- }
265
- &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
266
- --_rs-icons-height:24px;
267
398
  }
268
399
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
269
400
  --_rs-menu-mi-icon-offset:16px;
@@ -296,8 +427,9 @@
296
427
  )
297
428
  );
298
429
  --_rs-typography-text-auto-offset:32px;
299
- --_rs-typography-ul-list-li-padding-left:26px;
300
- --_rs-typography-ol-list-li-padding-left:32px;
430
+ --_rs-typography-ul-bullet-offset:2px;
431
+ --_rs-typography-list-li-compact-left-offset:22px;
432
+ --_rs-typography-list-li-default-left-offset:28px;
301
433
  --_rs-typography-list-li-margin-top-from-text:var(
302
434
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
303
435
  24px
@@ -337,8 +469,9 @@
337
469
  )
338
470
  );
339
471
  --_rs-typography-text-auto-offset:0;
340
- --_rs-typography-ul-list-li-padding-left:initial;
341
- --_rs-typography-ol-list-li-padding-left:initial;
472
+ --_rs-typography-ul-bullet-offset:initial;
473
+ --_rs-typography-list-li-compact-left-offset:initial;
474
+ --_rs-typography-list-li-default-left-offset:initial;
342
475
  --_rs-typography-list-li-margin-top-from-text:initial;
343
476
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
344
477
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -396,8 +529,9 @@
396
529
  )
397
530
  );
398
531
  --_rs-typography-text-auto-offset:8px;
399
- --_rs-typography-ul-list-li-padding-left:28px;
400
- --_rs-typography-ol-list-li-padding-left:21px;
532
+ --_rs-typography-ul-bullet-offset:2px;
533
+ --_rs-typography-list-li-compact-left-offset:15px;
534
+ --_rs-typography-list-li-default-left-offset:19px;
401
535
  --_rs-typography-list-li-margin-top-from-text:8px;
402
536
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
403
537
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -441,8 +575,9 @@
441
575
  )
442
576
  );
443
577
  --_rs-typography-text-auto-offset:16px;
444
- --_rs-typography-ul-list-li-padding-left:22px;
445
- --_rs-typography-ol-list-li-padding-left:26px;
578
+ --_rs-typography-ul-bullet-offset:2px;
579
+ --_rs-typography-list-li-compact-left-offset:18px;
580
+ --_rs-typography-list-li-default-left-offset:24px;
446
581
  --_rs-typography-list-li-margin-top-from-text:var(
447
582
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
448
583
  16px
@@ -494,8 +629,9 @@
494
629
  )
495
630
  );
496
631
  --_rs-typography-text-auto-offset:32px;
497
- --_rs-typography-ul-list-li-padding-left:26px;
498
- --_rs-typography-ol-list-li-padding-left:32px;
632
+ --_rs-typography-ul-bullet-offset:2px;
633
+ --_rs-typography-list-li-compact-left-offset:22px;
634
+ --_rs-typography-list-li-default-left-offset:28px;
499
635
  --_rs-typography-list-li-margin-top-from-text:var(
500
636
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
501
637
  24px