@rescui/collapse 0.8.0 → 0.8.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +3 -1
  2. package/lib/_virtual/index.css.js +12 -12
  3. package/lib/accordion.d.ts +47 -47
  4. package/lib/collapse.d.ts +51 -51
  5. package/lib/collapse.p.module.css.js +32 -32
  6. package/lib/context.d.ts +16 -16
  7. package/lib/index.css +73 -73
  8. package/lib/index.d.ts +4 -4
  9. package/lib/types.d.ts +5 -5
  10. package/lib/use-collapse-state.d.ts +17 -18
  11. package/package.json +7 -7
package/README.md CHANGED
@@ -1,3 +1,5 @@
1
1
  # Collapse
2
2
 
3
- * [Usage examples](./docs/demo.md)
3
+ ## LLM
4
+
5
+ To get the docs for the LLM, check out [this index](./llm/index.md).
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_uqfcxc_4",
3
- "sizeXS": "_sizeXS_uqfcxc_14",
4
- "sizeS": "_sizeS_uqfcxc_18",
5
- "sizeM": "_sizeM_uqfcxc_22",
6
- "sizeL": "_sizeL_uqfcxc_26",
7
- "light": "_light_uqfcxc_30",
8
- "dark": "_dark_uqfcxc_34",
9
- "allVariants": "_allVariants_uqfcxc_48",
10
- "variant16": "_variant16_uqfcxc_53",
11
- "variant20": "_variant20_uqfcxc_54",
12
- "variant24": "_variant24_uqfcxc_55",
13
- "variant28": "_variant28_uqfcxc_58"
2
+ "icon": "_icon_16ewrhm_4",
3
+ "sizeXS": "_sizeXS_16ewrhm_14",
4
+ "sizeS": "_sizeS_16ewrhm_18",
5
+ "sizeM": "_sizeM_16ewrhm_22",
6
+ "sizeL": "_sizeL_16ewrhm_26",
7
+ "light": "_light_16ewrhm_30",
8
+ "dark": "_dark_16ewrhm_34",
9
+ "allVariants": "_allVariants_16ewrhm_48",
10
+ "variant16": "_variant16_16ewrhm_53",
11
+ "variant20": "_variant20_16ewrhm_54",
12
+ "variant24": "_variant24_16ewrhm_55",
13
+ "variant28": "_variant28_16ewrhm_58"
14
14
  };
15
15
  export { styles as default };
