@digital-b2c/coreui-kit 0.11.3 → 0.11.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +65 -63
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +6 -18
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +2 -1
  6. package/dist/index.d.ts +2 -1
  7. package/dist/index.mjs +12 -10
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -41,6 +41,7 @@ declare const svgs: {
41
41
  workhome: string;
42
42
  pdf: string;
43
43
  externalLink: string;
44
+ newIcon: string;
44
45
  blankCheckbox: string;
45
46
  blankCheckboxWhite: string;
46
47
  checkedBox: string;
@@ -504,7 +505,7 @@ interface HeroBannerCarouselItem {
504
505
  body: ReactNode;
505
506
  image: PictureProps;
506
507
  ctas: ICtaLogo[];
507
- cornerImage?: string;
508
+ isNewItem?: boolean;
508
509
  }
509
510
  interface HeroBannerCarouselProps {
510
511
  className?: string;
package/dist/index.d.ts CHANGED
@@ -41,6 +41,7 @@ declare const svgs: {
41
41
  workhome: string;
42
42
  pdf: string;
43
43
  externalLink: string;
44
+ newIcon: string;
44
45
  blankCheckbox: string;
45
46
  blankCheckboxWhite: string;
46
47
  checkedBox: string;
@@ -504,7 +505,7 @@ interface HeroBannerCarouselItem {
504
505
  body: ReactNode;
505
506
  image: PictureProps;
506
507
  ctas: ICtaLogo[];
507
- cornerImage?: string;
508
+ isNewItem?: boolean;
508
509
  }
509
510
  interface HeroBannerCarouselProps {
510
511
  className?: string;
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import clsx15 from 'clsx';
2
2
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
3
- import React63, { forwardRef, useId, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
3
+ import React64, { forwardRef, useId, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
4
4
  import gsap$1, { gsap } from 'gsap';
5
5
  import { useGSAP } from '@gsap/react';
6
6
  import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -130,6 +130,11 @@ var SvgIconWork = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadVa
130
130
  var icon_work_default = SvgIconWork;
131
131
  var SvgIconWorkhome = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 48, height: 48, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M35.5271 21.1696H39.1636V17.5583H35.5271V21.1696ZM35.5271 30.2333H39.1636V26.622H35.5271V30.2333ZM35.5271 39.2613H39.1636V35.65H35.5271V39.2613ZM0 48V26.6946L14.9455 16.078L29.8544 26.6946V48H19.3091V35.6863H10.5818V48H0ZM33.4909 48V24.7083L19.818 15.103V9H48V48H33.4909Z", fill: "white" }) }));
132
132
  var icon_workhome_default = SvgIconWorkhome;
133
+ var SvgIconNew = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 74, height: 44, viewBox: "0 0 74 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
134
+ /* @__PURE__ */ jsx("path", { d: "M0 0H74V36C74 40.4183 70.4183 44 66 44H0V0Z", fill: "#940000" }),
135
+ /* @__PURE__ */ jsx("path", { d: "M18.3 28V16.48H21.484L26.604 26.656L25.82 26.848V16.48H28.22V28H25.036L19.916 17.824L20.7 17.632V28H18.3ZM29.8156 28V16.48H32.2796V28H29.8156ZM30.9676 28V26.112H38.3916V28H30.9676ZM30.9676 23.04V21.184H37.8316V23.04H30.9676ZM30.9676 18.368V16.48H38.1996V18.368H30.9676ZM42.5264 28L39.2784 16.48H41.7744L44.4624 27.024H43.6784L46.0784 16.48H48.8784L51.2464 27.024H50.4784L53.1824 16.48H55.5664L52.3184 28H49.5664L47.1184 17.664H47.7584L45.2784 28H42.5264Z", fill: "white" })
136
+ ] }));
137
+ var icon_new_default = SvgIconNew;
133
138
  var SvgIconBlankCheckbox = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM4.5 18.5C4.5 19.0523 4.94772 19.5 5.5 19.5H18.5C19.0523 19.5 19.5 19.0523 19.5 18.5V5.5C19.5 4.94772 19.0523 4.5 18.5 4.5H5.5C4.94772 4.5 4.5 4.94772 4.5 5.5V18.5Z", fill: "#4D4D4D" }) }));
134
139
  var icon_blank_checkbox_default = SvgIconBlankCheckbox;
135
140
  var SvgIconBlankCheckboxWhite = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
@@ -323,6 +328,7 @@ var svgs = {
323
328
  workhome: icon_workhome_default,
324
329
  pdf: icon_pdf_default,
325
330
  externalLink: icon_external_link_default,
331
+ newIcon: icon_new_default,
326
332
  /* Button */
327
333
  blankCheckbox: icon_blank_checkbox_default,
328
334
  blankCheckboxWhite: icon_blank_checkbox_white_default,
@@ -368,7 +374,7 @@ var svgs = {
368
374
  xBlack: icon_x_black_default,
369
375
  xWhite: icon_x_white_default
370
376
  };
371
- var Icon = React63.memo(
377
+ var Icon = React64.memo(
372
378
  (_a) => {
373
379
  var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
374
380
  if (type) {
@@ -1963,10 +1969,6 @@ var Footer = ({
1963
1969
  supportContacts = []
1964
1970
  }) => {
1965
1971
  var _a;
1966
- const columns = [];
1967
- for (let i = 0; i < navigationLinks.length; i += 5) {
1968
- columns.push(navigationLinks.slice(i, i + 5));
1969
- }
1970
1972
  const supportColumns = [];
1971
1973
  for (let i = 0; i < supportContacts.length; i += 2) {
1972
1974
  supportColumns.push(supportContacts.slice(i, i + 2));
@@ -2007,7 +2009,7 @@ var Footer = ({
2007
2009
  titleNode && /* @__PURE__ */ jsx("div", { className: clsx15(Footer_module_default.disclaimer, "p"), children: titleNode }),
2008
2010
  copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
2009
2011
  ] }),
2010
- columns.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2012
+ navigationLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2011
2013
  "a",
2012
2014
  __spreadProps(__spreadValues({
2013
2015
  href: link.href,
@@ -2015,7 +2017,7 @@ var Footer = ({
2015
2017
  }, link.isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {}), {
2016
2018
  children: link.label
2017
2019
  })
2018
- ) }, link.label)) }, colIndex)) })
2020
+ ) }, link.label)) }) })
2019
2021
  ] }),
2020
2022
  children
2021
2023
  ] }) });
@@ -2208,7 +2210,7 @@ var HeroBannerCarousel = ({
2208
2210
  onSwiper: setSwiperInstance,
2209
2211
  onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
2210
2212
  children: items.map((item, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
2211
- item.cornerImage && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsx("img", { src: item.cornerImage, alt: "", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
2213
+ item.isNewItem && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
2212
2214
  /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
2213
2215
  /* @__PURE__ */ jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
2214
2216
  /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
@@ -3790,7 +3792,7 @@ var BlogSearchResultsList = ({
3790
3792
  });
3791
3793
  const searchNode = (_a = slots.search) != null ? _a : searchResult;
3792
3794
  return /* @__PURE__ */ jsx("div", { className: clsx15("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx15("container", BlogSearchResultsList_module_default["container"]), children: [
3793
- typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React63.isValidElement(searchNode) ? React63.cloneElement(searchNode, {
3795
+ typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React64.isValidElement(searchNode) ? React64.cloneElement(searchNode, {
3794
3796
  className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"])
3795
3797
  }) : null,
3796
3798
  /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [