@purpurds/accordion 5.4.1 → 5.4.3
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/dist/LICENSE.txt +3 -3
- package/dist/accordion-item.d.ts +8 -2
- package/dist/accordion-item.d.ts.map +1 -1
- package/dist/accordion.cjs.js +3 -3
- package/dist/accordion.cjs.js.map +1 -1
- package/dist/accordion.es.js +40 -40
- package/dist/accordion.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -5
- package/src/accordion-item.module.scss +4 -0
- package/src/accordion-item.tsx +6 -2
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-accordion__title_1ower_1{margin-bottom:var(--purpur-spacing-300);color:var(--purpur-color-text-default)}@media screen and (min-width: 600px){._purpur-accordion__title_1ower_1{margin-bottom:var(--purpur-spacing-400)}}._purpur-accordion--negative_1ower_10{background-color:var(--purpur-color-purple-900)}._purpur-accordion--negative_1ower_10 ._purpur-accordion__title_1ower_1{color:var(--purpur-color-text-default-negative)}._purpur-accordion-
|
|
1
|
+
._purpur-accordion__title_1ower_1{margin-bottom:var(--purpur-spacing-300);color:var(--purpur-color-text-default)}@media screen and (min-width: 600px){._purpur-accordion__title_1ower_1{margin-bottom:var(--purpur-spacing-400)}}._purpur-accordion--negative_1ower_10{background-color:var(--purpur-color-purple-900)}._purpur-accordion--negative_1ower_10 ._purpur-accordion__title_1ower_1{color:var(--purpur-color-text-default-negative)}._purpur-accordion-item_1frh3_1{overflow:hidden;border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item_1frh3_1:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item__header_1frh3_8{display:flex}._purpur-accordion-item__trigger_1frh3_11{border:none;padding:0;width:100%;font-family:inherit;background-color:transparent;transition:background-color var(--purpur-motion-duration-150) ease;display:flex;align-items:center;justify-content:space-between;padding:var(--purpur-spacing-200) var(--purpur-spacing-200) var(--purpur-spacing-200) 0;cursor:pointer;outline:none}@media screen and (min-width: 600px){._purpur-accordion-item__trigger_1frh3_11{padding:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300) 0}}@media screen and (min-width: 1024px){._purpur-accordion-item__trigger_1frh3_11{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) var(--purpur-spacing-400) 0}}._purpur-accordion-item__content_1frh3_35{overflow:hidden}._purpur-accordion-item__content_1frh3_35[data-state=open]{animation:_slideDown_1frh3_1 var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__content_1frh3_35[data-state=closed]{animation:_slideUp_1frh3_1 var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__contentText_1frh3_44{padding:var(--purpur-spacing-200) 0;max-width:37.5rem}._purpur-accordion-item__icon_1frh3_48{height:var(--purpur-spacing-300);width:var(--purpur-spacing-300);transition:transform var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__trigger_1frh3_11[data-state=open]>._purpur-accordion-item__icon_1frh3_48{transform:rotate(180deg)}._purpur-accordion-item_1frh3_1:has(:focus-visible){outline:none;box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus)}._purpur-accordion-item__title_1frh3_60{text-align:left}._purpur-accordion-item__title_1frh3_60,._purpur-accordion-item__icon_1frh3_48{color:var(--purpur-color-text-interactive-primary)}._purpur-accordion-item__trigger_1frh3_11:hover{background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-accordion-item__trigger_1frh3_11:hover__title,._purpur-accordion-item__trigger_1frh3_11:hover__icon{color:var(--purpur-color-text-interactive-primary-hover)}._purpur-accordion-item__trigger_1frh3_11:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-accordion-item__trigger_1frh3_11:active__title,._purpur-accordion-item__trigger_1frh3_11:active__icon{color:var(--purpur-color-text-interactive-primary-active)}._purpur-accordion-item__contentText_1frh3_44 p{color:var(--purpur-color-text-default)}._purpur-accordion-item--negative_1frh3_81{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_1frh3_81:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__title_1frh3_60,._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__icon_1frh3_48{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__trigger_1frh3_11:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__trigger_1frh3_11:hover ._purpur-accordion-item__title_1frh3_60,._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__trigger_1frh3_11:hover ._purpur-accordion-item__icon_1frh3_48{color:var(--purpur-color-border-interactive-primary-negative-hover)}._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__trigger_1frh3_11:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__trigger_1frh3_11:active ._purpur-accordion-item__title_1frh3_60,._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__trigger_1frh3_11:active ._purpur-accordion-item__icon_1frh3_48{color:var(--purpur-color-border-interactive-primary-negative-active)}._purpur-accordion-item--negative_1frh3_81 ._purpur-accordion-item__contentText_1frh3_44 p{color:var(--purpur-color-text-default-negative)}@keyframes _slideDown_1frh3_1{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes _slideUp_1frh3_1{0%{height:var(--radix-accordion-content-height)}to{height:0}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/accordion",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.3",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/accordion.cjs.js",
|
|
6
6
|
"types": "./dist/accordion.d.ts",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"classnames": "~2.5.0",
|
|
18
18
|
"@radix-ui/react-accordion": "~1.1.2",
|
|
19
|
-
"@purpurds/tokens": "5.4.
|
|
20
|
-
"@purpurds/icon": "5.4.
|
|
21
|
-
"@purpurds/heading": "5.4.
|
|
22
|
-
"@purpurds/paragraph": "5.4.
|
|
19
|
+
"@purpurds/tokens": "5.4.3",
|
|
20
|
+
"@purpurds/icon": "5.4.3",
|
|
21
|
+
"@purpurds/heading": "5.4.3",
|
|
22
|
+
"@purpurds/paragraph": "5.4.3"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@rushstack/eslint-patch": "~1.10.0",
|
package/src/accordion-item.tsx
CHANGED
|
@@ -29,9 +29,13 @@ export type AccordionItemProps = {
|
|
|
29
29
|
value?: string;
|
|
30
30
|
/**
|
|
31
31
|
* onClick is called when accordion item is expanded or collapsed
|
|
32
|
-
* event.
|
|
32
|
+
* event.currentTarget.dataset.state will be either "open" or "closed"
|
|
33
33
|
*/
|
|
34
|
-
onClick?: (
|
|
34
|
+
onClick?: (
|
|
35
|
+
event: React.MouseEvent<HTMLButtonElement, MouseEvent> & {
|
|
36
|
+
currentTarget: { dataset: { state: "open" | "closed" } };
|
|
37
|
+
}
|
|
38
|
+
) => void;
|
|
35
39
|
};
|
|
36
40
|
|
|
37
41
|
export const AccordionItem = ({
|