package/lib/accordion.d.ts CHANGED
@@ -1,47 +1,47 @@
1
- import React from 'react';
2
- import type { Theme } from '@rescui/ui-contexts';
3
- import type { AccordionGap, CollapseSize, CollapseMode, CollapseIcon, KeyType } from './types';
4
- export declare type AccordionExplicitProps = {
5
- children?: React.ReactNode;
6
- className?: string;
7
- /**
8
- * Opened collapse classname
9
- */
10
- openedClassName?: string;
11
- /**
12
- * Collapse items size
13
- */
14
- size?: CollapseSize;
15
- /**
16
- * Collapse items appearance mode
17
- */
18
- mode?: CollapseMode;
19
- /**
20
- * Collapse items icon type
21
- */
22
- icon?: CollapseIcon;
23
- /**
24
- * Controls the bottom border of collapse items
25
- */
26
- borderBottom?: boolean;
27
- /**
28
- * Disable left content padding of collapse items
29
- */
30
- disableLeftPadding?: boolean;
31
- /**
32
- * Vertical gap between children items
33
- */
34
- gap?: AccordionGap;
35
- theme?: Theme;
36
- /**
37
- * Active collapse key. Must be used with `itemKey` prop on the collapse items.
38
- * Any value except `undefined` turns accordion into controlled mode.
39
- */
40
- value?: KeyType;
41
- /**
42
- * Event which fired when the active collapse item is changed.
43
- */
44
- onChange?: (key: KeyType) => void;
45
- };
46
- export declare type AccordionProps = AccordionExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof AccordionExplicitProps | 'ref'>;
47
- export declare const Accordion: React.ForwardRefExoticComponent<AccordionExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof AccordionExplicitProps | "ref"> & React.RefAttributes<HTMLDivElement>>;
1
+ import React from 'react';
2
+ import type { Theme } from '@rescui/ui-contexts';
3
+ import type { AccordionGap, CollapseSize, CollapseMode, CollapseIcon, KeyType } from './types';
4
+ export type AccordionExplicitProps = {
5
+ children?: React.ReactNode;
6
+ className?: string;
7
+ /**
8
+ * Opened collapse classname
9
+ */
10
+ openedClassName?: string;
11
+ /**
12
+ * Collapse items size
13
+ */
14
+ size?: CollapseSize;
15
+ /**
16
+ * Collapse items appearance mode
17
+ */
18
+ mode?: CollapseMode;
19
+ /**
20
+ * Collapse items icon type
21
+ */
22
+ icon?: CollapseIcon;
23
+ /**
24
+ * Controls the bottom border of collapse items
25
+ */
26
+ borderBottom?: boolean;
27
+ /**
28
+ * Disable left content padding of collapse items
29
+ */
30
+ disableLeftPadding?: boolean;
31
+ /**
32
+ * Vertical gap between children items
33
+ */
34
+ gap?: AccordionGap;
35
+ theme?: Theme;
36
+ /**
37
+ * Active collapse key. Must be used with `itemKey` prop on the collapse items.
38
+ * Any value except `undefined` turns accordion into controlled mode.
39
+ */
40
+ value?: KeyType;
41
+ /**
42
+ * Event which fired when the active collapse item is changed.
43
+ */
44
+ onChange?: (key: KeyType) => void;
45
+ };
46
+ export type AccordionProps = AccordionExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof AccordionExplicitProps | 'ref'>;
47
+ export declare const Accordion: React.ForwardRefExoticComponent<AccordionExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof AccordionExplicitProps | "ref"> & React.RefAttributes<HTMLDivElement>>;
package/lib/collapse.d.ts CHANGED
@@ -1,51 +1,51 @@
1
- import React from 'react';
2
- import type { Theme } from '@rescui/ui-contexts';
3
- import type { CollapseIcon, CollapseMode, CollapseSize, KeyType } from './types';
4
- export declare type CollapseExplicitProps = {
5
- children?: React.ReactNode;
6
- className?: string;
7
- /**
8
- * Classname for the opened state
9
- */
10
- openedClassName?: string;
11
- /**
12
- * Collapse title slot
13
- */
14
- title?: React.ReactNode;
15
- /**
16
- * Collapse size
17
- * @default m
18
- */
19
- size?: CollapseSize;
20
- /**
21
- * Collapse appearance mode
22
- * @default classic
23
- */
24
- mode?: CollapseMode;
25
- /**
26
- * Collapse icon type
27
- * @default left-plus
28
- */
29
- icon?: CollapseIcon;
30
- /**
31
- * Controls the Collapse bottom border
32
- * @default false
33
- */
34
- borderBottom?: boolean;
35
- /**
36
- * Disable left content padding
37
- * @default false
38
- */
39
- disableLeftPadding?: boolean;
40
- /**
41
- * Is collapse opened by default. Will be ignored in controlled `Accordion`
42
- */
43
- isDefaultOpened?: boolean;
44
- theme?: Theme;
45
- /**
46
- * Collapse item key. May be required for the controlled `Accordion`
47
- */
48
- itemKey?: KeyType;
49
- };
50
- export declare type CollapseProps = CollapseExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof CollapseExplicitProps | 'ref'>;
51
- export declare const Collapse: React.ForwardRefExoticComponent<CollapseExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof CollapseExplicitProps | "ref"> & React.RefAttributes<HTMLDivElement>>;
1
+ import React from 'react';
2
+ import type { Theme } from '@rescui/ui-contexts';
3
+ import type { CollapseIcon, CollapseMode, CollapseSize, KeyType } from './types';
4
+ export type CollapseExplicitProps = {
5
+ children?: React.ReactNode;
6
+ className?: string;
7
+ /**
8
+ * Classname for the opened state
9
+ */
10
+ openedClassName?: string;
11
+ /**
12
+ * Collapse title slot
13
+ */
14
+ title?: React.ReactNode;
15
+ /**
16
+ * Collapse size
17
+ * @default m
18
+ */
19
+ size?: CollapseSize;
20
+ /**
21
+ * Collapse appearance mode
22
+ * @default classic
23
+ */
24
+ mode?: CollapseMode;
25
+ /**
26
+ * Collapse icon type
27
+ * @default left-plus
28
+ */
29
+ icon?: CollapseIcon;
30
+ /**
31
+ * Controls the Collapse bottom border
32
+ * @default false
33
+ */
34
+ borderBottom?: boolean;
35
+ /**
36
+ * Disable left content padding
37
+ * @default false
38
+ */
39
+ disableLeftPadding?: boolean;
40
+ /**
41
+ * Is collapse opened by default. Will be ignored in controlled `Accordion`
42
+ */
43
+ isDefaultOpened?: boolean;
44
+ theme?: Theme;
45
+ /**
46
+ * Collapse item key. May be required for the controlled `Accordion`
47
+ */
48
+ itemKey?: KeyType;
49
+ };
50
+ export type CollapseProps = CollapseExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof CollapseExplicitProps | 'ref'>;
51
+ export declare const Collapse: React.ForwardRefExoticComponent<CollapseExplicitProps & Omit<React.HTMLProps<HTMLDivElement>, keyof CollapseExplicitProps | "ref"> & React.RefAttributes<HTMLDivElement>>;
package/lib/collapse.p.module.css.js CHANGED
@@ -1,35 +1,35 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_u699v2_6",
3
- "themeDark": "_themeDark_u699v2_9",
4
- "sizeS": "_sizeS_u699v2_13",
5
- "sizeM": "_sizeM_u699v2_16",
6
- "sizeL": "_sizeL_u699v2_19",
7
- "classic": "_classic_u699v2_23",
8
- "rock": "_rock_u699v2_26",
9
- "clear": "_clear_u699v2_29",
10
- "hasBorderBottom": "_hasBorderBottom_u699v2_33",
11
- "leftIcon": "_leftIcon_u699v2_37",
12
- "rightIcon": "_rightIcon_u699v2_40",
13
- "disableLeftPadding": "_disableLeftPadding_u699v2_44",
14
- "main": "_main_u699v2_48",
15
- "opening": "_opening_u699v2_59",
16
- "opened": "_opened_u699v2_60",
17
- "closing": "_closing_u699v2_61",
18
- "title": "_title_u699v2_95",
19
- "content": "_content_u699v2_103",
20
- "closed": "_closed_u699v2_111",
21
- "closingTransition": "_closingTransition_u699v2_120",
22
- "innerWrapper": "_innerWrapper_u699v2_127",
23
- "button": "_button_u699v2_133",
24
- "icon": "_icon_u699v2_186",
25
- "iconPlus": "_iconPlus_u699v2_202",
26
- "iconArrow": "_iconArrow_u699v2_207",
27
- "accordion": "_accordion_u699v2_213",
28
- "accordionGap0": "_accordionGap0_u699v2_218",
29
- "accordionGap8": "_accordionGap8_u699v2_221",
30
- "accordionGap12": "_accordionGap12_u699v2_224",
31
- "accordionGap16": "_accordionGap16_u699v2_227",
32
- "accordionGap24": "_accordionGap24_u699v2_230",
33
- "accordionGap32": "_accordionGap32_u699v2_233"
2
+ "themeLight": "_themeLight_mqy5h0_6",
3
+ "themeDark": "_themeDark_mqy5h0_9",
4
+ "sizeS": "_sizeS_mqy5h0_13",
5
+ "sizeM": "_sizeM_mqy5h0_16",
6
+ "sizeL": "_sizeL_mqy5h0_19",
7
+ "classic": "_classic_mqy5h0_23",
8
+ "rock": "_rock_mqy5h0_26",
9
+ "clear": "_clear_mqy5h0_29",
10
+ "hasBorderBottom": "_hasBorderBottom_mqy5h0_33",
11
+ "leftIcon": "_leftIcon_mqy5h0_37",
12
+ "rightIcon": "_rightIcon_mqy5h0_40",
13
+ "disableLeftPadding": "_disableLeftPadding_mqy5h0_44",
14
+ "main": "_main_mqy5h0_48",
15
+ "opening": "_opening_mqy5h0_59",
16
+ "opened": "_opened_mqy5h0_60",
17
+ "closing": "_closing_mqy5h0_61",
18
+ "title": "_title_mqy5h0_95",
19
+ "content": "_content_mqy5h0_103",
20
+ "closed": "_closed_mqy5h0_111",
21
+ "closingTransition": "_closingTransition_mqy5h0_120",
22
+ "innerWrapper": "_innerWrapper_mqy5h0_127",
23
+ "button": "_button_mqy5h0_133",
24
+ "icon": "_icon_mqy5h0_186",
25
+ "iconPlus": "_iconPlus_mqy5h0_202",
26
+ "iconArrow": "_iconArrow_mqy5h0_207",
27
+ "accordion": "_accordion_mqy5h0_213",
28
+ "accordionGap0": "_accordionGap0_mqy5h0_218",
29
+ "accordionGap8": "_accordionGap8_mqy5h0_221",
30
+ "accordionGap12": "_accordionGap12_mqy5h0_224",
31
+ "accordionGap16": "_accordionGap16_mqy5h0_227",
32
+ "accordionGap24": "_accordionGap24_mqy5h0_230",
33
+ "accordionGap32": "_accordionGap32_mqy5h0_233"
34
34
  };
