@purpurds/accordion 5.27.5 → 5.28.1-pr-15202-12116853740
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 +118 -118
- 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 +2 -2
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_1kktd_1{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item_1kktd_1:has(button:hover){border-bottom-color:transparent}._purpur-accordion-item_1kktd_1:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item__header_1kktd_10{display:flex}._purpur-accordion-item__trigger_1kktd_13{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_1kktd_13{padding:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300) 0}}@container accordion (min-width: 1024px){._purpur-accordion-item__trigger_1kktd_13{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) var(--purpur-spacing-400) 0}}._purpur-accordion-item__trigger_1kktd_13[data-state=open]>._purpur-accordion-item__trigger__icon_1kktd_43{transform:rotate(180deg)}._purpur-accordion-item__trigger_1kktd_13:hover{background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-accordion-item__trigger_1kktd_13:hover ._purpur-accordion-item__title_1kktd_49,._purpur-accordion-item__trigger_1kktd_13:hover ._purpur-accordion-item__icon_1kktd_50{color:var(--purpur-color-text-interactive-primary-hover)}._purpur-accordion-item__trigger_1kktd_13:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-accordion-item__trigger_1kktd_13:active ._purpur-accordion-item__title_1kktd_49,._purpur-accordion-item__trigger_1kktd_13:active ._purpur-accordion-item__icon_1kktd_50{color:var(--purpur-color-text-interactive-primary-active)}._purpur-accordion-item__trigger_1kktd_13: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_1kktd_65>._purpur-accordion-item__icon_1kktd_50{transform:rotate(180deg)}._purpur-accordion-item__content_1kktd_68{display:grid;grid-template-rows:1fr;padding:var(--purpur-spacing-200) 0;transition:padding var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out),grid-template-rows var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}._purpur-accordion-item__content_1kktd_68[aria-hidden=true]{grid-template-rows:0fr;padding:0;visibility:hidden}._purpur-accordion-item__contentText_1kktd_79{max-width:calc(var(--purpur-spacing-1200) / .16)}._purpur-accordion-item__contentText_1kktd_79:not(:has(:focus)){overflow:hidden}._purpur-accordion-item__icon_1kktd_50{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_1kktd_1 ._purpur-accordion-item__title_1kktd_49{max-width:100%}._purpur-accordion-item_1kktd_1 ._purpur-accordion-item__title_1kktd_49,._purpur-accordion-item__icon_1kktd_50{color:var(--purpur-color-text-interactive-primary)}._purpur-accordion-item__contentText_1kktd_79 p{color:var(--purpur-color-text-default)}._purpur-accordion-item--negative_1kktd_100{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_1kktd_100:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__title_1kktd_49,._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__icon_1kktd_50{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__trigger_1kktd_13:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__trigger_1kktd_13:hover ._purpur-accordion-item__title_1kktd_49,._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__trigger_1kktd_13:hover ._purpur-accordion-item__icon_1kktd_50{color:var(--purpur-color-border-interactive-primary-negative-hover)}._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__trigger_1kktd_13:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__trigger_1kktd_13:active ._purpur-accordion-item__title_1kktd_49,._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__trigger_1kktd_13:active ._purpur-accordion-item__icon_1kktd_50{color:var(--purpur-color-border-interactive-primary-negative-active)}._purpur-accordion-item--negative_1kktd_100 ._purpur-accordion-item__contentText_1kktd_79 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.
|
|
3
|
+
"version": "5.28.1-pr-15202-12116853740",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/accordion.cjs.js",
|
|
6
6
|
"types": "./dist/accordion.d.ts",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
},
|
|
15
15
|
"source": "src/accordion.tsx",
|
|
16
16
|
"dependencies": {
|
|
17
|
+
"@purpurds/tokens": "5.28.1-pr-15202-12116853740",
|
|
17
18
|
"classnames": "~2.5.0",
|
|
18
|
-
"@purpurds/
|
|
19
|
-
"@purpurds/heading": "5.
|
|
20
|
-
"@purpurds/paragraph": "5.
|
|
21
|
-
"@purpurds/icon": "5.27.5"
|
|
19
|
+
"@purpurds/icon": "5.28.1-pr-15202-12116853740",
|
|
20
|
+
"@purpurds/heading": "5.28.1-pr-15202-12116853740",
|
|
21
|
+
"@purpurds/paragraph": "5.28.1-pr-15202-12116853740"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@rushstack/eslint-patch": "~1.10.0",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
background-color: var(--purpur-color-background-interactive-transparent-hover);
|
|
53
53
|
|
|
54
54
|
#{$root}__title,
|
|
55
|
-
|
|
55
|
+
#{$root}__icon {
|
|
56
56
|
color: var(--purpur-color-text-interactive-primary-hover);
|
|
57
57
|
}
|
|
58
58
|
}
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
background-color: var(--purpur-color-background-interactive-transparent-active);
|
|
62
62
|
|
|
63
63
|
#{$root}__title,
|
|
64
|
-
|
|
64
|
+
#{$root}__icon {
|
|
65
65
|
color: var(--purpur-color-text-interactive-primary-active);
|
|
66
66
|
}
|
|
67
67
|
}
|