iryx-ui 0.17.0 → 0.17.1

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.
Files changed (3) hide show
  1. package/dist/theme/accordion.js +1 -1
  2. package/package.json +1 -1
  3. package/theme.css +8 -0
package/dist/theme/accordion.js CHANGED
@@ -7,7 +7,7 @@ var t = e({
7
7
  header: "flex",
8
8
  trigger: "group/trigger flex flex-1 items-center justify-between gap-4 py-4 text-left text-sm font-medium transition-colors outline-none hover:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50",
9
9
  icon: "size-4 shrink-0 text-muted-foreground transition-[rotate] duration-200 ease-out group-data-[state=open]/trigger:rotate-180",
10
- content: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
10
+ content: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-collapsible-down",
11
11
  contentInner: "pb-4"
12
12
  },
13
13
  variants: { variant: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "iryx-ui",
3
3
  "type": "module",
4
- "version": "0.17.0",
4
+ "version": "0.17.1",
5
5
  "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
6
6
  "author": "therok1",
7
7
  "license": "MIT",
package/theme.css CHANGED
@@ -221,6 +221,14 @@
221
221
  --iryx-collapsible-ease: cubic-bezier(0.32, 0.72, 0, 1);
222
222
  --animate-collapsible-down: collapsible-down 240ms var(--iryx-collapsible-ease);
223
223
  --animate-collapsible-up: collapsible-up 180ms var(--iryx-collapsible-ease);
224
+ /*
225
+ * An accordion closes at the speed it opens, unlike a lone collapsible.
226
+ * Its panels move in pairs — one shutting while its sibling unrolls — and a
227
+ * quicker close finishes first, so the page is briefly shorter than either
228
+ * end state and everything below rides up a few pixels and drops back.
229
+ * Matched durations sum to a smooth interpolation between the two states.
230
+ */
231
+ --animate-accordion-up: collapsible-up 240ms var(--iryx-collapsible-ease);
224
232
  /*
225
233
  * The rows lift and fade as two animations, not one keyframe set, because
226
234
  * they want different curves. On the shared emphasized ease the opacity is