@digital-b2c/coreui-kit 0.19.2 → 0.20.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

@@ -5877,6 +5877,67 @@ var BrandsTab = (props) => {
 
 // src/widgets/BrandsTab/index.tsx
 var BrandsTab2 = Object.assign(BrandsTab, {});
+
+// src/widgets/TimelineCards/TimelineCards.module.scss
+var TimelineCards_module_default = {
+  "timeline-cards": "TimelineCards_module_timeline-cards",
+  "timeline-steps": "TimelineCards_module_timeline-steps",
+  "step-container": "TimelineCards_module_step-container",
+  "step-content": "TimelineCards_module_step-content",
+  "timeline-cards-container": "TimelineCards_module_timeline-cards-container",
+  "timeline-card-item": "TimelineCards_module_timeline-card-item",
+  card: "TimelineCards_module_card",
+  "card-text": "TimelineCards_module_card-text",
+  "timeline-cards-text": "TimelineCards_module_timeline-cards-text",
+  container: "TimelineCards_module_container",
+  wrapper: "TimelineCards_module_wrapper",
+  "card-logo": "TimelineCards_module_card-logo",
+  "step-divider": "TimelineCards_module_step-divider"
+};
+var TimelineCard = ({ text, logo }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(TimelineCards_module_default["card"]), children: [
+    logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: TimelineCards_module_default["card-logo"] }, logo)),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default(TimelineCards_module_default["card-text"]), children: text })
+  ] });
+};
+var TimelineSteps = ({ length }) => {
+  if (length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: clsx50__default.default(TimelineCards_module_default["timeline-steps"]), children: Array.from({ length }).map((_, index) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(React72.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("li", { className: clsx50__default.default(TimelineCards_module_default["step-container"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default(TimelineCards_module_default["step-content"]), "aria-hidden": "true", children: index + 1 }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+          "Step ",
+          index + 1,
+          " of ",
+          length
+        ] })
+      ] }),
+      index < length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: clsx50__default.default(TimelineCards_module_default["step-divider"]), role: "presentation" }) : null
+    ] }, index);
+  }) });
+};
+var TimelineCards = ({ captionText, cards, className }) => {
+  const slicedCards = cards == null ? void 0 : cards.slice(0, 3);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(TimelineCards_module_default["timeline-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default(TimelineCards_module_default["container"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(TimelineCards_module_default["wrapper"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TimelineSteps, { length: (slicedCards == null ? void 0 : slicedCards.length) || 0 }),
+      /* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 3, gap: 16, className: clsx50__default.default(TimelineCards_module_default["timeline-cards-container"]), children: slicedCards == null ? void 0 : slicedCards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        GridItem,
+        {
+          colSpan: { md: 3 },
+          className: clsx50__default.default(TimelineCards_module_default["timeline-card-item"]),
+          children: /* @__PURE__ */ jsxRuntime.jsx(TimelineCard, __spreadValues({}, card))
+        },
+        index
+      )) })
+    ] }),
+    captionText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx50__default.default(TimelineCards_module_default["timeline-cards-text"]), children: captionText })
+  ] }) });
+};
+
+// src/widgets/TimelineCards/index.tsx
+var TimelineCards2 = Object.assign(TimelineCards, {});
 function useIntersectionObserver({
   animateOnce = false,
   options = {}
@@ -5958,6 +6019,7 @@ exports.TextBody = TextBody2;
 exports.TextCenterCtaInBottom = TextCenterCtaInBottom2;
 exports.TextCenterWithMedia = TextCenterWithMedia2;
 exports.TextEvent = TextEvent2;
+exports.TimelineCards = TimelineCards2;
 exports.TwoColTextMenu = TwoColTextMenu;
 exports.UpcomingEventCard = UpcomingEventCard;
 exports.UserMenu = UserMenu;