@digital-b2c/coreui-kit 0.5.2 → 0.5.3

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

@@ -673,54 +673,40 @@ function resolveCompoundSlots(children, slots) {
   return resolved;
 }
 
-// src/components/primitives/Container/Container.module.scss
-var Container_module_default = {
-  container: "Container_module_container"
-};
-var Container = React52.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx19__default.default(Container_module_default.container, className) }, props), { children }));
-  }
-);
-Container.displayName = "Container";
-
 // src/components/Card/Card.module.scss
 var Card_module_default = {
   card: "Card_module_card",
   logo: "Card_module_logo",
   subtitle: "Card_module_subtitle"
 };
-var Card = ({ className, title, subtitle, cta, icon, logo, children, ref }) => {
-  var _a, _b;
-  const { url: href, label, isExternal } = cta != null ? cta : {};
-  const slots = resolveCompoundSlots(children, {
-    title: CardTitle,
-    subtitle: CardSubtitle
-  });
-  const titleNode = (_a = slots.title) != null ? _a : title;
-  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  console.log(href && !label, href, !label);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ConditionalWrapper,
-    __spreadProps(__spreadValues({
-      ref,
-      className: clsx19__default.default(Card_module_default.card, className),
-      wrapper: Anchor,
-      fallback: "div",
-      condition: href && !label
-    }, href ? { href, isExternal } : {}), {
-      children: [
-        (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Card_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: Card_module_default.logo }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "h4", children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
-        ] }),
-        (cta == null ? void 0 : cta.label) && /* @__PURE__ */ jsxRuntime.jsx(Button, { href: cta.url, isExternal: cta.isExternal, variant: "secondary", icon: cta.icon, children: cta.label })
-      ]
-    })
-  );
-};
+var Card = React52.forwardRef(
+  ({ className, title, subtitle, cta, icon, logo, children }, ref) => {
+    var _a, _b;
+    const slots = resolveCompoundSlots(children, {
+      title: CardTitle,
+      subtitle: CardSubtitle
+    });
+    const titleNode = (_a = slots.title) != null ? _a : title;
+    const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx19__default.default(Card_module_default.card, className), children: [
+      (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Card_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: Card_module_default.logo }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
+        titleNode && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "h4", children: titleNode }),
+        subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
+      ] }),
+      cta && /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          href: cta.url,
+          isExternal: cta.isExternal,
+          variant: "secondary",
+          icon: cta.url ? "rightBlack" : void 0,
+          children: cta.label
+        }
+      )
+    ] });
+  }
+);
 Card.displayName = "Card";
 
 // src/components/Card/index.ts
@@ -883,6 +869,18 @@ var Pagination = ({
   ] });
 };
 
+// src/components/primitives/Container/Container.module.scss
+var Container_module_default = {
+  container: "Container_module_container"
+};
+var Container = React52.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx19__default.default(Container_module_default.container, className) }, props), { children }));
+  }
+);
+Container.displayName = "Container";
+
 // src/components/PracticeCard/PracticeCard.module.scss
 var PracticeCard_module_default = {
   "practice-card": "PracticeCard_module_practice-card",
@@ -931,7 +929,6 @@ var CardCollection_module_default = {
   wrapper: "CardCollection_module_wrapper",
   cardWrapper: "CardCollection_module_cardWrapper",
   threeCols: "CardCollection_module_threeCols",
-  fourCols: "CardCollection_module_fourCols",
   examCard: "CardCollection_module_examCard",
   "reveal-wrapper": "CardCollection_module_reveal-wrapper",
   "reveal-inner": "CardCollection_module_reveal-inner",
@@ -1787,71 +1784,38 @@ var TextEvent2 = Object.assign(TextEvent, {
   Title: TextEventTitle,
   RichText: TextEventRichText
 });
-var TextCenterCtaInBottomTitle = ({ children }) => {
+
+// src/widgets/TextBody/TextBody.module.scss
+var TextBody_module_default = {
+  textBody: "TextBody_module_textBody",
+  body: "TextBody_module_body",
+  title: "TextBody_module_title"
+};
+var TextBodyTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
-var TextCenterCtaInBottomSubtitle = ({ children }) => {
+var TextBodyBody = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
-
-// src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss
-var TextCenterCtaInBottom_module_default = {
-  textCenterCta: "TextCenterCtaInBottom_module_textCenterCta",
-  container: "TextCenterCtaInBottom_module_container",
-  content: "TextCenterCtaInBottom_module_content",
-  title: "TextCenterCtaInBottom_module_title",
-  subtitle: "TextCenterCtaInBottom_module_subtitle",
-  ctaWrapper: "TextCenterCtaInBottom_module_ctaWrapper",
-  iconOnly: "TextCenterCtaInBottom_module_iconOnly",
-  cta: "TextCenterCtaInBottom_module_cta"
-};
-var TextCenterCtaInBottom = ({
-  className,
-  title,
-  subtitle,
-  ctas,
-  children
-}) => {
+var TextBody = (props) => {
   var _a, _b;
+  const { className, body, title, children } = props;
   const slots = resolveCompoundSlots(children, {
-    title: TextCenterCtaInBottomTitle,
-    subtitle: TextCenterCtaInBottomSubtitle
+    title: TextBodyTitle,
+    body: TextBodyBody
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
-      titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
-      subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
-    ] }),
-    (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: clsx19__default.default(
-          TextCenterCtaInBottom_module_default.ctaWrapper,
-          ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
-        ),
-        children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            className: TextCenterCtaInBottom_module_default.cta,
-            variant: "secondary",
-            href: cta == null ? void 0 : cta.url,
-            isExternal: cta == null ? void 0 : cta.isExternal,
-            logo: cta.logo,
-            children: cta == null ? void 0 : cta.label
-          },
-          key
-        ))
-      }
-    )
-  ] }) });
+  const bodyNode = (_b = slots.body) != null ? _b : body;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx19__default.default(TextBody_module_default.textBody, className), children: [
+    titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
+  ] });
 };
 
-// src/widgets/TextCenterCtaInBottom/index.ts
-var TextCenterCtaInBottom2 = Object.assign(TextCenterCtaInBottom, {
-  Title: TextCenterCtaInBottomTitle,
-  Subtitle: TextCenterCtaInBottomSubtitle
+// src/widgets/TextBody/index.ts
+var TextBody2 = Object.assign(TextBody, {
+  Title: TextBodyTitle,
+  Body: TextBodyBody
 });
 function useIntersectionObserver({
   animateOnce = false,
@@ -1904,7 +1868,7 @@ exports.PracticeCard = PracticeCard;
 exports.PracticePathCards = PracticePathCards2;
 exports.Teaser5050With3Text = Teaser5050With3Text2;
 exports.Teaser5050WithCta = Teaser5050WithCta2;
-exports.TextCenterCtaInBottom = TextCenterCtaInBottom2;
+exports.TextBody = TextBody2;
 exports.TextEvent = TextEvent2;
 exports.resolveCompoundSlots = resolveCompoundSlots;
 exports.svgs = svgs;