@digital-b2c/coreui-kit 0.25.0 → 0.26.0

package/LICENSE.txt

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Luxottica
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Luxottica
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,52 +1,52 @@
-# CoreUI Kit
-
-A React‑based design system and component library.
-
-## 🚀 Getting Started
-
-Install
-
-```bash
-npm install
-```
-
-Development
-
-- Run the build in watch mode
-
-```bash
-npm run dev
-```
-
-Start Storybook
-
-```bash
-npm run storybook
-```
-
-Run tests
-
-```bash
-npm test
-```
-
-Lint/format
-
-```bash
-npm run lint
-```
-
-## 🛠️ Usage
-
-Import components in other projects:
-
-```ts
-import '@digital-b2c/coreui-kit/styles.css'
-
-import { MiniSectionCta } from '@digital-b2c/coreui-kit'
-
-<MiniSectionCta>
-  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
-  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
-</MiniSectionCta>
-```
+# CoreUI Kit
+
+A React‑based design system and component library.
+
+## 🚀 Getting Started
+
+Install
+
+```bash
+npm install
+```
+
+Development
+
+- Run the build in watch mode
+
+```bash
+npm run dev
+```
+
+Start Storybook
+
+```bash
+npm run storybook
+```
+
+Run tests
+
+```bash
+npm test
+```
+
+Lint/format
+
+```bash
+npm run lint
+```
+
+## 🛠️ Usage
+
+Import components in other projects:
+
+```ts
+import '@digital-b2c/coreui-kit/styles.css'
+
+import { MiniSectionCta } from '@digital-b2c/coreui-kit'
+
+<MiniSectionCta>
+  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
+  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
+</MiniSectionCta>
+```

package/dist/index.cjs

@@ -3066,7 +3066,8 @@ var Accordion_module_default = {
   accordionHeaderLeft: "Accordion_module_accordionHeaderLeft",
   accordionChevron: "Accordion_module_accordionChevron",
   accordionContent: "Accordion_module_accordionContent",
-  accordionContentInner: "Accordion_module_accordionContentInner"
+  accordionContentInner: "Accordion_module_accordionContentInner",
+  accordionContentDivider: "Accordion_module_accordionContentDivider"
 };
 var AccordionItem = ({
   id,
@@ -3075,6 +3076,7 @@ var AccordionItem = ({
   isOpen = false,
   onToggle,
   renderItemHeader,
+  hasDivider,
   className
 }) => {
   const contentRef = React72.useRef(null);
@@ -3118,6 +3120,7 @@ var AccordionItem = ({
     "div",
     {
       className: clsx65__default.default(
+        "accordionItem",
         Accordion_module_default.accordionItem,
         {
           [Accordion_module_default.accordionItemOpen]: isOpen
@@ -3170,6 +3173,13 @@ var AccordionItem = ({
               }
             )
           }
+        ),
+        hasDivider && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: clsx65__default.default("accordionContentDivider", Accordion_module_default.accordionContentDivider),
+            "aria-hidden": "true"
+          }
         )
       ]
     }
@@ -3211,6 +3221,7 @@ var Accordion = ({
         isOpen: openIds.includes(item.id),
         onToggle: handleToggle,
         renderItemHeader: item.renderItemHeader,
+        hasDivider: item.hasDivider,
         children: item.content
       },
       item.id
@@ -6345,6 +6356,81 @@ var TextFootnote2 = Object.assign(TextFootnote, {
   Title: TextFootnoteTitle,
   Body: TextFootnoteBody
 });
+
+// src/widgets/Faq/Faq.module.scss
+var Faq_module_default = {
+  faq: "Faq_module_faq",
+  accordion: "Faq_module_accordion",
+  "accordion-header": "Faq_module_accordion-header",
+  "accordion-content": "Faq_module_accordion-content",
+  "accordion-title": "Faq_module_accordion-title",
+  accordionChevron: "Faq_module_accordionChevron",
+  collapsed: "Faq_module_collapsed"
+};
+var Faq = (props) => {
+  const { items, className } = props;
+  const accordionItems = React72.useMemo(() => {
+    return (items == null ? void 0 : items.map((item, index) => ({
+      id: index,
+      title: item.title,
+      content: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Faq_module_default["accordion-content"]), children: item.body }),
+      hasDivider: true,
+      renderItemHeader: ({ isOpen, toggle }) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            className: clsx65__default.default(Faq_module_default["accordion-header"], {
+              [Faq_module_default["accordion-header-open"]]: isOpen
+            }),
+            onClick: toggle,
+            "aria-expanded": isOpen,
+            "aria-label": `Toggle accordion item #${index + 1}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: clsx65__default.default(Faq_module_default["accordion-title"], {
+                    [Faq_module_default.accordionChevronOpen]: isOpen
+                  }),
+                  children: item.title
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: clsx65__default.default(Faq_module_default.accordionChevron, {
+                    [Faq_module_default.accordionChevronOpen]: isOpen
+                  }),
+                  children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(
+                    Icon,
+                    {
+                      type: "downChevronBlack",
+                      size: 40,
+                      stroke: "#949494",
+                      className: clsx65__default.default(Faq_module_default.collapsed)
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        );
+      }
+    }))) || [];
+  }, [items]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx65__default.default(Faq_module_default["faq"], className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    Accordion,
+    {
+      items: accordionItems,
+      allowMultiple: true,
+      defaultOpenIds: [],
+      className: clsx65__default.default(Faq_module_default["accordion"])
+    }
+  ) });
+};
+
+// src/widgets/Faq/index.tsx
+var Faq2 = Object.assign(Faq, {});
 function useIntersectionObserver({
   animateOnce = false,
   options = {}
@@ -6393,6 +6479,7 @@ exports.ContactModule = ContactModule2;
 exports.Container = Container;
 exports.CountingCard = CountingCard2;
 exports.EventList = EventList2;
+exports.Faq = Faq2;
 exports.FeaturedNewsHighlights = FeaturedNewsHighlights2;
 exports.FilterBar = FilterBar;
 exports.Footer = Footer;