@purpurds/accordion 5.27.3 → 5.27.4
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.cjs.js +5 -5
- package/dist/accordion.cjs.js.map +1 -1
- package/dist/accordion.es.js +139 -123
- 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 +6 -1
- package/src/accordion.stories.tsx +2 -0
- package/src/accordions-item.stories.tsx +1 -0
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-accordion_u887g_1{container:accordion/inline-size}._purpur-accordion_u887g_1 ._purpur-accordion__title_u887g_4{margin-bottom:var(--purpur-spacing-300);color:var(--purpur-color-text-default)}@container accordion (min-width: 600px){._purpur-accordion_u887g_1 ._purpur-accordion__title_u887g_4{margin-bottom:var(--purpur-spacing-400)}}._purpur-accordion--negative_u887g_13{background-color:var(--purpur-color-purple-900)}._purpur-accordion--negative_u887g_13 ._purpur-accordion__title_u887g_4{color:var(--purpur-color-text-default-negative)}._purpur-accordion-
|
|
1
|
+
._purpur-accordion_u887g_1{container:accordion/inline-size}._purpur-accordion_u887g_1 ._purpur-accordion__title_u887g_4{margin-bottom:var(--purpur-spacing-300);color:var(--purpur-color-text-default)}@container accordion (min-width: 600px){._purpur-accordion_u887g_1 ._purpur-accordion__title_u887g_4{margin-bottom:var(--purpur-spacing-400)}}._purpur-accordion--negative_u887g_13{background-color:var(--purpur-color-purple-900)}._purpur-accordion--negative_u887g_13 ._purpur-accordion__title_u887g_4{color:var(--purpur-color-text-default-negative)}._purpur-accordion-item_uophb_1{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item_uophb_1:has(button:hover){border-bottom-color:transparent}._purpur-accordion-item_uophb_1:has([aria-hidden=false]) ._purpur-accordion-item__contentText_uophb_7{overflow:visible}._purpur-accordion-item_uophb_1:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item__header_uophb_13{display:flex}._purpur-accordion-item__trigger_uophb_16{border:none;padding:0;width:100%;text-align:left;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;background-color:transparent;transition:background-color var(--purpur-motion-duration-150) ease;display:flex;align-items:center;justify-content:space-between;column-gap:var(--purpur-spacing-100);padding:var(--purpur-spacing-200) var(--purpur-spacing-200) var(--purpur-spacing-200) 0;cursor:pointer;outline:none}@container accordion (min-width: 600px){._purpur-accordion-item__trigger_uophb_16{padding:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300) 0}}@container accordion (min-width: 1024px){._purpur-accordion-item__trigger_uophb_16{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) var(--purpur-spacing-400) 0}}._purpur-accordion-item__trigger_uophb_16[data-state=open]>._purpur-accordion-item__trigger__icon_uophb_46{transform:rotate(180deg)}._purpur-accordion-item__trigger_uophb_16:hover{background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-accordion-item__trigger_uophb_16:hover ._purpur-accordion-item__title_uophb_52,._purpur-accordion-item__trigger_uophb_16:hover__icon{color:var(--purpur-color-text-interactive-primary-hover)}._purpur-accordion-item__trigger_uophb_16:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-accordion-item__trigger_uophb_16:active ._purpur-accordion-item__title_uophb_52,._purpur-accordion-item__trigger_uophb_16:active__icon{color:var(--purpur-color-text-interactive-primary-active)}._purpur-accordion-item__trigger_uophb_16:focus-visible{outline:none;box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);box-sizing:content-box}._purpur-accordion-item__rotate_uophb_66>._purpur-accordion-item__icon_uophb_66{transform:rotate(180deg)}._purpur-accordion-item__content_uophb_7{display:grid;grid-template-rows:1fr;padding:var(--purpur-spacing-200) 0;transition:var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out);transition-property:grid-template-rows,padding}._purpur-accordion-item__content_uophb_7[aria-hidden=true]{grid-template-rows:0fr;padding:0;visibility:hidden}._purpur-accordion-item__contentText_uophb_7{overflow:hidden;max-width:calc(var(--purpur-spacing-1200) / .16)}._purpur-accordion-item__icon_uophb_66{flex-shrink:0;height:var(--purpur-spacing-300);width:var(--purpur-spacing-300);transition:transform var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item_uophb_1 ._purpur-accordion-item__title_uophb_52{max-width:100%}._purpur-accordion-item_uophb_1 ._purpur-accordion-item__title_uophb_52,._purpur-accordion-item__icon_uophb_66{color:var(--purpur-color-text-interactive-primary)}._purpur-accordion-item__contentText_uophb_7 p{color:var(--purpur-color-text-default)}._purpur-accordion-item--negative_uophb_100{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_uophb_100:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__title_uophb_52,._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__icon_uophb_66{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__trigger_uophb_16:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__trigger_uophb_16:hover ._purpur-accordion-item__title_uophb_52,._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__trigger_uophb_16:hover ._purpur-accordion-item__icon_uophb_66{color:var(--purpur-color-border-interactive-primary-negative-hover)}._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__trigger_uophb_16:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__trigger_uophb_16:active ._purpur-accordion-item__title_uophb_52,._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__trigger_uophb_16:active ._purpur-accordion-item__icon_uophb_66{color:var(--purpur-color-border-interactive-primary-negative-active)}._purpur-accordion-item--negative_uophb_100 ._purpur-accordion-item__contentText_uophb_7 p{color:var(--purpur-color-text-default-negative)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/accordion",
|
|
3
|
-
"version": "5.27.
|
|
3
|
+
"version": "5.27.4",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/accordion.cjs.js",
|
|
6
6
|
"types": "./dist/accordion.d.ts",
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
"source": "src/accordion.tsx",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"classnames": "~2.5.0",
|
|
18
|
-
"@purpurds/tokens": "5.27.
|
|
19
|
-
"@purpurds/heading": "5.27.
|
|
20
|
-
"@purpurds/paragraph": "5.27.
|
|
21
|
-
"@purpurds/icon": "5.27.
|
|
18
|
+
"@purpurds/tokens": "5.27.4",
|
|
19
|
+
"@purpurds/heading": "5.27.4",
|
|
20
|
+
"@purpurds/paragraph": "5.27.4",
|
|
21
|
+
"@purpurds/icon": "5.27.4"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@rushstack/eslint-patch": "~1.10.0",
|
|
@@ -7,6 +7,11 @@
|
|
|
7
7
|
&:has(button:hover) {
|
|
8
8
|
border-bottom-color: transparent;
|
|
9
9
|
}
|
|
10
|
+
|
|
11
|
+
&:has([aria-hidden="false"]) &__contentText {
|
|
12
|
+
overflow: visible;
|
|
13
|
+
}
|
|
14
|
+
|
|
10
15
|
&:nth-of-type(1) {
|
|
11
16
|
border-top: var(--purpur-border-width-xs) solid var(--purpur-color-border-weak);
|
|
12
17
|
}
|
|
@@ -46,6 +51,7 @@
|
|
|
46
51
|
&[data-state="open"] > &__icon {
|
|
47
52
|
transform: rotate(180deg);
|
|
48
53
|
}
|
|
54
|
+
|
|
49
55
|
&:hover {
|
|
50
56
|
background-color: var(--purpur-color-background-interactive-transparent-hover);
|
|
51
57
|
|
|
@@ -75,7 +81,6 @@
|
|
|
75
81
|
}
|
|
76
82
|
|
|
77
83
|
&__content {
|
|
78
|
-
overflow: hidden;
|
|
79
84
|
display: grid;
|
|
80
85
|
grid-template-rows: 1fr;
|
|
81
86
|
padding: var(--purpur-spacing-200) 0;
|