@wallarm-org/design-system 0.37.0 → 0.38.0

package/dist/theme/components/accordion.css

@@ -0,0 +1,24 @@
+/**
+ * Expand/collapse keyframes for the Accordion content.
+ *
+ * Zag/Ark UI exposes the measured content size on the content element as the
+ * `--height` CSS variable while `data-state` toggles between `open` and
+ * `closed`. The keyframes animate height between `0` and that measured value.
+ */
+@keyframes ds-accordion-down {
+    from {
+        height: 0;
+    }
+    to {
+        height: var(--height);
+    }
+}
+
+@keyframes ds-accordion-up {
+    from {
+        height: var(--height);
+    }
+    to {
+        height: 0;
+    }
+}

package/dist/theme/index.css

@@ -19,6 +19,7 @@
 @import './components/dialog.css';
 @import './components/tour.css';
 @import './components/skeleton.css';
+@import './components/accordion.css';
 
 [data-scope='scroll-area'][data-part='viewport'] {
     scrollbar-width: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.37.0",
+  "version": "0.38.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",