@rescui/button 0.20.3-RUI-230-Update-icons-0bd4e5fc.9 → 0.20.3-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.
Files changed (8) hide show
  1. package/lib/_virtual/index.css.js +12 -7
  2. package/lib/_virtual/loading.js +75 -52
  3. package/lib/button.js +7 -3
  4. package/lib/button.p.module.css.js +31 -31
  5. package/lib/index.css +114 -72
  6. package/lib/public-api.p.css +10 -4
  7. package/lib/public-api.pcss +10 -4
  8. package/package.json +6 -6
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_7axx9h_4",
3
- "sizeXS": "_sizeXS_7axx9h_14",
4
- "sizeS": "_sizeS_7axx9h_18",
5
- "sizeM": "_sizeM_7axx9h_22",
6
- "sizeL": "_sizeL_7axx9h_26",
7
- "light": "_light_7axx9h_30",
8
- "dark": "_dark_7axx9h_34"
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/loading.js CHANGED
@@ -15,78 +15,101 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const LoadingIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ d: "M8 3.25a4.75 4.75 0 1 0 4.686 3.968.75.75 0 1 1 1.48-.245q.083.503.084 1.027a6.25 6.25 0 1 1-5.223-6.166.75.75 0 0 1-.245 1.48A5 5 0 0 0 8 3.25",
23
+ style: {
24
+ animation: "rs-icon-rotate 1s linear infinite",
25
+ transformOrigin: "center center"
26
+ }
27
+ }));
28
+
29
+ const LoadingIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
30
+ viewBox: "0 0 20 20"
31
+ }, props), /*#__PURE__*/React.createElement("path", {
32
+ d: "M10 4a6 6 0 1 0 5.92 5.012 1 1 0 0 1 1.972-.326Q18 9.329 18 10a8 8 0 1 1-6.686-7.892 1 1 0 0 1-.326 1.973A6 6 0 0 0 10 4",
33
+ style: {
34
+ animation: "rs-icon-rotate 1s linear infinite",
35
+ transformOrigin: "center center"
36
+ }
37
+ }));
38
+
39
+ const LoadingIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
40
+ viewBox: "0 0 24 24"
41
+ }, props), /*#__PURE__*/React.createElement("path", {
42
+ d: "M12 6a6 6 0 1 0 5.92 5.012 1.5 1.5 0 0 1 2.959-.49q.12.724.121 1.478a9 9 0 1 1-7.522-8.879 1.5 1.5 0 0 1-.49 2.96Q12.508 6 12 6",
43
+ style: {
44
+ animation: "rs-icon-rotate 1s linear infinite",
45
+ transformOrigin: "center center"
46
+ }
47
+ }));
48
+
49
+ const LoadingIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
50
+ viewBox: "0 0 28 28"
51
+ }, props), /*#__PURE__*/React.createElement("path", {
52
+ d: "M14 6.5a7.5 7.5 0 1 0 7.399 6.265 1.5 1.5 0 0 1 2.96-.49q.14.844.141 1.725c0 5.799-4.701 10.5-10.5 10.5S3.5 19.799 3.5 14 8.201 3.5 14 3.5q.813 0 1.595.12a1.5 1.5 0 0 1-.453 2.966A7.6 7.6 0 0 0 14 6.5",
53
+ style: {
54
+ animation: "rs-icon-rotate 1s linear infinite",
55
+ transformOrigin: "center center"
56
+ }
57
+ }));
58
+
18
59
  const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
60
  let {
20
61
  theme,
21
- size,
62
+ size: sizeFromProps = "m",
22
63
  className,
64
+ style,
65
+ ['data-render-all-sizes']: renderAllSizes = false,
23
66
  ...props
24
67
  } = _ref;
68
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
69
+ const mainProps = { ...props,
70
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
71
+ style: renderAllSizes ? {
72
+ '--rs-icon-ar-width': 28,
73
+ '--rs-icon-ar-height': 28,
74
+ ...style
75
+ } : style,
76
+ ref
77
+ };
25
78
 
