@cypress-design/react-accordion 0.2.0 → 0.3.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.
- package/.turbo/turbo-build.log +6 -0
- package/Accordion.tsx +1 -1
- package/AccordionReact.cy.tsx +1 -1
- package/CHANGELOG.md +18 -0
- package/ReadMe.md +17 -13
- package/dist/index.es.mjs +9 -8
- package/dist/index.es.mjs.map +1 -1
- package/dist/index.umd.js +18 -21
- package/dist/index.umd.js.map +1 -1
- package/package.json +28 -25
- package/rollup.config.mjs +3 -0
- package/tsconfig.json +3 -0
- package/Accordion.stories.mdx +0 -142
- package/rollup.config.js +0 -3
package/package.json
CHANGED
|
@@ -1,27 +1,30 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
2
|
+
"name": "@cypress-design/react-accordion",
|
|
3
|
+
"version": "0.3.0",
|
|
4
|
+
"files": [
|
|
5
|
+
"*"
|
|
6
|
+
],
|
|
7
|
+
"typings": "./dist/react/index.d.ts",
|
|
8
|
+
"module": "./dist/index.es.mjs",
|
|
9
|
+
"main": "./dist/index.umd.js",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": "./dist/index.es.mjs",
|
|
13
|
+
"require": "./dist/index.umd.js"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"scripts": {
|
|
17
|
+
"build": "yarn build:module && yarn build:types",
|
|
18
|
+
"build:module": "rollup -c ./rollup.config.mjs",
|
|
19
|
+
"build:types": "tsc --project ./tsconfig.build.json"
|
|
20
|
+
},
|
|
21
|
+
"dependencies": {
|
|
22
|
+
"clsx": "*",
|
|
23
|
+
"@cypress-design/details-animation": "*",
|
|
24
|
+
"@cypress-design/react-icon": "*"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {
|
|
27
|
+
"@cypress-design/css": "*"
|
|
28
|
+
},
|
|
29
|
+
"license": "MIT"
|
|
27
30
|
}
|
package/tsconfig.json
CHANGED
package/Accordion.stories.mdx
DELETED
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
import { ArgsTable, Canvas, Meta, Story, Description } from '@storybook/addon-docs'
|
|
2
|
-
import { version } from "./package.json"
|
|
3
|
-
import changelog from "./CHANGELOG.md"
|
|
4
|
-
import readMe from "./ReadMe.md"
|
|
5
|
-
import AccordionStory from './Accordion.rootstory'
|
|
6
|
-
import { FIGMA_URL } from '../constants'
|
|
7
|
-
|
|
8
|
-
import { Accordion } from './Accordion'
|
|
9
|
-
import { IconActionQuestionMarkCircle } from '@cypress-design/react-icon'
|
|
10
|
-
|
|
11
|
-
<h1>Accordion<span className="text-lg font-normal"> - v{version}</span></h1>
|
|
12
|
-
|
|
13
|
-
<Meta title="Accordion" component={Accordion} parameters={{
|
|
14
|
-
design: {
|
|
15
|
-
type: "figma",
|
|
16
|
-
url: FIGMA_URL,
|
|
17
|
-
}
|
|
18
|
-
}} />
|
|
19
|
-
|
|
20
|
-
### Usage
|
|
21
|
-
|
|
22
|
-
```tsx
|
|
23
|
-
import Accordion from '@cypress-design/react-accordion'
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
<Canvas withSource="none">
|
|
27
|
-
<Story name="Accordion">
|
|
28
|
-
<AccordionStory />
|
|
29
|
-
</Story>
|
|
30
|
-
</Canvas>
|
|
31
|
-
|
|
32
|
-
```tsx
|
|
33
|
-
<Accordion
|
|
34
|
-
icon={IconActionQuestionMarkCircle}
|
|
35
|
-
title="Accordion Title"
|
|
36
|
-
description="Vestibulum id ligula porta felis euismod semper. Nulla... "
|
|
37
|
-
separator
|
|
38
|
-
>
|
|
39
|
-
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
|
|
40
|
-
</Accordion>
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
### Minimal
|
|
44
|
-
|
|
45
|
-
<Canvas withSource="none">
|
|
46
|
-
<Story name="Minimal">
|
|
47
|
-
<AccordionStory description={null} icon={null} />
|
|
48
|
-
</Story>
|
|
49
|
-
</Canvas>
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
```tsx
|
|
53
|
-
<Accordion title="Accordion Title">
|
|
54
|
-
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
|
|
55
|
-
</Accordion>
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
### Without separator
|
|
59
|
-
|
|
60
|
-
<Canvas withSource="none">
|
|
61
|
-
<Story name="No Separator">
|
|
62
|
-
<AccordionStory separator={false} />
|
|
63
|
-
</Story>
|
|
64
|
-
</Canvas>
|
|
65
|
-
|
|
66
|
-
```tsx
|
|
67
|
-
<Accordion
|
|
68
|
-
icon={IconActionQuestionMarkCircle}
|
|
69
|
-
title="Accordion Title"
|
|
70
|
-
description="Vestibulum id ligula porta felis euismod semper. Nulla... "
|
|
71
|
-
>
|
|
72
|
-
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
|
|
73
|
-
</Accordion>
|
|
74
|
-
```
|
|
75
|
-
|
|
76
|
-
### Without description
|
|
77
|
-
|
|
78
|
-
<Canvas withSource="none">
|
|
79
|
-
<Story name="No Description">
|
|
80
|
-
<AccordionStory description={null} />
|
|
81
|
-
</Story>
|
|
82
|
-
</Canvas>
|
|
83
|
-
|
|
84
|
-
```tsx
|
|
85
|
-
<Accordion
|
|
86
|
-
icon={IconActionQuestionMarkCircle}
|
|
87
|
-
title="Accordion Title"
|
|
88
|
-
separator
|
|
89
|
-
>
|
|
90
|
-
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
|
|
91
|
-
</Accordion>
|
|
92
|
-
```
|
|
93
|
-
|
|
94
|
-
### Open by default
|
|
95
|
-
|
|
96
|
-
<Canvas withSource="none">
|
|
97
|
-
<Story name="Open">
|
|
98
|
-
<AccordionStory open />
|
|
99
|
-
</Story>
|
|
100
|
-
</Canvas>
|
|
101
|
-
|
|
102
|
-
```tsx
|
|
103
|
-
<Accordion
|
|
104
|
-
icon={IconActionQuestionMarkCircle}
|
|
105
|
-
title="Accordion Title"
|
|
106
|
-
description="Vestibulum id ligula porta felis euismod semper. Nulla... "
|
|
107
|
-
separator
|
|
108
|
-
open
|
|
109
|
-
>
|
|
110
|
-
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
|
|
111
|
-
</Accordion>
|
|
112
|
-
```
|
|
113
|
-
|
|
114
|
-
### Icon as element
|
|
115
|
-
|
|
116
|
-
If you need classes or props for your icon, you can pass it in as an element with props.
|
|
117
|
-
|
|
118
|
-
<Canvas withSource="none">
|
|
119
|
-
<Story name="Icon as element">
|
|
120
|
-
<AccordionStory iconEl={<IconActionQuestionMarkCircle strokeColor="red-600" fillColor="red-50" />} />
|
|
121
|
-
</Story>
|
|
122
|
-
</Canvas>
|
|
123
|
-
|
|
124
|
-
```tsx
|
|
125
|
-
<Accordion
|
|
126
|
-
iconEl={
|
|
127
|
-
<IconActionQuestionMarkCircle strokeColor="red-600" fillColor="red-50" />
|
|
128
|
-
}
|
|
129
|
-
title="Accordion Title"
|
|
130
|
-
description="Vestibulum id ligula porta felis euismod semper. Nulla... "
|
|
131
|
-
separator
|
|
132
|
-
open
|
|
133
|
-
>
|
|
134
|
-
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio dolore omnis nemo minus, sapiente magni ...
|
|
135
|
-
</Accordion>
|
|
136
|
-
```
|
|
137
|
-
|
|
138
|
-
<ArgsTable />
|
|
139
|
-
|
|
140
|
-
<Description>
|
|
141
|
-
{changelog.replace(/^# .+/, '## Changelog')}
|
|
142
|
-
</Description>
|
package/rollup.config.js
DELETED