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

@@ -1312,8 +1312,10 @@ var MiniBannerSubtitle = ({ children }) => {
 var MiniBanner_module_default = {
   minibanner: "MiniBanner_module_minibanner",
   background: "MiniBanner_module_background",
+  wrapper: "MiniBanner_module_wrapper",
   textContainer: "MiniBanner_module_textContainer",
   logo: "MiniBanner_module_logo",
+  pretitle: "MiniBanner_module_pretitle",
   headingWrapper: "MiniBanner_module_headingWrapper",
   title: "MiniBanner_module_title",
   ctaContainer: "MiniBanner_module_ctaContainer",
@@ -1347,37 +1349,39 @@ var MiniBanner = ({
   const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx19__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx19__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
-      (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
-      pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "small", children: pretitleNode }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
-      subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: clsx19__default.default(MiniBanner_module_default.title, {
-            subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
-            h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
-          }),
-          children: subtitleNode
-        }
-      )
-    ] }),
-    cta && cta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          href: cta2.url,
-          isExternal: cta2.isExternal,
-          variant: "secondary",
-          fullWidth: isTabletBelow,
-          logo: cta2.logo,
-          children: cta2.label
-        },
-        key
-      );
-    }) })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
+        (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
+        pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
+        subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: clsx19__default.default(MiniBanner_module_default.title, {
+              subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
+              h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
+            }),
+            children: subtitleNode
+          }
+        )
+      ] }),
+      cta && cta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            href: cta2.url,
+            isExternal: cta2.isExternal,
+            variant: "secondary",
+            fullWidth: isTabletBelow,
+            logo: cta2.logo,
+            children: cta2.label
+          },
+          key
+        );
+      }) })
+    ] })
   ] });
 };
 
@@ -1732,6 +1736,54 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
 var EventList2 = Object.assign(EventList, {
   Title: EventListTitle
 });
+var Text = (_a) => {
+  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
+  const Component = promoteToH1 ? "h1" : tag;
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
+};
+Text.displayName = "Text";
+
+// src/widgets/TextEvent/TextEvent.module.scss
+var TextEvent_module_default = {
+  h1: "TextEvent_module_h1",
+  h2: "TextEvent_module_h2",
+  h3: "TextEvent_module_h3",
+  textEvent: "TextEvent_module_textEvent",
+  richText: "TextEvent_module_richText",
+  h4: "TextEvent_module_h4",
+  subheading: "TextEvent_module_subheading",
+  body: "TextEvent_module_body",
+  small: "TextEvent_module_small",
+  smallest: "TextEvent_module_smallest",
+  title: "TextEvent_module_title",
+  "table-center": "TextEvent_module_table-center"
+};
+var TextEventTitle = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+var TextEventRichText = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+var TextEvent = (props) => {
+  var _a, _b;
+  const { className, richText, title, variant, children } = props;
+  const slots = resolveCompoundSlots(children, {
+    title: TextEventTitle,
+    richText: TextEventRichText
+  });
+  const titleNode = (_a = slots.title) != null ? _a : title;
+  const richTextNode = (_b = slots.richText) != null ? _b : richText;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx19__default.default(TextEvent_module_default.textEvent, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+  ] });
+};
+
+// src/widgets/TextEvent/index.ts
+var TextEvent2 = Object.assign(TextEvent, {
+  Title: TextEventTitle,
+  RichText: TextEventRichText
+});
 function useIntersectionObserver({
   animateOnce = false,
   options = {}
@@ -1783,6 +1835,7 @@ exports.PracticeCard = PracticeCard;
 exports.PracticePathCards = PracticePathCards2;
 exports.Teaser5050With3Text = Teaser5050With3Text2;
 exports.Teaser5050WithCta = Teaser5050WithCta2;
+exports.TextEvent = TextEvent2;
 exports.resolveCompoundSlots = resolveCompoundSlots;
 exports.svgs = svgs;
 exports.useIntersectionObserver = useIntersectionObserver;