@x-plat/design-system 0.1.2 → 0.1.4

package/dist/components/Accordion/index.css

@@ -0,0 +1,51 @@
+/* src/components/Accordion/accordion.scss */
+.lib-xplat-accordion {
+  border: 1px solid #E5E5E5;
+  border-radius: 0.5rem;
+  overflow: hidden;
+}
+.lib-xplat-accordion .accordion-item {
+  border-bottom: 1px solid #E5E5E5;
+}
+.lib-xplat-accordion .accordion-item:last-child {
+  border-bottom: none;
+}
+.lib-xplat-accordion .accordion-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0.875rem 1rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  color: #171717;
+  text-align: left;
+  transition: background-color 0.2s;
+}
+.lib-xplat-accordion .accordion-header:hover {
+  background-color: #FAFAFA;
+}
+.lib-xplat-accordion .accordion-header .chevron {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  transition: transform 0.25s ease;
+  color: #737373;
+}
+.lib-xplat-accordion .accordion-body {
+  overflow: hidden;
+  max-height: 0;
+  transition: max-height 0.25s ease;
+}
+.lib-xplat-accordion .accordion-content {
+  padding: 0 1rem 0.875rem;
+  font-size: 14px;
+  color: #525252;
+  line-height: 1.6;
+}
+.lib-xplat-accordion .accordion-item.open .chevron {
+  transform: rotate(180deg);
+}

package/dist/components/Accordion/index.d.cts

@@ -0,0 +1,16 @@
+import React from 'react';
+
+interface AccordionItemData {
+    key: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+}
+interface AccordionProps {
+    items: AccordionItemData[];
+    multiple?: boolean;
+    defaultActiveKeys?: string[];
+    className?: string;
+}
+declare const Accordion: React.FC<AccordionProps>;
+
+export { Accordion };

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+
+interface AccordionItemData {
+    key: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+}
+interface AccordionProps {
+    items: AccordionItemData[];
+    multiple?: boolean;
+    defaultActiveKeys?: string[];
+    className?: string;
+}
+declare const Accordion: React.FC<AccordionProps>;
+
+export { Accordion };