@digital-b2c/coreui-kit 0.11.4 → 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.
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) {
@@ -2204,7 +2210,7 @@ var HeroBannerCarousel = ({
2204
2210
  onSwiper: setSwiperInstance,
2205
2211
  onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
2206
2212
  children: items.map((item, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
2207
- 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 }) }),
2208
2214
  /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
2209
2215
  /* @__PURE__ */ jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
2210
2216
  /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
@@ -3786,7 +3792,7 @@ var BlogSearchResultsList = ({
3786
3792
  });
3787
3793
  const searchNode = (_a = slots.search) != null ? _a : searchResult;
3788
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: [
3789
- 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, {
3790
3796
  className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"])
3791
3797
  }) : null,
3792
3798
  /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [