@purpurds/accordion 5.34.4 → 6.0.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/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 +98 -104
- 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 +1 -1
- package/src/accordion-item.tsx +1 -1
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_12e59_1{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item_12e59_1:has(button:not([data-state=close]):hover){border-bottom-color:transparent}._purpur-accordion-item_12e59_1:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item__header_12e59_10{display:flex}._purpur-accordion-item__trigger_12e59_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_12e59_13{padding:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300) 0}}@container accordion (min-width: 1024px){._purpur-accordion-item__trigger_12e59_13{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) var(--purpur-spacing-400) 0}}._purpur-accordion-item__trigger_12e59_13[data-state=open]>._purpur-accordion-item__trigger__icon_12e59_43{transform:rotate(180deg)}._purpur-accordion-item__trigger_12e59_13:hover{background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-accordion-item__trigger_12e59_13:hover ._purpur-accordion-item__title_12e59_49,._purpur-accordion-item__trigger_12e59_13:hover ._purpur-accordion-item__icon_12e59_50{color:var(--purpur-color-text-interactive-primary-hover)}._purpur-accordion-item__trigger_12e59_13:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-accordion-item__trigger_12e59_13:active ._purpur-accordion-item__title_12e59_49,._purpur-accordion-item__trigger_12e59_13:active ._purpur-accordion-item__icon_12e59_50{color:var(--purpur-color-text-interactive-primary-active)}._purpur-accordion-item__trigger_12e59_13:focus-visible{outline:none;box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus)}._purpur-accordion-item__rotate_12e59_64>._purpur-accordion-item__icon_12e59_50{transform:rotate(180deg)}._purpur-accordion-item__content_12e59_67{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_12e59_67[aria-hidden=true]{grid-template-rows:0fr;padding:0;visibility:hidden}._purpur-accordion-item__contentText_12e59_78{max-width:calc(var(--purpur-spacing-1200) / .16)}._purpur-accordion-item__contentText_12e59_78:not(:has(:focus)){overflow:hidden}._purpur-accordion-item__icon_12e59_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_12e59_1 ._purpur-accordion-item__title_12e59_49{max-width:100%}._purpur-accordion-item_12e59_1 ._purpur-accordion-item__title_12e59_49,._purpur-accordion-item__icon_12e59_50{color:var(--purpur-color-text-interactive-primary)}._purpur-accordion-item__contentText_12e59_78 p{color:var(--purpur-color-text-default)}._purpur-accordion-item--negative_12e59_99{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_12e59_99:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__title_12e59_49,._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__icon_12e59_50{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__trigger_12e59_13:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__trigger_12e59_13:hover ._purpur-accordion-item__title_12e59_49,._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__trigger_12e59_13:hover ._purpur-accordion-item__icon_12e59_50{color:var(--purpur-color-border-interactive-primary-negative-hover)}._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__trigger_12e59_13:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__trigger_12e59_13:active ._purpur-accordion-item__title_12e59_49,._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__trigger_12e59_13:active ._purpur-accordion-item__icon_12e59_50{color:var(--purpur-color-border-interactive-primary-negative-active)}._purpur-accordion-item--negative_12e59_99 ._purpur-accordion-item__contentText_12e59_78 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": "
|
|
3
|
+
"version": "6.0.0",
|
|
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
|
"source": "src/accordion.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/tokens": "
|
|
20
|
-
"@purpurds/
|
|
21
|
-
"@purpurds/
|
|
22
|
-
"@purpurds/heading": "
|
|
19
|
+
"@purpurds/tokens": "6.0.0",
|
|
20
|
+
"@purpurds/paragraph": "6.0.0",
|
|
21
|
+
"@purpurds/icon": "6.0.0",
|
|
22
|
+
"@purpurds/heading": "6.0.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@rushstack/eslint-patch": "~1.10.0",
|
package/src/accordion-item.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import type { ReactNode } from "react";
|
|
|
2
2
|
import React, { useContext, useId, useState } from "react";
|
|
3
3
|
import type { HeadingTagType } from "@purpurds/heading";
|
|
4
4
|
import { Heading } from "@purpurds/heading";
|
|
5
|
-
import { IconChevronDown } from "@purpurds/icon";
|
|
5
|
+
import { IconChevronDown } from "@purpurds/icon/chevron-down";
|
|
6
6
|
import { Paragraph } from "@purpurds/paragraph";
|
|
7
7
|
import c from "classnames/bind";
|
|
8
8
|
|