@rescui/collapse 0.1.0 → 0.2.0

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 (10) hide show
  1. package/lib/accordion.d.ts +4 -0
  2. package/lib/accordion.js +6 -1
  3. package/lib/collapse.d.ts +7 -2
  4. package/lib/collapse.js +7 -3
  5. package/lib/collapse.p.module.css.js +32 -31
  6. package/lib/context.d.ts +1 -0
  7. package/lib/context.js +1 -0
  8. package/lib/index.css +143 -130
  9. package/lib/types.d.ts +0 -1
  10. package/package.json +2 -2
package/lib/accordion.d.ts CHANGED
@@ -24,6 +24,10 @@ export declare type AccordionExplicitProps = {
24
24
  * Controls the bottom border of collapse items
25
25
  */
26
26
  borderBottom?: boolean;
27
+ /**
28
+ * Disable left content padding of collapse items
29
+ */
30
+ disableLeftPadding?: boolean;
27
31
  /**
28
32
  * Vertical gap between children items
29
33
  */
package/lib/accordion.js CHANGED
@@ -8,7 +8,7 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
8
8
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
9
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
10
10
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
11
- var _excluded = ["children", "className", "openedClassName", "size", "mode", "icon", "borderBottom", "gap", "theme", "value", "onChange"];
11
+ var _excluded = ["children", "className", "openedClassName", "size", "mode", "icon", "borderBottom", "disableLeftPadding", "gap", "theme", "value", "onChange"];
12
12
 
13
13
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
14
 
@@ -41,6 +41,8 @@ function (_ref, ref) {
41
41
  icon = _ref$icon === void 0 ? 'left-plus' : _ref$icon,
42
42
  _ref$borderBottom = _ref.borderBottom,
43
43
  borderBottom = _ref$borderBottom === void 0 ? false : _ref$borderBottom,
44
+ _ref$disableLeftPaddi = _ref.disableLeftPadding,
45
+ disableLeftPadding = _ref$disableLeftPaddi === void 0 ? false : _ref$disableLeftPaddi,
44
46
  _ref$gap = _ref.gap,
45
47
  gap = _ref$gap === void 0 ? 0 : _ref$gap,
46
48
  themeFromProps = _ref.theme,
@@ -77,6 +79,7 @@ function (_ref, ref) {
77
79
  mode: mode,
78
80
  icon: icon,
79
81
  borderBottom: borderBottom,
82
+ disableLeftPadding: disableLeftPadding,
80
83
  openedClassName: openedClassName
81
84
  }
82
85
  }, /*#__PURE__*/React.createElement(ThemeProvider, {
@@ -98,6 +101,8 @@ Accordion.propTypes = {
98
101
  icon: PropTypes.oneOf(['arrow', 'left-plus', 'right-plus']),
99
102
  gap: PropTypes.oneOf([0, 8, 12, 16, 24, 32]),
100
103
  theme: PropTypes.oneOf(['light', 'dark']),
104
+ borderBottom: PropTypes.bool,
105
+ disableLeftPadding: PropTypes.bool,
101
106
  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.symbol]),
102
107
  onChange: PropTypes.func
103
108
  };
package/lib/collapse.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { Theme } from '@rescui/ui-contexts';
3
- import type { CollapseBorderRadius, CollapseIcon, CollapseMode, CollapseSize, KeyType } from './types';
3
+ import type { CollapseIcon, CollapseMode, CollapseSize, KeyType } from './types';
4
4
  export declare type CollapseExplicitProps = {
5
5
  children?: React.ReactNode;
6
6
  className?: string;
@@ -31,7 +31,12 @@ export declare type CollapseExplicitProps = {
31
31
  * Controls the Collapse bottom border
32
32
  * @default false
33
33
  */
34
- borderBottom?: CollapseBorderRadius;
34
+ borderBottom?: boolean;
35
+ /**
36
+ * Disable left content padding
37
+ * @default false
38
+ */
39
+ disableLeftPadding?: boolean;
35
40
  /**
36
41
  * Is collapse opened by default. Will be ignored in controlled `Accordion`
37
42
  */
package/lib/collapse.js CHANGED
@@ -6,7 +6,7 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
6
6
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
7
7
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
8
8
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
9
- var _excluded = ["children", "className", "openedClassName", "size", "mode", "icon", "borderBottom", "title", "isDefaultOpened", "theme", "itemKey"];
9
+ var _excluded = ["children", "className", "openedClassName", "size", "mode", "icon", "borderBottom", "disableLeftPadding", "title", "isDefaultOpened", "theme", "itemKey"];
10
10
 
11
11
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
12
 
@@ -50,7 +50,7 @@ var ICON_STYLES = {
50
50
  };
51
51
  var Collapse = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
52
52
  function (_ref, ref) {
53
- var _ref2, _ref3, _ref4, _ref5;
53
+ var _ref2, _ref3, _ref4, _ref5, _ref6;
54
54
 
55
55
  var children = _ref.children,
56
56
  className = _ref.className,
@@ -59,6 +59,7 @@ function (_ref, ref) {
59
59
  modeFromProps = _ref.mode,
60
60
  iconFromProps = _ref.icon,
61
61
  borderBottomFromProps = _ref.borderBottom,
62
+ disableLeftPaddingFromProps = _ref.disableLeftPadding,
62
63
  title = _ref.title,
63
64
  _ref$isDefaultOpened = _ref.isDefaultOpened,
64
65
  isDefaultOpened = _ref$isDefaultOpened === void 0 ? false : _ref$isDefaultOpened,
@@ -82,12 +83,14 @@ function (_ref, ref) {
82
83
  modeFromContext = _useContext.mode,
83
84
  iconFromContext = _useContext.icon,
84
85
  borderBottomFromContext = _useContext.borderBottom,
86
+ disableLeftPaddingFromContext = _useContext.disableLeftPadding,
85
87
  openedClassNameFromContext = _useContext.openedClassName;
86
88
 
87
89
  var size = (_ref2 = sizeFromProps !== null && sizeFromProps !== void 0 ? sizeFromProps : sizeFromContext) !== null && _ref2 !== void 0 ? _ref2 : 'm';
88
90
  var mode = (_ref3 = modeFromProps !== null && modeFromProps !== void 0 ? modeFromProps : modeFromContext) !== null && _ref3 !== void 0 ? _ref3 : 'classic';
89
91
  var icon = (_ref4 = iconFromProps !== null && iconFromProps !== void 0 ? iconFromProps : iconFromContext) !== null && _ref4 !== void 0 ? _ref4 : 'left-plus';
90
92
  var borderBottom = (_ref5 = borderBottomFromProps !== null && borderBottomFromProps !== void 0 ? borderBottomFromProps : borderBottomFromContext) !== null && _ref5 !== void 0 ? _ref5 : false;
93
+ var disableLeftPadding = (_ref6 = disableLeftPaddingFromProps !== null && disableLeftPaddingFromProps !== void 0 ? disableLeftPaddingFromProps : disableLeftPaddingFromContext) !== null && _ref6 !== void 0 ? _ref6 : false;
91
94
  var openedClassName = openedClassnameFromProps !== null && openedClassnameFromProps !== void 0 ? openedClassnameFromProps : openedClassNameFromContext; // height calculations
92
95
 
93
96
  var resizeRef = useRef(null);
@@ -151,7 +154,7 @@ function (_ref, ref) {
151
154
  }, /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({
152
155
  "data-test": 'collapse'
153
156
  }, restProps), {}, {
154
- className: cn(className, styles.main, isOpening && styles.opening, isOpened && styles.opened, isClosing && !isStartedClosing && styles.closingTransition, isClosing && styles.closing, isClosed && styles.closed, !isClosed && openedClassName, SIZE_STYLES[size], MODE_STYLES[mode], ICON_STYLES[icon], borderBottom && styles.hasBorderBottom, isRightIcon ? styles.rightIcon : styles.leftIcon, THEME_STYLES[theme]),
157
+ className: cn(className, styles.main, isOpening && styles.opening, isOpened && styles.opened, isClosing && !isStartedClosing && styles.closingTransition, isClosing && styles.closing, isClosed && styles.closed, !isClosed && openedClassName, SIZE_STYLES[size], MODE_STYLES[mode], ICON_STYLES[icon], borderBottom && styles.hasBorderBottom, disableLeftPadding && styles.disableLeftPadding, isRightIcon ? styles.rightIcon : styles.leftIcon, THEME_STYLES[theme]),
155
158
  ref: ref
156
159
  }), /*#__PURE__*/React.createElement("button", {
157
160
  type: "button",
@@ -192,6 +195,7 @@ Collapse.propTypes = {
192
195
  itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.symbol]),
193
196
  isDefaultOpened: PropTypes.bool,
194
197
  borderBottom: PropTypes.bool,
198
+ disableLeftPadding: PropTypes.bool,
195
199
  title: PropTypes.node
196
200
  };
197
201
  export { Collapse };
package/lib/collapse.p.module.css.js CHANGED
@@ -1,34 +1,35 @@
1
1
  var styles = {
2
- "hasBorderBottom": "_hasBorderBottom_zyxqwq_14",
3
- "main": "_main_zyxqwq_18",
4
- "themeLight": "_themeLight_zyxqwq_21",
5
- "themeDark": "_themeDark_zyxqwq_27",
6
- "rock": "_rock_zyxqwq_33",
7
- "opening": "_opening_zyxqwq_34",
8
- "opened": "_opened_zyxqwq_35",
9
- "closing": "_closing_zyxqwq_36",
10
- "classic": "_classic_zyxqwq_50",
11
- "title": "_title_zyxqwq_108",
12
- "sizeS": "_sizeS_zyxqwq_113",
13
- "button": "_button_zyxqwq_113",
14
- "sizeM": "_sizeM_zyxqwq_116",
15
- "sizeL": "_sizeL_zyxqwq_119",
16
- "content": "_content_zyxqwq_124",
17
- "closingTransition": "_closingTransition_zyxqwq_136",
18
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_zyxqwq_1",
19
- "leftIcon": "_leftIcon_zyxqwq_152",
20
- "innerWrapper": "_innerWrapper_zyxqwq_151",
21
- "rightIcon": "_rightIcon_zyxqwq_156",
22
- "clear": "_clear_zyxqwq_242",
23
- "icon": "_icon_zyxqwq_269",
24
- "iconPlus": "_iconPlus_zyxqwq_315",
25
- "iconArrow": "_iconArrow_zyxqwq_320",
26
- "accordion": "_accordion_zyxqwq_326",
27
- "accordionGap0": "_accordionGap0_zyxqwq_330",
28
- "accordionGap8": "_accordionGap8_zyxqwq_333",
29
- "accordionGap12": "_accordionGap12_zyxqwq_336",
30
- "accordionGap16": "_accordionGap16_zyxqwq_339",
31
- "accordionGap24": "_accordionGap24_zyxqwq_342",
32
- "accordionGap32": "_accordionGap32_zyxqwq_345"
2
+ "hasBorderBottom": "_hasBorderBottom_1sknz3s_14",
3
+ "main": "_main_1sknz3s_18",
4
+ "themeLight": "_themeLight_1sknz3s_21",
5
+ "themeDark": "_themeDark_1sknz3s_27",
6
+ "rock": "_rock_1sknz3s_33",
7
+ "opening": "_opening_1sknz3s_33",
8
+ "opened": "_opened_1sknz3s_34",
9
+ "closing": "_closing_1sknz3s_35",
10
+ "classic": "_classic_1sknz3s_49",
11
+ "title": "_title_1sknz3s_106",
12
+ "sizeS": "_sizeS_1sknz3s_111",
13
+ "button": "_button_1sknz3s_111",
14
+ "sizeM": "_sizeM_1sknz3s_114",
15
+ "sizeL": "_sizeL_1sknz3s_117",
16
+ "content": "_content_1sknz3s_122",
17
+ "closingTransition": "_closingTransition_1sknz3s_134",
18
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1sknz3s_1",
19
+ "leftIcon": "_leftIcon_1sknz3s_150",
20
+ "innerWrapper": "_innerWrapper_1sknz3s_149",
21
+ "rightIcon": "_rightIcon_1sknz3s_154",
22
+ "disableLeftPadding": "_disableLeftPadding_1sknz3s_155",
23
+ "clear": "_clear_1sknz3s_227",
24
+ "icon": "_icon_1sknz3s_275",
25
+ "iconPlus": "_iconPlus_1sknz3s_321",
26
+ "iconArrow": "_iconArrow_1sknz3s_326",
27
+ "accordion": "_accordion_1sknz3s_332",
28
+ "accordionGap0": "_accordionGap0_1sknz3s_336",
29
+ "accordionGap8": "_accordionGap8_1sknz3s_339",
30
+ "accordionGap12": "_accordionGap12_1sknz3s_342",
31
+ "accordionGap16": "_accordionGap16_1sknz3s_345",
32
+ "accordionGap24": "_accordionGap24_1sknz3s_348",
33
+ "accordionGap32": "_accordionGap32_1sknz3s_351"
33
34
  };
34
35
  export { styles as default };
package/lib/context.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare type CollapseContext = {
10
10
  mode?: CollapseMode;
11
11
  icon?: CollapseIcon;
12
12
  borderBottom?: boolean;
13
+ disableLeftPadding?: boolean;
13
14
  openedClassName?: string;
14
15
  };
15
16
  export declare const collapseContext: React.Context<CollapseContext>;
package/lib/context.js CHANGED
@@ -9,6 +9,7 @@ var collapseContext = /*#__PURE__*/React.createContext({
9
9
  mode: null,
10
10
  icon: null,
11
11
  borderBottom: null,
12
+ disableLeftPadding: null,
12
13
  openedClassName: null
13
14
  });
14
15
  export { collapseContext };
package/lib/index.css CHANGED
@@ -1,63 +1,60 @@
1
- ._hasBorderBottom_zyxqwq_14{
1
+ ._hasBorderBottom_1sknz3s_14{
2
2
  border-bottom:1px solid;
3
3
  }
4
- ._main_zyxqwq_18{
4
+ ._main_1sknz3s_18{
5
5
  position:relative;
6
6
  }
7
- ._main_zyxqwq_18._themeLight_zyxqwq_21{
7
+ ._main_1sknz3s_18._themeLight_1sknz3s_21{
8
8
  border-color:rgba(25,25,28,0.2);
9
9
 
10
10
  color:#19191C;
11
11
 
12
12
  color:var(--rs-typography-color-hard, #19191C);
13
13
  }
14
- ._main_zyxqwq_18._themeDark_zyxqwq_27{
14
+ ._main_1sknz3s_18._themeDark_1sknz3s_27{
15
15
  border-color:rgba(255,255,255,0.2);
16
16
 
17
17
  color:#FFFFFF;
18
18
 
19
19
  color:var(--rs-typography-color-hard, #FFFFFF);
20
20
  }
21
- ._main_zyxqwq_18._hasBorderBottom_zyxqwq_14._rock_zyxqwq_33:active,
22
- ._main_zyxqwq_18._hasBorderBottom_zyxqwq_14._rock_zyxqwq_33._opening_zyxqwq_34,
23
- ._main_zyxqwq_18._hasBorderBottom_zyxqwq_14._rock_zyxqwq_33._opened_zyxqwq_35,
24
- ._main_zyxqwq_18._hasBorderBottom_zyxqwq_14._rock_zyxqwq_33._closing_zyxqwq_36{
21
+ ._main_1sknz3s_18._hasBorderBottom_1sknz3s_14._rock_1sknz3s_33._opening_1sknz3s_33,
22
+ ._main_1sknz3s_18._hasBorderBottom_1sknz3s_14._rock_1sknz3s_33._opened_1sknz3s_34,
23
+ ._main_1sknz3s_18._hasBorderBottom_1sknz3s_14._rock_1sknz3s_33._closing_1sknz3s_35{
25
24
  padding-bottom:1px;
26
25
 
27
26
  border-bottom:none;
28
27
  }
29
28
  @media (hover: hover){
30
- ._main_zyxqwq_18._hasBorderBottom_zyxqwq_14._rock_zyxqwq_33:hover{
29
+ ._main_1sknz3s_18._hasBorderBottom_1sknz3s_14._rock_1sknz3s_33:hover{
31
30
  padding-bottom:1px;
32
31
 
33
32
  border-bottom:none;
34
33
  }
35
34
  }
35
+ ._main_1sknz3s_18._themeLight_1sknz3s_21._classic_1sknz3s_49._opening_1sknz3s_33,
36
+ ._main_1sknz3s_18._themeLight_1sknz3s_21._classic_1sknz3s_49._opened_1sknz3s_34,
37
+ ._main_1sknz3s_18._themeLight_1sknz3s_21._classic_1sknz3s_49._closing_1sknz3s_35{
38
+ background:rgba(25,25,28,0.05);
39
+ }
36
40
  @media (hover: hover){
37
- ._main_zyxqwq_18._themeLight_zyxqwq_21._classic_zyxqwq_50:hover{
41
+ ._main_1sknz3s_18._themeLight_1sknz3s_21._classic_1sknz3s_49:hover{
38
42
  background:rgba(25,25,28,0.05);
39
43
  }
40
44
  }
41
- ._main_zyxqwq_18._themeLight_zyxqwq_21._classic_zyxqwq_50._opening_zyxqwq_34,
42
- ._main_zyxqwq_18._themeLight_zyxqwq_21._classic_zyxqwq_50._opened_zyxqwq_35,
43
- ._main_zyxqwq_18._themeLight_zyxqwq_21._classic_zyxqwq_50._closing_zyxqwq_36{
44
- background:rgba(25,25,28,0.05);
45
+ ._main_1sknz3s_18._themeDark_1sknz3s_27._classic_1sknz3s_49._opening_1sknz3s_33,
46
+ ._main_1sknz3s_18._themeDark_1sknz3s_27._classic_1sknz3s_49._opened_1sknz3s_34,
47
+ ._main_1sknz3s_18._themeDark_1sknz3s_27._classic_1sknz3s_49._closing_1sknz3s_35{
48
+ background:rgba(255,255,255,0.05);
45
49
  }
46
50
  @media (hover: hover){
47
- ._main_zyxqwq_18._themeLight_zyxqwq_21._rock_zyxqwq_33:hover{
48
- --rs-typography-color-hard:#FFFFFF;
49
- --rs-typography-color-average:rgba(255,255,255,0.7);
50
- --rs-typography-color-pale:rgba(255,255,255,0.5);
51
- --rs-typography-pre-color:rgba(255,255,255,0.7);
52
- --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
53
- --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
54
- --rs-typography-rock-link-hover-color:#19191C;
55
- background:rgba(25,25,28,0.9);
51
+ ._main_1sknz3s_18._themeDark_1sknz3s_27._classic_1sknz3s_49:hover{
52
+ background:rgba(25,25,28,0.05);
56
53
  }
57
54
  }
58
- ._main_zyxqwq_18._themeLight_zyxqwq_21._rock_zyxqwq_33._opening_zyxqwq_34,
59
- ._main_zyxqwq_18._themeLight_zyxqwq_21._rock_zyxqwq_33._opened_zyxqwq_35,
60
- ._main_zyxqwq_18._themeLight_zyxqwq_21._rock_zyxqwq_33._closing_zyxqwq_36{
55
+ ._main_1sknz3s_18._themeLight_1sknz3s_21._rock_1sknz3s_33._opening_1sknz3s_33,
56
+ ._main_1sknz3s_18._themeLight_1sknz3s_21._rock_1sknz3s_33._opened_1sknz3s_34,
57
+ ._main_1sknz3s_18._themeLight_1sknz3s_21._rock_1sknz3s_33._closing_1sknz3s_35{
61
58
  --rs-typography-color-hard:#FFFFFF;
62
59
  --rs-typography-color-average:rgba(255,255,255,0.7);
63
60
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -68,17 +65,31 @@
68
65
  background:#19191C;
69
66
  }
70
67
  @media (hover: hover){
71
- ._main_zyxqwq_18._themeDark_zyxqwq_27._classic_zyxqwq_50:hover{
72
- background:rgba(255,255,255,0.05);
68
+ ._main_1sknz3s_18._themeLight_1sknz3s_21._rock_1sknz3s_33:hover{
69
+ --rs-typography-color-hard:#FFFFFF;
70
+ --rs-typography-color-average:rgba(255,255,255,0.7);
71
+ --rs-typography-color-pale:rgba(255,255,255,0.5);
72
+ --rs-typography-pre-color:rgba(255,255,255,0.7);
73
+ --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
74
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
75
+ --rs-typography-rock-link-hover-color:#19191C;
76
+ background:#19191C;
73
77
  }
74
78
  }
75
- ._main_zyxqwq_18._themeDark_zyxqwq_27._classic_zyxqwq_50._opening_zyxqwq_34,
76
- ._main_zyxqwq_18._themeDark_zyxqwq_27._classic_zyxqwq_50._opened_zyxqwq_35,
77
- ._main_zyxqwq_18._themeDark_zyxqwq_27._classic_zyxqwq_50._closing_zyxqwq_36{
78
- background:rgba(255,255,255,0.05);
79
+ ._main_1sknz3s_18._themeDark_1sknz3s_27._rock_1sknz3s_33._opening_1sknz3s_33,
80
+ ._main_1sknz3s_18._themeDark_1sknz3s_27._rock_1sknz3s_33._opened_1sknz3s_34,
81
+ ._main_1sknz3s_18._themeDark_1sknz3s_27._rock_1sknz3s_33._closing_1sknz3s_35{
82
+ --rs-typography-color-hard:#19191C;
83
+ --rs-typography-color-average:rgba(25,25,28,0.7);
84
+ --rs-typography-color-pale:rgba(25,25,28,0.5);
85
+ --rs-typography-pre-color:#19191C;
86
+ --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
87
+ --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
88
+ --rs-typography-rock-link-hover-color:#FFFFFF;
89
+ background:#FFFFFF;
79
90
  }
80
91
  @media (hover: hover){
81
- ._main_zyxqwq_18._themeDark_zyxqwq_27._rock_zyxqwq_33:hover{
92
+ ._main_1sknz3s_18._themeDark_1sknz3s_27._rock_1sknz3s_33:hover{
82
93
  --rs-typography-color-hard:#19191C;
83
94
  --rs-typography-color-average:rgba(25,25,28,0.7);
84
95
  --rs-typography-color-pale:rgba(25,25,28,0.5);
@@ -86,29 +97,17 @@
86
97
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
87
98
  --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
88
99
  --rs-typography-rock-link-hover-color:#FFFFFF;
89
- background:rgba(255,255,255,0.9);
100
+ background:#FFFFFF;
90
101
  }
91
102
  }
92
- ._main_zyxqwq_18._themeDark_zyxqwq_27._rock_zyxqwq_33._opening_zyxqwq_34,
93
- ._main_zyxqwq_18._themeDark_zyxqwq_27._rock_zyxqwq_33._opened_zyxqwq_35,
94
- ._main_zyxqwq_18._themeDark_zyxqwq_27._rock_zyxqwq_33._closing_zyxqwq_36{
95
- --rs-typography-color-hard:#19191C;
96
- --rs-typography-color-average:rgba(25,25,28,0.7);
97
- --rs-typography-color-pale:rgba(25,25,28,0.5);
98
- --rs-typography-pre-color:#19191C;
99
- --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
100
- --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
101
- --rs-typography-rock-link-hover-color:#FFFFFF;
102
- background:#FFFFFF;
103
- }
104
- ._title_zyxqwq_108{
103
+ ._title_1sknz3s_106{
105
104
  -webkit-box-flex:1;
106
105
  -ms-flex:1 1 auto;
107
106
  flex:1 1 auto;
108
107
 
109
108
  color:inherit;
110
109
  }
111
- ._sizeS_zyxqwq_113 > ._button_zyxqwq_113 > ._title_zyxqwq_108{
110
+ ._sizeS_1sknz3s_111 > ._button_1sknz3s_111 > ._title_1sknz3s_106{
112
111
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
113
112
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
114
113
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -120,7 +119,7 @@
120
119
  line-height:20px;
121
120
  line-height:var(--rs-h5-line-height, 20px);
122
121
  }
123
- ._sizeM_zyxqwq_116 > ._button_zyxqwq_113 > ._title_zyxqwq_108{
122
+ ._sizeM_1sknz3s_114 > ._button_1sknz3s_111 > ._title_1sknz3s_106{
124
123
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
125
124
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
126
125
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -132,7 +131,7 @@
132
131
  line-height:24px;
133
132
  line-height:var(--rs-h4-line-height, 24px);
134
133
  }
135
- ._sizeL_zyxqwq_119 > ._button_zyxqwq_113 > ._title_zyxqwq_108{
134
+ ._sizeL_1sknz3s_117 > ._button_1sknz3s_111 > ._title_1sknz3s_106{
136
135
  letter-spacing:normal;
137
136
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
138
137
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -145,22 +144,22 @@
145
144
  line-height:28px;
146
145
  line-height:var(--rs-h3-line-height, 28px);
147
146
  }
148
- ._content_zyxqwq_124{
147
+ ._content_1sknz3s_122{
149
148
  overflow-y:hidden;
150
149
 
151
150
  max-height:0;
152
151
 
153
152
  color:inherit;
154
153
  }
155
- ._opened_zyxqwq_35 > ._content_zyxqwq_124{
154
+ ._opened_1sknz3s_34 > ._content_1sknz3s_122{
156
155
  max-height:initial;
157
156
  }
158
- ._opening_zyxqwq_34 > ._content_zyxqwq_124,
159
- ._closingTransition_zyxqwq_136 > ._content_zyxqwq_124{
157
+ ._opening_1sknz3s_33 > ._content_1sknz3s_122,
158
+ ._closingTransition_1sknz3s_134 > ._content_1sknz3s_122{
160
159
  -webkit-transition:max-height 300ms;
161
160
  transition:max-height 300ms;
162
161
  }
163
- ._sizeS_zyxqwq_113 > ._content_zyxqwq_124{
162
+ ._sizeS_1sknz3s_111 > ._content_1sknz3s_122{
164
163
  letter-spacing:0.0045em;
165
164
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
166
165
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -171,10 +170,10 @@
171
170
  line-height:20px;
172
171
  line-height:var(--rs-text-3-line-height, 20px);
173
172
  }
174
- ._rs-reset-letter-spacing_zyxqwq_1 ._sizeS_zyxqwq_113 > ._content_zyxqwq_124{
173
+ ._rs-reset-letter-spacing_1sknz3s_1 ._sizeS_1sknz3s_111 > ._content_1sknz3s_122{
175
174
  letter-spacing:normal;
176
175
  }
177
- ._sizeM_zyxqwq_116 > ._content_zyxqwq_124{
176
+ ._sizeM_1sknz3s_114 > ._content_1sknz3s_122{
178
177
  letter-spacing:0.0015em;
179
178
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
180
179
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -186,10 +185,10 @@
186
185
  line-height:24px;
187
186
  line-height:var(--rs-text-2-line-height, 24px);
188
187
  }
189
- ._rs-reset-letter-spacing_zyxqwq_1 ._sizeM_zyxqwq_116 > ._content_zyxqwq_124{
188
+ ._rs-reset-letter-spacing_1sknz3s_1 ._sizeM_1sknz3s_114 > ._content_1sknz3s_122{
190
189
  letter-spacing:normal;
191
190
  }
192
- ._sizeL_zyxqwq_119 > ._content_zyxqwq_124{
191
+ ._sizeL_1sknz3s_117 > ._content_1sknz3s_122{
193
192
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
194
193
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
195
194
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -200,25 +199,28 @@
200
199
  line-height:28px;
201
200
  line-height:var(--rs-text-1-line-height, 28px);
202
201
  }
203
- ._sizeS_zyxqwq_113._leftIcon_zyxqwq_152 > ._content_zyxqwq_124 > ._innerWrapper_zyxqwq_151{
202
+ ._sizeS_1sknz3s_111._leftIcon_1sknz3s_150 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
204
203
  padding:0 8px 8px 36px;
205
204
  }
206
- ._sizeS_zyxqwq_113._rightIcon_zyxqwq_156 > ._content_zyxqwq_124 > ._innerWrapper_zyxqwq_151{
205
+ ._sizeS_1sknz3s_111._rightIcon_1sknz3s_154 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149,
206
+ ._sizeS_1sknz3s_111._disableLeftPadding_1sknz3s_155 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
207
207
  padding:0 8px 8px 8px;
208
208
  }
209
- ._sizeM_zyxqwq_116._leftIcon_zyxqwq_152 > ._content_zyxqwq_124 > ._innerWrapper_zyxqwq_151{
209
+ ._sizeM_1sknz3s_114._leftIcon_1sknz3s_150 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
210
210
  padding:0 8px 8px 40px;
211
211
  }
212
- ._sizeM_zyxqwq_116._rightIcon_zyxqwq_156 > ._content_zyxqwq_124 > ._innerWrapper_zyxqwq_151{
212
+ ._sizeM_1sknz3s_114._rightIcon_1sknz3s_154 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149,
213
+ ._sizeM_1sknz3s_114._disableLeftPadding_1sknz3s_155 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
213
214
  padding:0 8px 8px 8px;
214
215
  }
215
- ._sizeL_zyxqwq_119._leftIcon_zyxqwq_152 > ._content_zyxqwq_124 > ._innerWrapper_zyxqwq_151{
216
+ ._sizeL_1sknz3s_117._leftIcon_1sknz3s_150 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
216
217
  padding:0 16px 16px 60px;
217
218
  }
218
- ._sizeL_zyxqwq_119._rightIcon_zyxqwq_156 > ._content_zyxqwq_124 > ._innerWrapper_zyxqwq_151{
219
+ ._sizeL_1sknz3s_117._rightIcon_1sknz3s_154 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149,
220
+ ._sizeL_1sknz3s_117._disableLeftPadding_1sknz3s_155 > ._content_1sknz3s_122 > ._innerWrapper_1sknz3s_149{
219
221
  padding:0 16px 16px 16px;
220
222
  }
221
- ._button_zyxqwq_113{
223
+ ._button_1sknz3s_111{
222
224
  position:relative;
223
225
 
224
226
  display:-webkit-box;
@@ -250,78 +252,89 @@
250
252
  -moz-osx-font-smoothing:inherit;
251
253
  -webkit-appearance:none;
252
254
  }
253
- ._button_zyxqwq_113::-moz-focus-inner{
255
+ ._button_1sknz3s_111::-moz-focus-inner{
254
256
  padding:0;
255
257
 
256
258
  border:0;
257
259
  }
258
- ._sizeS_zyxqwq_113 > ._button_zyxqwq_113{
260
+ ._sizeS_1sknz3s_111 > ._button_1sknz3s_111{
259
261
  padding:6px 8px;
260
262
  }
261
- ._sizeM_zyxqwq_116 > ._button_zyxqwq_113{
263
+ ._sizeM_1sknz3s_114 > ._button_1sknz3s_111{
262
264
  padding:8px 8px;
263
265
  }
264
- ._sizeL_zyxqwq_119 > ._button_zyxqwq_113{
266
+ ._sizeL_1sknz3s_117 > ._button_1sknz3s_111{
265
267
  padding:12px 16px;
266
268
  }
267
- ._button_zyxqwq_113:focus{
269
+ ._button_1sknz3s_111:focus{
268
270
  outline:none;
269
271
  }
270
- ._themeLight_zyxqwq_21 ._button_zyxqwq_113{
272
+ ._clear_1sknz3s_227 > ._button_1sknz3s_111{
273
+ -webkit-transition:color 100ms;
274
+ transition:color 100ms;
275
+ }
276
+ ._classic_1sknz3s_49 > ._button_1sknz3s_111,
277
+ ._rock_1sknz3s_33 > ._button_1sknz3s_111{
278
+ -webkit-transition:background-color 100ms;
279
+ transition:background-color 100ms;
280
+ }
281
+ ._themeLight_1sknz3s_21 ._button_1sknz3s_111{
271
282
  color:#19191C;
272
283
  color:var(--rs-typography-color-hard, #19191C);
273
284
  }
274
- ._themeDark_zyxqwq_27 ._button_zyxqwq_113{
285
+ ._themeDark_1sknz3s_27 ._button_1sknz3s_111{
275
286
  color:#FFFFFF;
276
287
  color:var(--rs-typography-color-hard, #FFFFFF);
277
288
  }
278
- ._themeLight_zyxqwq_21 > ._button_zyxqwq_113:focus[data-focus-method='key']{
289
+ ._themeLight_1sknz3s_21 > ._button_1sknz3s_111:focus[data-focus-method='key']{
279
290
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
280
291
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
281
292
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
282
293
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
283
294
  }
284
- ._themeDark_zyxqwq_27 > ._button_zyxqwq_113:focus[data-focus-method='key']{
295
+ ._themeDark_1sknz3s_27 > ._button_1sknz3s_111:focus[data-focus-method='key']{
285
296
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
286
297
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
287
298
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
288
299
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
289
300
  }
290
- ._themeLight_zyxqwq_21._clear_zyxqwq_242 > ._button_zyxqwq_113:hover{
291
- color:rgba(25,25,28,0.7);
292
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
293
- }
294
- ._themeDark_zyxqwq_27._clear_zyxqwq_242 > ._button_zyxqwq_113:hover{
295
- color:rgba(255,255,255,0.7);
296
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
297
- }
298
- ._themeLight_zyxqwq_21._classic_zyxqwq_50 > ._button_zyxqwq_113:active{
299
- background:rgba(25,25,28,0.05);
300
- }
301
- ._themeLight_zyxqwq_21._rock_zyxqwq_33 > ._button_zyxqwq_113:active{
302
- --rs-typography-color-hard:#FFFFFF;
303
- --rs-typography-color-average:rgba(255,255,255,0.7);
304
- --rs-typography-color-pale:rgba(255,255,255,0.5);
305
- --rs-typography-pre-color:rgba(255,255,255,0.7);
306
- --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
307
- --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
308
- --rs-typography-rock-link-hover-color:#19191C;
309
- background:#19191C;
310
- }
311
- ._themeDark_zyxqwq_27._classic_zyxqwq_50 > ._button_zyxqwq_113:active{
312
- background:rgba(255,255,255,0.1);
313
- }
314
- ._themeDark_zyxqwq_27._rock_zyxqwq_33 > ._button_zyxqwq_113:active{
315
- --rs-typography-color-hard:#19191C;
316
- --rs-typography-color-average:rgba(25,25,28,0.7);
317
- --rs-typography-color-pale:rgba(25,25,28,0.5);
318
- --rs-typography-pre-color:#19191C;
319
- --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
320
- --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
321
- --rs-typography-rock-link-hover-color:#FFFFFF;
322
- background:#FFFFFF;
323
- }
324
- ._icon_zyxqwq_269{
301
+ @media (hover: hover){
302
+ ._themeLight_1sknz3s_21._classic_1sknz3s_49 > ._button_1sknz3s_111:hover{
303
+ background:rgba(25,25,28,0.05);
304
+ }
305
+ ._themeDark_1sknz3s_27._classic_1sknz3s_49 > ._button_1sknz3s_111:hover{
306
+ background:rgba(255,255,255,0.05);
307
+ }
308
+ ._themeLight_1sknz3s_21._rock_1sknz3s_33 > ._button_1sknz3s_111:hover{
309
+ --rs-typography-color-hard:#FFFFFF;
310
+ --rs-typography-color-average:rgba(255,255,255,0.7);
311
+ --rs-typography-color-pale:rgba(255,255,255,0.5);
312
+ --rs-typography-pre-color:rgba(255,255,255,0.7);
313
+ --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
314
+ --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
315
+ --rs-typography-rock-link-hover-color:#19191C;
316
+ background:rgba(255,255,255,0.1);
317
+ }
318
+ ._themeDark_1sknz3s_27._rock_1sknz3s_33 > ._button_1sknz3s_111:hover{
319
+ --rs-typography-color-hard:#19191C;
320
+ --rs-typography-color-average:rgba(25,25,28,0.7);
321
+ --rs-typography-color-pale:rgba(25,25,28,0.5);
322
+ --rs-typography-pre-color:#19191C;
323
+ --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
324
+ --rs-typography-classic-link-underline-color:rgba(25,25,28,0.4);
325
+ --rs-typography-rock-link-hover-color:#FFFFFF;
326
+ background:rgba(25,25,28,0.1);
327
+ }
328
+ ._themeLight_1sknz3s_21._clear_1sknz3s_227 > ._button_1sknz3s_111:hover{
329
+ color:rgba(25,25,28,0.7);
330
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
331
+ }
332
+ ._themeDark_1sknz3s_27._clear_1sknz3s_227 > ._button_1sknz3s_111:hover{
333
+ color:rgba(255,255,255,0.7);
334
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
335
+ }
336
+ }
337
+ ._icon_1sknz3s_275{
325
338
  position:relative;
326
339
  top:0;
327
340
  left:0;
@@ -344,47 +357,47 @@
344
357
  -webkit-transform-origin:center center;
345
358
  transform-origin:center center;
346
359
  }
347
- ._sizeS_zyxqwq_113 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
360
+ ._sizeS_1sknz3s_111 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
348
361
  width:20px;
349
362
  height:20px;
350
363
  }
351
- ._sizeM_zyxqwq_116 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
364
+ ._sizeM_1sknz3s_114 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
352
365
  width:24px;
353
366
  height:24px;
354
367
  }
355
- ._sizeL_zyxqwq_119 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
368
+ ._sizeL_1sknz3s_117 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
356
369
  width:28px;
357
370
  height:28px;
358
371
  }
359
- ._sizeS_zyxqwq_113._leftIcon_zyxqwq_152 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
372
+ ._sizeS_1sknz3s_111._leftIcon_1sknz3s_150 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
360
373
  margin-right:8px;
361
374
  }
362
- ._sizeS_zyxqwq_113._rightIcon_zyxqwq_156 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
375
+ ._sizeS_1sknz3s_111._rightIcon_1sknz3s_154 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
363
376
  margin-left:8px;
364
377
  }
365
- ._sizeM_zyxqwq_116._leftIcon_zyxqwq_152 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
378
+ ._sizeM_1sknz3s_114._leftIcon_1sknz3s_150 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
366
379
  margin-right:8px;
367
380
  }
368
- ._sizeM_zyxqwq_116._rightIcon_zyxqwq_156 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
381
+ ._sizeM_1sknz3s_114._rightIcon_1sknz3s_154 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
369
382
  margin-left:8px;
370
383
  }
371
- ._sizeL_zyxqwq_119._leftIcon_zyxqwq_152 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
384
+ ._sizeL_1sknz3s_117._leftIcon_1sknz3s_150 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
372
385
  margin-right:16px;
373
386
  }
374
- ._sizeL_zyxqwq_119._rightIcon_zyxqwq_156 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
387
+ ._sizeL_1sknz3s_117._rightIcon_1sknz3s_154 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
375
388
  margin-left:16px;
376
389
  }
377
- ._opening_zyxqwq_34._iconPlus_zyxqwq_315 > ._button_zyxqwq_113 > ._icon_zyxqwq_269,
378
- ._opened_zyxqwq_35._iconPlus_zyxqwq_315 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
390
+ ._opening_1sknz3s_33._iconPlus_1sknz3s_321 > ._button_1sknz3s_111 > ._icon_1sknz3s_275,
391
+ ._opened_1sknz3s_34._iconPlus_1sknz3s_321 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
379
392
  -webkit-transform:rotate(45deg);
380
393
  transform:rotate(45deg);
381
394
  }
382
- ._opening_zyxqwq_34._iconArrow_zyxqwq_320 > ._button_zyxqwq_113 > ._icon_zyxqwq_269,
383
- ._opened_zyxqwq_35._iconArrow_zyxqwq_320 > ._button_zyxqwq_113 > ._icon_zyxqwq_269{
395
+ ._opening_1sknz3s_33._iconArrow_1sknz3s_326 > ._button_1sknz3s_111 > ._icon_1sknz3s_275,
396
+ ._opened_1sknz3s_34._iconArrow_1sknz3s_326 > ._button_1sknz3s_111 > ._icon_1sknz3s_275{
384
397
  -webkit-transform:rotate(90deg);
385
398
  transform:rotate(90deg);
386
399
  }
387
- ._accordion_zyxqwq_326{
400
+ ._accordion_1sknz3s_332{
388
401
  display:-webkit-box;
389
402
  display:-ms-flexbox;
390
403
  display:flex;
@@ -393,21 +406,21 @@
393
406
  -ms-flex-direction:column;
394
407
  flex-direction:column;
395
408
  }
396
- ._accordionGap0_zyxqwq_330{
409
+ ._accordionGap0_1sknz3s_336{
397
410
  row-gap:0;
398
411
  }
399
- ._accordionGap8_zyxqwq_333{
412
+ ._accordionGap8_1sknz3s_339{
400
413
  row-gap:8px;
401
414
  }
402
- ._accordionGap12_zyxqwq_336{
415
+ ._accordionGap12_1sknz3s_342{
403
416
  row-gap:12px;
404
417
  }
405
- ._accordionGap16_zyxqwq_339{
418
+ ._accordionGap16_1sknz3s_345{
406
419
  row-gap:16px;
407
420
  }
408
- ._accordionGap24_zyxqwq_342{
421
+ ._accordionGap24_1sknz3s_348{
409
422
  row-gap:24px;
410
423
  }
411
- ._accordionGap32_zyxqwq_345{
424
+ ._accordionGap32_1sknz3s_351{
412
425
  row-gap:32px;
413
426
  }
package/lib/types.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export declare type CollapseSize = 's' | 'm' | 'l';
2
2
  export declare type CollapseMode = 'classic' | 'rock' | 'clear';
3
3
  export declare type CollapseIcon = 'left-plus' | 'right-plus' | 'arrow';
4
- export declare type CollapseBorderRadius = 0 | 8 | 16 | 24;
5
4
  export declare type KeyType = number | string | symbol;
6
5
  export declare type AccordionGap = 0 | 8 | 12 | 16 | 24 | 32;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -35,5 +35,5 @@
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
- "gitHead": "508e99e53d34798527a14ceae356351c95937915"
38
+ "gitHead": "62ff81f9080265a201dd486ca07a7632d32716d5"
39
39
  }