26
- if (size === Size['xs']) {
79
+ if (renderAllSizes) {
27
80
  return /*#__PURE__*/React.createElement("svg", _extends({
28
- viewBox: "0 0 16 16"
29
- }, props, {
30
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
- ref: ref
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "M8 3.25a4.75 4.75 0 1 0 4.686 3.968.75.75 0 1 1 1.48-.245q.083.503.084 1.027a6.25 6.25 0 1 1-5.223-6.166.75.75 0 0 1-.245 1.48A5 5 0 0 0 8 3.25",
34
- style: {
35
- animation: "rs-icon-rotate 1s linear infinite",
36
- transformOrigin: "center center"
37
- }
81
+ viewBox: "0 0 28 28"
82
+ }, mainProps), /*#__PURE__*/React.createElement(LoadingIcon16, {
83
+ className: styles.variant16
84
+ }), /*#__PURE__*/React.createElement(LoadingIcon20, {
85
+ className: styles.variant20
86
+ }), /*#__PURE__*/React.createElement(LoadingIcon24, {
87
+ className: styles.variant24
88
+ }), /*#__PURE__*/React.createElement(LoadingIcon28, {
89
+ className: styles.variant28
38
90
  }));
39
91
  }
40
92
 
93
+ if (size === Size['xs']) {
94
+ return /*#__PURE__*/React.createElement(LoadingIcon16, mainProps);
95
+ }
96
+
41
97
  if (size === Size['s']) {
42
- return /*#__PURE__*/React.createElement("svg", _extends({
43
- viewBox: "0 0 20 20"
44
- }, props, {
45
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
46
- ref: ref
47
- }), /*#__PURE__*/React.createElement("path", {
48
- d: "M10 4a6 6 0 1 0 5.92 5.012 1 1 0 0 1 1.972-.326Q18 9.329 18 10a8 8 0 1 1-6.686-7.892 1 1 0 0 1-.326 1.973A6 6 0 0 0 10 4",
49
- style: {
50
- animation: "rs-icon-rotate 1s linear infinite",
51
- transformOrigin: "center center"
52
- }
53
- }));
98
+ return /*#__PURE__*/React.createElement(LoadingIcon20, mainProps);
54
99
  }
55
100
 
56
101
  if (size === Size['m']) {
57
- return /*#__PURE__*/React.createElement("svg", _extends({
58
- viewBox: "0 0 24 24"
59
- }, props, {
60
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
61
- ref: ref
62
- }), /*#__PURE__*/React.createElement("path", {
63
- d: "M12 6a6 6 0 1 0 5.92 5.012 1.5 1.5 0 0 1 2.959-.49q.12.724.121 1.478a9 9 0 1 1-7.522-8.879 1.5 1.5 0 0 1-.49 2.96Q12.508 6 12 6",
64
- style: {
65
- animation: "rs-icon-rotate 1s linear infinite",
66
- transformOrigin: "center center"
67
- }
68
- }));
102
+ return /*#__PURE__*/React.createElement(LoadingIcon24, mainProps);
69
103
  }
70
104
 
71
- return /*#__PURE__*/React.createElement("svg", _extends({
72
- viewBox: "0 0 28 28"
73
- }, props, {
74
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
75
- ref: ref
76
- }), /*#__PURE__*/React.createElement("path", {
77
- d: "M14 6.5a7.5 7.5 0 1 0 7.399 6.265 1.5 1.5 0 0 1 2.96-.49q.14.844.141 1.725c0 5.799-4.701 10.5-10.5 10.5S3.5 19.799 3.5 14 8.201 3.5 14 3.5q.813 0 1.595.12a1.5 1.5 0 0 1-.453 2.966A7.6 7.6 0 0 0 14 6.5",
78
- style: {
79
- animation: "rs-icon-rotate 1s linear infinite",
80
- transformOrigin: "center center"
81
- }
82
- }));
105
+ return /*#__PURE__*/React.createElement(LoadingIcon28, mainProps);
83
106
  });
107
+ LoadingIcon.displayName = 'LoadingIcon';
84
108
  LoadingIcon.propTypes = {
85
109
  className: PropTypes.string,
86
110
  theme: PropTypes.oneOf(["light", "dark"]),
87
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
88
- };
89
- LoadingIcon.defaultProps = {
90
- size: "m"
111
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
112
+ 'data-render-all-sizes': PropTypes.bool,
113
+ style: PropTypes.object
91
114
  };
92
115
  export { Size, LoadingIcon as default };
package/lib/button.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
2
2
  import React, { useState, useRef, cloneElement } from 'react';
3
- import cn from 'classnames';
4
3
  import PropTypes from 'prop-types';
4
+ import cn from 'classnames';
5
5
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
6
6
  import { useResizeObserver } from '@rescui/use-resize-observer';
7
7
  import LoadingIcon from './_virtual/loading.js';
@@ -90,11 +90,15 @@ const Button = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line comple
90
90
 
91
91
  if ( /*#__PURE__*/React.isValidElement(icon) && busy) {
92
92
  iconSlot = /*#__PURE__*/React.createElement(LoadingIcon, {
93
- className: styles.icon
93
+ className: styles.icon,
94
+ "data-render-all-sizes": true
94
95
  });
95
96
  } else if ( /*#__PURE__*/React.isValidElement(icon)) {
97
+ var _icon$props;
98
+
96
99
  iconSlot = /*#__PURE__*/cloneElement(icon, {
97
- className: cn(icon.props.className, styles.icon)
100
+ className: cn((_icon$props = icon.props) === null || _icon$props === void 0 ? void 0 : _icon$props.className, styles.icon),
101
+ 'data-render-all-sizes': true
98
102
  });
99
103
  }
100
104
 
package/lib/button.p.module.css.js CHANGED
@@ -1,34 +1,34 @@
1
1
  var styles = {
2
- "light": "_light_1rya2mr_6",
3
- "dark": "_dark_1rya2mr_9",
4
- "flatRight": "_flatRight_1rya2mr_13",
5
- "flatLeft": "_flatLeft_1rya2mr_16",
6
- "sizeXs": "_sizeXs_1rya2mr_20",
7
- "sizeS": "_sizeS_1rya2mr_23",
8
- "sizeM": "_sizeM_1rya2mr_26",
9
- "sizeL": "_sizeL_1rya2mr_29",
10
- "modeClassic": "_modeClassic_1rya2mr_33",
11
- "modeRock": "_modeRock_1rya2mr_36",
12
- "modeTransparent": "_modeTransparent_1rya2mr_39",
13
- "modeOutline": "_modeOutline_1rya2mr_42",
14
- "modeClear": "_modeClear_1rya2mr_45",
15
- "alignIconLeft": "_alignIconLeft_1rya2mr_49",
16
- "alignIconLeftEdge": "_alignIconLeftEdge_1rya2mr_52",
17
- "alignIconRight": "_alignIconRight_1rya2mr_55",
18
- "alignIconRightEdge": "_alignIconRightEdge_1rya2mr_58",
19
- "main": "_main_1rya2mr_62",
20
- "disabled": "_disabled_1rya2mr_139",
21
- "busy": "_busy_1rya2mr_149",
22
- "busyOverlay": "_busyOverlay_1rya2mr_153",
23
- "icon": "_icon_1rya2mr_188",
24
- "allowMultiline": "_allowMultiline_1rya2mr_203",
25
- "content": "_content_1rya2mr_207",
26
- "multiline": "_multiline_1rya2mr_211",
27
- "withoutText": "_withoutText_1rya2mr_215",
28
- "busyIcon": "_busyIcon_1rya2mr_220",
29
- "shiftedLeft": "_shiftedLeft_1rya2mr_241",
30
- "shiftedRight": "_shiftedRight_1rya2mr_244",
31
- "shiftedTop": "_shiftedTop_1rya2mr_247",
32
- "shiftedBottom": "_shiftedBottom_1rya2mr_250"
2
+ "light": "_light_1ey906y_6",
3
+ "dark": "_dark_1ey906y_9",
4
+ "flatRight": "_flatRight_1ey906y_13",
5
+ "flatLeft": "_flatLeft_1ey906y_16",
6
+ "sizeXs": "_sizeXs_1ey906y_20",
7
+ "sizeS": "_sizeS_1ey906y_23",
8
+ "sizeM": "_sizeM_1ey906y_26",
9
+ "sizeL": "_sizeL_1ey906y_29",
10
+ "modeClassic": "_modeClassic_1ey906y_33",
11
+ "modeRock": "_modeRock_1ey906y_36",
12
+ "modeTransparent": "_modeTransparent_1ey906y_39",
13
+ "modeOutline": "_modeOutline_1ey906y_42",
14
+ "modeClear": "_modeClear_1ey906y_45",
15
+ "alignIconLeft": "_alignIconLeft_1ey906y_49",
16
+ "alignIconLeftEdge": "_alignIconLeftEdge_1ey906y_52",
17
+ "alignIconRight": "_alignIconRight_1ey906y_55",
18
+ "alignIconRightEdge": "_alignIconRightEdge_1ey906y_58",
19
+ "main": "_main_1ey906y_62",
20
+ "disabled": "_disabled_1ey906y_139",
21
+ "busy": "_busy_1ey906y_149",
22
+ "busyOverlay": "_busyOverlay_1ey906y_153",
23
+ "icon": "_icon_1ey906y_188",
24
+ "allowMultiline": "_allowMultiline_1ey906y_203",
25
+ "content": "_content_1ey906y_207",
26
+ "multiline": "_multiline_1ey906y_211",
27
+ "withoutText": "_withoutText_1ey906y_215",
28
+ "busyIcon": "_busyIcon_1ey906y_220",
29
+ "shiftedLeft": "_shiftedLeft_1ey906y_241",
30
+ "shiftedRight": "_shiftedRight_1ey906y_244",
31
+ "shiftedTop": "_shiftedTop_1ey906y_247",
32
+ "shiftedBottom": "_shiftedBottom_1ey906y_250"
33
33
  };