35
35
  export { styles as default };
package/lib/context.d.ts CHANGED
@@ -1,16 +1,16 @@
1
- import React from 'react';
2
- import { CollapseIcon, CollapseMode, CollapseSize, KeyType } from './types';
3
- export declare type CollapseContext = {
4
- openedKey?: KeyType;
5
- isInAccordion?: boolean;
6
- isInControlledAccordion?: boolean;
7
- toggleActiveKey?: (key: KeyType) => void;
8
- setActiveKey?: (key: KeyType) => void;
9
- size?: CollapseSize;
10
- mode?: CollapseMode;
11
- icon?: CollapseIcon;
12
- borderBottom?: boolean;
13
- disableLeftPadding?: boolean;
14
- openedClassName?: string;
15
- };
16
- export declare const collapseContext: React.Context<CollapseContext>;
1
+ import React from 'react';
2
+ import { CollapseIcon, CollapseMode, CollapseSize, KeyType } from './types';
3
+ export type CollapseContext = {
4
+ openedKey?: KeyType;
5
+ isInAccordion?: boolean;
6
+ isInControlledAccordion?: boolean;
7
+ toggleActiveKey?: (key: KeyType) => void;
8
+ setActiveKey?: (key: KeyType) => void;
9
+ size?: CollapseSize;
10
+ mode?: CollapseMode;
11
+ icon?: CollapseIcon;
12
+ borderBottom?: boolean;
13
+ disableLeftPadding?: boolean;
14
+ openedClassName?: string;
15
+ };
16
+ export declare const collapseContext: React.Context<CollapseContext>;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_uqfcxc_4{
1
+ ._icon_16ewrhm_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_uqfcxc_4{
11
+ ._icon_16ewrhm_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_uqfcxc_4{
20
+ ._icon_16ewrhm_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_uqfcxc_4{
28
+ ._icon_16ewrhm_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_uqfcxc_14{
35
+ ._sizeXS_16ewrhm_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_uqfcxc_18{
38
+ ._sizeS_16ewrhm_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_uqfcxc_22{
41
+ ._sizeM_16ewrhm_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_uqfcxc_26{
44
+ ._sizeL_16ewrhm_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_uqfcxc_30{
47
+ ._light_16ewrhm_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_uqfcxc_34{
51
+ ._dark_16ewrhm_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,54 +60,54 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_uqfcxc_48{
63
+ ._allVariants_16ewrhm_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_uqfcxc_53,
68
- ._variant20_uqfcxc_54,
69
- ._variant24_uqfcxc_55{
67
+ ._variant16_16ewrhm_53,
68
+ ._variant20_16ewrhm_54,
69
+ ._variant24_16ewrhm_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_uqfcxc_58{
72
+ ._variant28_16ewrhm_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_uqfcxc_55{
76
+ ._variant24_16ewrhm_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_uqfcxc_58{
79
+ ._variant28_16ewrhm_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_uqfcxc_54{
84
+ ._variant20_16ewrhm_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_uqfcxc_55{
87
+ ._variant24_16ewrhm_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_uqfcxc_53{
92
+ ._variant16_16ewrhm_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_uqfcxc_54{
95
+ ._variant20_16ewrhm_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._themeLight_u699v2_6{
99
+ ._themeLight_mqy5h0_6{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._themeDark_u699v2_9{
102
+ ._themeDark_mqy5h0_9{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeS_u699v2_13{
105
+ ._sizeS_mqy5h0_13{
106
106
  --_rs-collapse-vertical-padding:6px;
107
107
  --_rs-collapse-horizontal-padding:8px;
108
108
  --_rs-collapse-icon-size:20px;
109
109
  }
110
- ._sizeS_u699v2_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
110
+ ._sizeS_mqy5h0_13 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
111
111
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
112
112
  --_rs-typography-text-transform:initial;
113
113
  --_rs-typography-font-variant-numeric:initial;
@@ -139,7 +139,7 @@
139
139
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
140
140
  --_rs-typography-link-border-bottom-width-from-text:2px;
141
141
  }
142
- ._sizeS_u699v2_13 > [data-rs-internal='collapse__content']{
142
+ ._sizeS_mqy5h0_13 > [data-rs-internal='collapse__content']{
143
143
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
144
144
  --_rs-typography-text-transform:initial;
145
145
  --_rs-typography-font-variant-numeric:initial;
@@ -174,12 +174,12 @@
174
174
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
175
175
  --_rs-typography-link-border-bottom-width-from-text:1px;
176
176
  }
177
- ._sizeM_u699v2_16{
177
+ ._sizeM_mqy5h0_16{
178
178
  --_rs-collapse-vertical-padding:8px;
179
179
  --_rs-collapse-horizontal-padding:8px;
180
180
  --_rs-collapse-icon-size:24px;
181
181
  }
182
- ._sizeM_u699v2_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
182
+ ._sizeM_mqy5h0_16 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
183
183
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
184
184
  --_rs-typography-text-transform:initial;
185
185
  --_rs-typography-font-variant-numeric:initial;
@@ -211,7 +211,7 @@
211
211
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
212
212
  --_rs-typography-link-border-bottom-width-from-text:2px;
213
213
  }
214
- ._sizeM_u699v2_16 > [data-rs-internal='collapse__content']{
214
+ ._sizeM_mqy5h0_16 > [data-rs-internal='collapse__content']{
215
215
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
216
216
  --_rs-typography-text-transform:initial;
217
217
  --_rs-typography-font-variant-numeric:initial;
@@ -250,16 +250,16 @@
250
250
  --_rs-typography-link-border-bottom-width-from-text:1px;
251
251
  }
252
252
  @media screen and (max-width: 640px){
253
- ._sizeM_u699v2_16 > [data-rs-internal='collapse__content']{
253
+ ._sizeM_mqy5h0_16 > [data-rs-internal='collapse__content']{
254
254
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
255
255
  }
256
256
  }
257
- ._sizeL_u699v2_19{
257
+ ._sizeL_mqy5h0_19{
258
258
  --_rs-collapse-vertical-padding:12px;
259
259
  --_rs-collapse-horizontal-padding:16px;
260
260
  --_rs-collapse-icon-size:28px;
261
261
  }
262
- ._sizeL_u699v2_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
262
+ ._sizeL_mqy5h0_19 > [data-rs-internal='collapse__button'] > [data-rs-internal='collapse__title']{
263
263
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
264
264
  --_rs-typography-text-transform:initial;
265
265
  --_rs-typography-font-variant-numeric:initial;
@@ -291,7 +291,7 @@
291
291
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
292
292
  --_rs-typography-link-border-bottom-width-from-text:2px;
293
293
  }
294
- ._sizeL_u699v2_19 > [data-rs-internal='collapse__content']{
294
+ ._sizeL_mqy5h0_19 > [data-rs-internal='collapse__content']{
295
295
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
296
296
  --_rs-typography-text-transform:initial;
297
297
  --_rs-typography-font-variant-numeric:initial;
@@ -330,11 +330,11 @@
330
330
  --_rs-typography-link-border-bottom-width-from-text:1px;
331
331
  }
332
332
  @media screen and (max-width: 640px){
333
- ._sizeL_u699v2_19 > [data-rs-internal='collapse__content']{
333
+ ._sizeL_mqy5h0_19 > [data-rs-internal='collapse__content']{
334
334
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
335
335
  }
336
336
  }
337
- ._classic_u699v2_23{
337
+ ._classic_mqy5h0_23{
338
338
  --_rs-collapse-active-theme-flip:0;
339
339
  --_rs-collapse-active-background:rgba(
340
340
  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),
@@ -348,7 +348,7 @@
348
348
  );
349
349
  --_rs-collapse-button-hover-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), 1);
350
350
  }
351
- ._rock_u699v2_26{
351
+ ._rock_mqy5h0_26{
352
352
  --_rs-collapse-active-theme-flip:1;
353
353
  --_rs-collapse-active-background: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));
354
354
  --_rs-collapse-active-border-bottom-to-padding-multiplier:1;
@@ -359,7 +359,7 @@
359
359
  );
360
360
  --_rs-collapse-button-hover-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), 1);
361
361
  }
362
- ._clear_u699v2_29{
362
+ ._clear_mqy5h0_29{
363
363
  --_rs-collapse-active-theme-flip:0;
364
364
  --_rs-collapse-active-background:transparent;
365
365
  --_rs-collapse-active-border-bottom-to-padding-multiplier:0;
@@ -370,27 +370,27 @@
370
370
  0.7
371
371
  );
372
372
  }
373
- ._hasBorderBottom_u699v2_33{
373
+ ._hasBorderBottom_mqy5h0_33{
374
374
  --_rs-collapse-border-bottom-width-or-initial:1px;
375
375
  }
376
- ._leftIcon_u699v2_37{
376
+ ._leftIcon_mqy5h0_37{
377
377
  --_rs-collapse-button-flex-direction:row;
378
378
  --_rs-collapse-icon-margin:0 var(--_rs-collapse-horizontal-padding) 0 0;
379
379
  --_rs-collapse-inner-wrapper-padding-left-base:calc(var(--_rs-collapse-horizontal-padding)*2 + var(--_rs-collapse-icon-size));
380
380
  }
381
- ._rightIcon_u699v2_40{
381
+ ._rightIcon_mqy5h0_40{
382
382
  --_rs-collapse-button-flex-direction:row-reverse;
383
383
  --_rs-collapse-icon-margin:0 0 0 var(--_rs-collapse-horizontal-padding);
384
384
  --_rs-collapse-inner-wrapper-padding-left-base:var(
385
385
  --_rs-collapse-horizontal-padding
386
386
  );
387
387
  }
388
- ._disableLeftPadding_u699v2_44{
388
+ ._disableLeftPadding_mqy5h0_44{
389
389
  --_rs-collapse-inner-wrapper-padding-left-from-disable-left-padding-or-initial:var(
390
390
  --_rs-collapse-horizontal-padding
391
391
  );
392
392
  }
393
- ._main_u699v2_48{
393
+ ._main_mqy5h0_48{
394
394
  --_rs-theme-dark:var(
395
395
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
396
396
  var(--rs-theme-dark, 0)
@@ -400,7 +400,7 @@
400
400
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
401
401
  }
402
402
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
403
- ._main_u699v2_48{
403
+ ._main_mqy5h0_48{
404
404
  --_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)));
405
405
  --_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)));
406
406
  --_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)));
@@ -409,7 +409,7 @@
409
409
  }
410
410
  }
411
411
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
412
- ._main_u699v2_48{
412
+ ._main_mqy5h0_48{
413
413
  --_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);
414
414
  --_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));
415
415
  --_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));
@@ -417,7 +417,7 @@
417
417
  --_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));
418
418
  }
419
419
  }
420
- ._main_u699v2_48 {
420
+ ._main_mqy5h0_48 {
421
421
  --_rs-collapse-border-bottom-width:var(
422
422
  --_rs-collapse-border-bottom-width-or-initial,
423
423
  0px
@@ -432,9 +432,9 @@
432
432
  border-bottom:var(--_rs-collapse-border-bottom-width) solid 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);
433
433
  border-radius:var(--rs-collapse-border-radius, 0px);
434
434
  }
435
- ._main_u699v2_48._opening_u699v2_59,
436
- ._main_u699v2_48._opened_u699v2_60,
437
- ._main_u699v2_48._closing_u699v2_61{
435
+ ._main_mqy5h0_48._opening_mqy5h0_59,
436
+ ._main_mqy5h0_48._opened_mqy5h0_60,
437
+ ._main_mqy5h0_48._closing_mqy5h0_61{
438
438
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
439
439
 
440
440
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -444,7 +444,7 @@
444
444
  background:var(--_rs-collapse-active-background);
445
445
  }
446
446
  @media (hover: hover){
447
- ._main_u699v2_48:hover{
447
+ ._main_mqy5h0_48:hover{
448
448
  --rs-theme-flip:var(--_rs-collapse-active-theme-flip);
449
449
 
450
450
  padding-bottom:calc(var(--_rs-collapse-border-bottom-width)*var(--_rs-collapse-active-border-bottom-to-padding-multiplier));
@@ -454,7 +454,7 @@
454
454
  background:var(--_rs-collapse-active-background);
455
455
  }
456
456
  }
457
- ._title_u699v2_95{
457
+ ._title_mqy5h0_95{
458
458
  letter-spacing:var(
459
459
  --rs-text-base-letter-spacing,
460
460
  var(--_rs-typography-letter-spacing)
@@ -471,7 +471,7 @@
471
471
 
472
472
  color:inherit;
473
473
  }
474
- ._content_u699v2_103{
474
+ ._content_mqy5h0_103{
475
475
  letter-spacing:var(
476
476
  --rs-text-base-letter-spacing,
477
477
  var(--_rs-typography-letter-spacing)
@@ -492,22 +492,22 @@
492
492
 
493
493
  height:0;
494
494
  }
495
- ._closed_u699v2_111 > ._content_u699v2_103{
495
+ ._closed_mqy5h0_111 > ._content_mqy5h0_103{
496
496
  display:none;
497
497
  }
498
- ._opened_u699v2_60 > ._content_u699v2_103{
498
+ ._opened_mqy5h0_60 > ._content_mqy5h0_103{
499
499
  height:initial;
500
500
  }
501
- ._opening_u699v2_59 > ._content_u699v2_103,
502
- ._closingTransition_u699v2_120 > ._content_u699v2_103{
501
+ ._opening_mqy5h0_59 > ._content_mqy5h0_103,
502
+ ._closingTransition_mqy5h0_120 > ._content_mqy5h0_103{
503
503
  overflow:hidden;
504
504
 
505
505
  transition:height 300ms var(--rs-transition-function, ease);
506
506
  }
507
- ._innerWrapper_u699v2_127{
507
+ ._innerWrapper_mqy5h0_127{
508
508
  padding:0 var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-horizontal-padding) var(--_rs-collapse-inner-wrapper-padding-left);
509
509
  }
510
- ._button_u699v2_133{
510
+ ._button_mqy5h0_133{
511
511
  color:var(
512
512
  --rs-color-hard,
513
513
  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))
@@ -540,24 +540,24 @@
540
540
  -moz-osx-font-smoothing:inherit;
541
541
  -webkit-appearance:none;
542
542
  }
543
- ._button_u699v2_133::-moz-focus-inner{
543
+ ._button_mqy5h0_133::-moz-focus-inner{
544
544
  padding:0;
545
545
 
546
546
  border:0;
547
547
  }
548
- ._button_u699v2_133:focus{
548
+ ._button_mqy5h0_133:focus{
549
549
  outline:none;
550
550
  }
551
- ._button_u699v2_133:focus[data-focus-method='key']{
551
+ ._button_mqy5h0_133:focus[data-focus-method='key']{
552
552
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
553
553
  }
554
554
  @media (hover: hover){
555
- ._button_u699v2_133:hover{
555
+ ._button_mqy5h0_133:hover{
556
556
  color:var(--_rs-collapse-button-hover-color);
557
557
  background:var(--_rs-collapse-button-hover-background);
558
558
  }
559
559
  }
560
- ._icon_u699v2_186{
560
+ ._icon_mqy5h0_186{
561
561
  position:relative;
562
562
  top:0;
563
563
  left:0;
@@ -573,34 +573,34 @@
573
573
 
574
574
  will-change:transform;
575
575
  }
576
- ._opening_u699v2_59._iconPlus_u699v2_202 > ._button_u699v2_133 > ._icon_u699v2_186,
577
- ._opened_u699v2_60._iconPlus_u699v2_202 > ._button_u699v2_133 > ._icon_u699v2_186{
576
+ ._opening_mqy5h0_59._iconPlus_mqy5h0_202 > ._button_mqy5h0_133 > ._icon_mqy5h0_186,
577
+ ._opened_mqy5h0_60._iconPlus_mqy5h0_202 > ._button_mqy5h0_133 > ._icon_mqy5h0_186{
578
578
  transform:rotate(45deg);
579
579
  }
580
- ._opening_u699v2_59._iconArrow_u699v2_207 > ._button_u699v2_133 > ._icon_u699v2_186,
581
- ._opened_u699v2_60._iconArrow_u699v2_207 > ._button_u699v2_133 > ._icon_u699v2_186{
580
+ ._opening_mqy5h0_59._iconArrow_mqy5h0_207 > ._button_mqy5h0_133 > ._icon_mqy5h0_186,
581
+ ._opened_mqy5h0_60._iconArrow_mqy5h0_207 > ._button_mqy5h0_133 > ._icon_mqy5h0_186{
582
582
  transform:rotate(90deg);
583
583
  }
584
- ._accordion_u699v2_213{
584
+ ._accordion_mqy5h0_213{
585
585
  display:flex;
586
586
  flex-direction:column;
587
587
  row-gap:var(--_rs-collapse-accordion-gap);
588
588
  }
589
- ._accordionGap0_u699v2_218{
589
+ ._accordionGap0_mqy5h0_218{
590
590
  --_rs-collapse-accordion-gap:0px;
591
591
  }
592
- ._accordionGap8_u699v2_221{
592
+ ._accordionGap8_mqy5h0_221{
593
593
  --_rs-collapse-accordion-gap:8px;
594
594
  }
595
- ._accordionGap12_u699v2_224{
595
+ ._accordionGap12_mqy5h0_224{
596
596
  --_rs-collapse-accordion-gap:12px;
597
597
  }
598
- ._accordionGap16_u699v2_227{
598
+ ._accordionGap16_mqy5h0_227{
599
599
  --_rs-collapse-accordion-gap:16px;
600
600
  }
601
- ._accordionGap24_u699v2_230{
601
+ ._accordionGap24_mqy5h0_230{
602
602
  --_rs-collapse-accordion-gap:24px;
603
603
  }
604
- ._accordionGap32_u699v2_233{
604
+ ._accordionGap32_mqy5h0_233{
605
605
  --_rs-collapse-accordion-gap:32px;
606
606
  }
package/lib/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { Collapse } from './collapse';
2
- export type { CollapseProps } from './collapse';
3
- export { Accordion } from './accordion';
4
- export type { AccordionProps } from './accordion';
1
+ export { Collapse } from './collapse';
2
+ export type { CollapseProps } from './collapse';
3
+ export { Accordion } from './accordion';
4
+ export type { AccordionProps } from './accordion';
package/lib/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export declare type CollapseSize = 's' | 'm' | 'l';
2
- export declare type CollapseMode = 'classic' | 'rock' | 'clear';
3
- export declare type CollapseIcon = 'left-plus' | 'right-plus' | 'arrow';
4
- export declare type KeyType = number | string | symbol;
5
- export declare type AccordionGap = 0 | 8 | 12 | 16 | 24 | 32;
1
+ export type CollapseSize = 's' | 'm' | 'l';
2
+ export type CollapseMode = 'classic' | 'rock' | 'clear';
3
+ export type CollapseIcon = 'left-plus' | 'right-plus' | 'arrow';
4
+ export type KeyType = number | string | symbol;
5
+ export type AccordionGap = 0 | 8 | 12 | 16 | 24 | 32;
package/lib/use-collapse-state.d.ts CHANGED
@@ -1,18 +1,17 @@
1
- /// <reference types="react" />
2
- export declare enum COLLAPSE_STATES {
3
- OPENING = "OPENING",
4
- OPEN = "OPEN",
5
- CLOSING = "CLOSING",
6
- CLOSE = "CLOSE"
7
- }
8
- export declare function useCollapseState({ shouldBeOpened, cancelAnimation }: {
9
- shouldBeOpened: boolean;
10
- cancelAnimation?: boolean;
11
- }): {
12
- onAnimationEnd: () => void;
13
- state: COLLAPSE_STATES;
14
- };
15
- export declare function useStartedClosing(state: COLLAPSE_STATES): {
16
- isStartedClosing: boolean;
17
- contentRef: import("react").MutableRefObject<HTMLDivElement>;
18
- };
1
+ export declare enum COLLAPSE_STATES {
2
+ OPENING = "OPENING",
3
+ OPEN = "OPEN",
4
+ CLOSING = "CLOSING",
5
+ CLOSE = "CLOSE"
6
+ }
7
+ export declare function useCollapseState({ shouldBeOpened, cancelAnimation }: {
8
+ shouldBeOpened: boolean;
9
+ cancelAnimation?: boolean;
10
+ }): {
11
+ onAnimationEnd: () => void;
12
+ state: COLLAPSE_STATES;
13
+ };
14
+ export declare function useStartedClosing(state: COLLAPSE_STATES): {
15
+ isStartedClosing: boolean;
16
+ contentRef: import("react").RefObject<HTMLDivElement>;
17
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/collapse",
3
- "version": "0.8.0",
3
+ "version": "0.8.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18+2a311c841",
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.3.0",
19
+ "@rescui/use-resize-observer": "0.3.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.165+2a311c841",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,10 +25,10 @@
25
25
  "react": ">=16.8.0 <20"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.3.0",
29
- "@rescui/scripts": "^0.5.1",
30
- "@rescui/typography": "^0.27.0",
31
- "@rescui/visual-regression": "^0.1.4",
28
+ "@rescui/colors": "0.3.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.53+2a311c841",
29
+ "@rescui/scripts": "0.5.2",
30
+ "@rescui/typography": "0.27.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18+2a311c841",
31
+ "@rescui/visual-regression": "0.1.4",
32
32
  "@types/classnames": "^2.2.11"
33
33
  },
34
34
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "e9aedd97a4cc372540ec8d75dda4f122baacca10"
39
+ "gitHead": "2a311c841551a48c46895aff5609fe099bbe1a61"
40
40
  }