@digital-b2c/coreui-kit 0.11.4 → 0.11.6
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.cjs +63 -57
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.mjs +10 -4
- package/dist/index.mjs.map +1 -1
- 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
|
-
|
|
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
|
-
|
|
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
|
|
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 =
|
|
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.
|
|
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 }) :
|
|
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: [
|