34
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_7axx9h_4{
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
- ._icon_7axx9h_4{
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
- ._icon_7axx9h_4{
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
- ._icon_7axx9h_4{
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
- ._sizeXS_7axx9h_14{
35
+ ._sizeXS_1ymr40l_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_7axx9h_18{
38
+ ._sizeS_1ymr40l_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_7axx9h_22{
41
+ ._sizeM_1ymr40l_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_7axx9h_26{
44
+ ._sizeL_1ymr40l_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_7axx9h_30{
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
- ._dark_7axx9h_34{
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,25 +60,61 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._light_1rya2mr_6{
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
+ ._light_1ey906y_6{
64
100
  --rs-theme-dark:0;
65
101
  }
66
- ._dark_1rya2mr_9{
102
+ ._dark_1ey906y_9{
67
103
  --rs-theme-dark:1;
68
104
  }
69
- ._flatRight_1rya2mr_13{
105
+ ._flatRight_1ey906y_13{
70
106
  --_rs-button-top-right-border-radius-or-initial:0px;
71
107
  --_rs-button-bottom-right-border-radius-or-initial:0px;
72
108
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
73
109
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
74
110
  }
75
- ._flatLeft_1rya2mr_16{
111
+ ._flatLeft_1ey906y_16{
76
112
  --_rs-button-top-left-border-radius-or-initial:0px;
77
113
  --_rs-button-bottom-left-border-radius-or-initial:0px;
78
114
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
79
115
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
80
116
  }
81
- ._sizeXs_1rya2mr_20{
117
+ ._sizeXs_1ey906y_20{
82
118
  --_rs-button-border-radius-base:var(
83
119
  --rs-button-xs-border-radius,
84
120
  var(--rs-button-border-radius, 4px)
@@ -93,7 +129,7 @@
93
129
  --_rs-button-icon-size:16px;
94
130
  --_rs-button-icon-offset:4px;
95
131
  }
96
- ._sizeXs_1rya2mr_20 [data-rs-internal='button__content']{
132
+ ._sizeXs_1ey906y_20 [data-rs-internal='button__content']{
97
133
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
98
134
  --_rs-typography-text-transform:initial;
99
135
  --_rs-typography-font-variant-numeric:initial;
@@ -127,7 +163,7 @@
127
163
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
128
164
  --_rs-typography-link-border-bottom-width-from-text:1px;
129
165
  }
130
- ._sizeS_1rya2mr_23{
166
+ ._sizeS_1ey906y_23{
131
167
  --_rs-button-border-radius-base:var(
132
168
  --rs-button-s-border-radius,
133
169
  var(--rs-button-border-radius, 16px)
@@ -142,7 +178,7 @@
142
178
  --_rs-button-icon-size:20px;
143
179
  --_rs-button-icon-offset:8px;
144
180
  }
145
- ._sizeS_1rya2mr_23 [data-rs-internal='button__content']{
181
+ ._sizeS_1ey906y_23 [data-rs-internal='button__content']{
146
182
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
147
183
  --_rs-typography-text-transform:initial;
148
184
  --_rs-typography-font-variant-numeric:initial;
@@ -176,7 +212,7 @@
176
212
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
177
213
  --_rs-typography-link-border-bottom-width-from-text:1px;
178
214
  }
179
- ._sizeM_1rya2mr_26{
215
+ ._sizeM_1ey906y_26{
180
216
  --_rs-button-border-radius-base:var(
181
217
  --rs-button-m-border-radius,
182
218
  var(--rs-button-border-radius, 20px)
@@ -191,7 +227,7 @@
191
227
  --_rs-button-icon-size:24px;
192
228
  --_rs-button-icon-offset:8px;
193
229
  }
194
- ._sizeM_1rya2mr_26 [data-rs-internal='button__content']{
230
+ ._sizeM_1ey906y_26 [data-rs-internal='button__content']{
195
231
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
196
232
  --_rs-typography-text-transform:initial;
197
233
  --_rs-typography-font-variant-numeric:initial;
@@ -220,17 +256,20 @@
220
256
  --_rs-typography-text-auto-offset:16px;
221
257
  --_rs-typography-ul-list-li-padding-left:22px;
222
258
  --_rs-typography-ol-list-li-padding-left:26px;
223
- --_rs-typography-list-li-margin-top-from-text:16px;
259
+ --_rs-typography-list-li-margin-top-from-text:var(
260
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
261
+ 16px
262
+ );
224
263
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
225
264
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
226
265
  --_rs-typography-link-border-bottom-width-from-text:1px;
227
266
  }
228
267
  @media screen and (max-width: 640px){
229
- ._sizeM_1rya2mr_26 [data-rs-internal='button__content']{
230
- --_rs-typography-list-li-margin-top-from-text:12px;
268
+ ._sizeM_1ey906y_26 [data-rs-internal='button__content']{
269
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
231
270
  }
232
271
  }
233
- ._sizeL_1rya2mr_29{
272
+ ._sizeL_1ey906y_29{
234
273
  --_rs-button-border-radius-base:var(
235
274
  --rs-button-l-border-radius,
236
275
  var(--rs-button-border-radius, 26px)
@@ -245,7 +284,7 @@
245
284
  --_rs-button-icon-size:28px;
246
285
  --_rs-button-icon-offset:16px;
247
286
  }
248
- ._sizeL_1rya2mr_29 [data-rs-internal='button__content']{
287
+ ._sizeL_1ey906y_29 [data-rs-internal='button__content']{
249
288
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
250
289
  --_rs-typography-text-transform:initial;
251
290
  --_rs-typography-font-variant-numeric:initial;
@@ -274,17 +313,20 @@
274
313
  --_rs-typography-text-auto-offset:32px;
275
314
  --_rs-typography-ul-list-li-padding-left:26px;
276
315
  --_rs-typography-ol-list-li-padding-left:32px;
277
- --_rs-typography-list-li-margin-top-from-text:24px;
316
+ --_rs-typography-list-li-margin-top-from-text:var(
317
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
318
+ 24px
319
+ );
278
320
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
279
321
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
280
322
  --_rs-typography-link-border-bottom-width-from-text:1px;
281
323
  }
282
324
  @media screen and (max-width: 640px){
283
- ._sizeL_1rya2mr_29 [data-rs-internal='button__content']{
284
- --_rs-typography-list-li-margin-top-from-text:16px;
325
+ ._sizeL_1ey906y_29 [data-rs-internal='button__content']{
326
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
285
327
  }
286
328
  }
287
- ._modeClassic_1rya2mr_33{
329
+ ._modeClassic_1ey906y_33{
288
330
  --_rs-button-inner-border-display:none;
289
331
  --_rs-button-color:rgb(
290
332
  calc(255 - var(--rs-button-flip-text-color, 0)*230),
@@ -300,7 +342,7 @@
300
342
  --_rs-button-disabled-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.5);
301
343
  --_rs-button-disabled-background: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.2);
302
344
  }
303
- ._modeRock_1rya2mr_36{
345
+ ._modeRock_1ey906y_36{
304
346
  --_rs-button-inner-border-display:none;
305
347
  --_rs-button-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));
306
348
  --_rs-button-background: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));
@@ -313,7 +355,7 @@
313
355
  --_rs-button-disabled-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.5);
314
356
  --_rs-button-disabled-background: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.2);
315
357
  }
316
- ._modeTransparent_1rya2mr_39{
358
+ ._modeTransparent_1ey906y_39{
317
359
  --_rs-button-inner-border-display:none;
318
360
  --_rs-button-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));
319
361
  --_rs-button-background: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.5);
@@ -325,7 +367,7 @@
325
367
  --_rs-button-disabled-color:rgba(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), 0.5);
326
368
  --_rs-button-disabled-background: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.4);
327
369
  }
328
- ._modeOutline_1rya2mr_42{
370
+ ._modeOutline_1ey906y_42{
329
371
  --_rs-button-inner-border-display:block;
330
372
  --_rs-button-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));
331
373
  --_rs-button-background:transparent;
@@ -337,7 +379,7 @@
337
379
  --_rs-button-disabled-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.5);
338
380
  --_rs-button-disabled-background:transparent;
339
381
  }
340
- ._modeClear_1rya2mr_45{
382
+ ._modeClear_1ey906y_45{
341
383
  --_rs-button-inner-border-display:none;
342
384
  --_rs-button-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));
343
385
  --_rs-button-background:transparent;
@@ -349,23 +391,23 @@
349
391
  --_rs-button-disabled-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.5);
350
392
  --_rs-button-disabled-background:transparent;
351
393
  }
352
- ._alignIconLeft_1rya2mr_49{
394
+ ._alignIconLeft_1ey906y_49{
353
395
  --_rs-button-icon-flex-direction:row;
354
396
  --_rs-button-content-grow:0;
355
397
  }
356
- ._alignIconLeftEdge_1rya2mr_52{
398
+ ._alignIconLeftEdge_1ey906y_52{
357
399
  --_rs-button-icon-flex-direction:row;
358
400
  --_rs-button-content-grow:1;
359
401
  }
360
- ._alignIconRight_1rya2mr_55{
402
+ ._alignIconRight_1ey906y_55{
361
403
  --_rs-button-icon-flex-direction:row-reverse;
362
404
  --_rs-button-content-grow:0;
363
405
  }
364
- ._alignIconRightEdge_1rya2mr_58{
406
+ ._alignIconRightEdge_1ey906y_58{
365
407
  --_rs-button-icon-flex-direction:row-reverse;
366
408
  --_rs-button-content-grow:1;
367
409
  }
368
- ._main_1rya2mr_62{
410
+ ._main_1ey906y_62{
369
411
  --_rs-theme-dark:var(
370
412
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
371
413
  var(--rs-theme-dark, 0)
@@ -375,7 +417,7 @@
375
417
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
376
418
  }
377
419
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
378
- ._main_1rya2mr_62{
420
+ ._main_1ey906y_62{
379
421
  --_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)));
380
422
  --_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)));
381
423
  --_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)));
@@ -384,7 +426,7 @@
384
426
  }
385
427
  }
386
428
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
387
- ._main_1rya2mr_62{
429
+ ._main_1ey906y_62{
388
430
  --_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);
389
431
  --_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));
390
432
  --_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));
@@ -392,7 +434,7 @@
392
434
  --_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));
393
435
  }
394
436
  }
395
- ._main_1rya2mr_62 {
437
+ ._main_1ey906y_62 {
396
438
  --_rs-button-background-final:var(
397
439
  --_rs-button-background-from-state-active-focus-visible-no-hover,
398
440
  var(
@@ -473,19 +515,19 @@
473
515
  -moz-column-gap:var(--_rs-button-icon-offset);
474
516
  column-gap:var(--_rs-button-icon-offset);
475
517
  }
476
- ._main_1rya2mr_62:hover,
477
- ._main_1rya2mr_62:focus,
478
- ._main_1rya2mr_62:active{
518
+ ._main_1ey906y_62:hover,
519
+ ._main_1ey906y_62:focus,
520
+ ._main_1ey906y_62:active{
479
521
  outline:none;
480
522
 
481
523
  text-decoration:none;
482
524
  }
483
- ._main_1rya2mr_62:focus{
525
+ ._main_1ey906y_62:focus{
484
526
  color:var(--_rs-button-color);
485
527
  background:var(--_rs-button-background-final);
486
528
  }
487
529
  @media (hover: hover){
488
- ._main_1rya2mr_62:hover{
530
+ ._main_1ey906y_62:hover{
489
531
  --_rs-button-border-inner-color:rgba(
490
532
  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),
491
533
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -493,24 +535,24 @@
493
535
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
494
536
  }
495
537
  }
496
- ._main_1rya2mr_62:active{
538
+ ._main_1ey906y_62:active{
497
539
  --_rs-button-border-inner-width:2px;
498
540
  --_rs-button-border-inner-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));
499
541
  --_rs-button-background-from-state-active:var(
500
542
  --_rs-button-active-background
501
543
  );
502
544
  }
503
- ._main_1rya2mr_62:focus[data-focus-method='key']{
545
+ ._main_1ey906y_62:focus[data-focus-method='key']{
504
546
  --_rs-button-box-shadow-from-state-focus-visible:var(
505
547
  --_rs-color-primary-t-dim
506
548
  ) 0 0 0 4px;
507
549
  }
508
- ._main_1rya2mr_62:active:not(:hover):focus[data-focus-method='key']{
550
+ ._main_1ey906y_62:active:not(:hover):focus[data-focus-method='key']{
509
551
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
510
552
  --_rs-button-active-focus-visible-no-hover-background
511
553
  );
512
554
  }
513
- ._main_1rya2mr_62._disabled_1rya2mr_139{
555
+ ._main_1ey906y_62._disabled_1ey906y_139{
514
556
  --_rs-button-border-inner-color:rgba(
515
557
  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),
516
558
  0.2
@@ -519,26 +561,26 @@
519
561
  color:var(--_rs-button-disabled-color);
520
562
  background:var(--_rs-button-disabled-background);
521
563
  }
522
- ._main_1rya2mr_62._busy_1rya2mr_149{
564
+ ._main_1ey906y_62._busy_1ey906y_149{
523
565
  pointer-events:none;
524
566
  }
525
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153{
567
+ ._main_1ey906y_62._busyOverlay_1ey906y_153{
526
568
  display:inline-flex;
527
569
  justify-content:center;
528
570
  align-items:center;
529
571
  }
530
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153,
531
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153:hover,
532
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153:active,
533
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153._disabled_1rya2mr_139,
534
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153:focus{
572
+ ._main_1ey906y_62._busyOverlay_1ey906y_153,
573
+ ._main_1ey906y_62._busyOverlay_1ey906y_153:hover,
574
+ ._main_1ey906y_62._busyOverlay_1ey906y_153:active,
575
+ ._main_1ey906y_62._busyOverlay_1ey906y_153._disabled_1ey906y_139,
576
+ ._main_1ey906y_62._busyOverlay_1ey906y_153:focus{
535
577
  -webkit-user-select:none;
536
578
  -moz-user-select:none;
537
579
  user-select:none;
538
580
 
539
581
  color:transparent;
540
582
  }
541
- ._main_1rya2mr_62::before{
583
+ ._main_1ey906y_62::before{
542
584
  position:absolute;
543
585
  top:0;
544
586
  right:0;
@@ -555,7 +597,7 @@
555
597
 
556
598
  transition:border-color 100ms;
557
599
  }
558
- ._main_1rya2mr_62 ._icon_1rya2mr_188{
600
+ ._main_1ey906y_62 ._icon_1ey906y_188{
559
601
  flex:0 0 auto;
560
602
 
561
603
  width:auto;
@@ -564,36 +606,36 @@
564
606
  margin:0;
565
607
  fill:currentColor;
566
608
  }
567
- ._disabled_1rya2mr_139{
609
+ ._disabled_1ey906y_139{
568
610
  pointer-events:none;
569
611
  }
570
- ._allowMultiline_1rya2mr_203{
612
+ ._allowMultiline_1ey906y_203{
571
613
  white-space:normal;
572
614
  }
573
- ._content_1rya2mr_207{
615
+ ._content_1ey906y_207{
574
616
  flex:var(--_rs-button-content-grow) 1 auto;
575
617
  }
576
- ._multiline_1rya2mr_211{
618
+ ._multiline_1ey906y_211{
577
619
  border-radius:var(--_rs-button-multiline-border-radius);
578
620
  }
579
- ._withoutText_1rya2mr_215{
621
+ ._withoutText_1ey906y_215{
580
622
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
581
623
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
582
624
  }
583
- ._busyIcon_1rya2mr_220{
625
+ ._busyIcon_1ey906y_220{
584
626
  position:absolute;
585
627
  top:50%;
586
628
  left:50%;
587
629
 
588
630
  transform:translate(-50%, -50%);
589
631
  }
590
- ._main_1rya2mr_62 ._busyIcon_1rya2mr_220{
632
+ ._main_1ey906y_62 ._busyIcon_1ey906y_220{
591
633
  color:var(--_rs-button-color);
592
634
  }
593
- ._main_1rya2mr_62._disabled_1rya2mr_139 ._busyIcon_1rya2mr_220{
635
+ ._main_1ey906y_62._disabled_1ey906y_139 ._busyIcon_1ey906y_220{
594
636
  color:var(--_rs-button-disabled-color);
595
637
  }
596
- ._content_1rya2mr_207{
638
+ ._content_1ey906y_207{
597
639
  letter-spacing:var(
598
640
  --rs-text-base-letter-spacing,
599
641
  var(--_rs-typography-letter-spacing)
@@ -606,15 +648,15 @@
606
648
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
607
649
  font-feature-settings:'kern', 'liga', 'calt';
608
650
  }
609
- ._shiftedLeft_1rya2mr_241{
651
+ ._shiftedLeft_1ey906y_241{
610
652
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
611
653
  }
612
- ._shiftedRight_1rya2mr_244{
654
+ ._shiftedRight_1ey906y_244{
613
655
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
614
656
  }
615
- ._shiftedTop_1rya2mr_247{
657
+ ._shiftedTop_1ey906y_247{
616
658
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
617
659
  }
618
- ._shiftedBottom_1rya2mr_250{
660
+ ._shiftedBottom_1ey906y_250{
619
661
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
620
662
  }
package/lib/public-api.p.css CHANGED
@@ -145,14 +145,17 @@
145
145
  --_rs-typography-text-auto-offset:16px;
146
146
  --_rs-typography-ul-list-li-padding-left:22px;
147
147
  --_rs-typography-ol-list-li-padding-left:26px;
148
- --_rs-typography-list-li-margin-top-from-text:16px;
148
+ --_rs-typography-list-li-margin-top-from-text:var(
149
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
150
+ 16px
151
+ );
149
152
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
150
153
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
151
154
  --_rs-typography-link-border-bottom-width-from-text:1px;
152
155
  }
153
156
  @media screen and (max-width: 640px){
154
157
  &:not(html) [data-rs-internal='button__content']{
155
- --_rs-typography-list-li-margin-top-from-text:12px;
158
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
156
159
  }
157
160
  }
158
161
  }
@@ -201,14 +204,17 @@
201
204
  --_rs-typography-text-auto-offset:32px;
202
205
  --_rs-typography-ul-list-li-padding-left:26px;
203
206
  --_rs-typography-ol-list-li-padding-left:32px;
204
- --_rs-typography-list-li-margin-top-from-text:24px;
207
+ --_rs-typography-list-li-margin-top-from-text:var(
208
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
209
+ 24px
210
+ );
205
211
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
206
212
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
207
213
  --_rs-typography-link-border-bottom-width-from-text:1px;
208
214
  }
209
215
  @media screen and (max-width: 640px){
210
216
  &:not(html) [data-rs-internal='button__content']{
211
- --_rs-typography-list-li-margin-top-from-text:16px;
217
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
212
218
  }
213
219
  }
214
220
  }
package/lib/public-api.pcss CHANGED
@@ -145,14 +145,17 @@
145
145
  --_rs-typography-text-auto-offset:16px;
146
146
  --_rs-typography-ul-list-li-padding-left:22px;
147
147
  --_rs-typography-ol-list-li-padding-left:26px;
148
- --_rs-typography-list-li-margin-top-from-text:16px;
148
+ --_rs-typography-list-li-margin-top-from-text:var(
149
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
150
+ 16px
151
+ );
149
152
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
150
153
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
151
154
  --_rs-typography-link-border-bottom-width-from-text:1px;
152
155
  }
153
156
  @media screen and (max-width: 640px){
154
157
  &:not(html) [data-rs-internal='button__content']{
155
- --_rs-typography-list-li-margin-top-from-text:12px;
158
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
156
159
  }
157
160
  }
158
161
  }
@@ -201,14 +204,17 @@
201
204
  --_rs-typography-text-auto-offset:32px;
202
205
  --_rs-typography-ul-list-li-padding-left:26px;
203
206
  --_rs-typography-ol-list-li-padding-left:32px;
204
- --_rs-typography-list-li-margin-top-from-text:24px;
207
+ --_rs-typography-list-li-margin-top-from-text:var(
208
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
209
+ 24px
210
+ );
205
211
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
206
212
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
207
213
  --_rs-typography-link-border-bottom-width-from-text:1px;
208
214
  }
209
215
  @media screen and (max-width: 640px){
210
216
  &:not(html) [data-rs-internal='button__content']{
211
- --_rs-typography-list-li-margin-top-from-text:16px;
217
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
212
218
  }
213
219
  }
214
220
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.20.3-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
3
+ "version": "0.20.3-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/use-resize-observer": "0.2.6-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
19
+ "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-6919f9e4.53+6919f9e4",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,10 +25,10 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
29
- "@rescui/icons": "0.16.15-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
28
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-6919f9e4.53+6919f9e4",
29
+ "@rescui/icons": "0.16.15-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
30
30
  "@rescui/scripts": "0.3.5",
31
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
31
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
32
32
  "@rescui/visual-regression": "0.1.2",
33
33
  "@types/classnames": "^2.2.11"
34
34
  },
@@ -37,5 +37,5 @@
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "0bd4e5fc55bc38b4b8a80a5dcbdb036720dc9676"
40
+ "gitHead": "6919f9e47242359e9341826175a53441c8c70f75"
41
41
  }