@odx/websites-react 1.1.5 → 1.1.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/components/images-icons/icon/Icon.js +1 -1
- package/dist/components/images-icons/icon/Icon.js.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/metric/Metric.d.ts +21 -0
- package/dist/components/layout/metric/Metric.d.ts.map +1 -0
- package/dist/components/layout/metric/Metric.js +17 -0
- package/dist/components/layout/metric/Metric.js.map +1 -0
- package/dist/components/layout/metric/index.d.ts +2 -0
- package/dist/components/layout/metric/index.d.ts.map +1 -0
- package/dist/components/layout/metric/index.js +2 -0
- package/dist/components/layout/metric/index.js.map +1 -0
- package/dist/components/layout/teaserBreakerBox/TeaserBreakerBox.d.ts +17 -0
- package/dist/components/layout/teaserBreakerBox/TeaserBreakerBox.d.ts.map +1 -0
- package/dist/components/layout/teaserBreakerBox/TeaserBreakerBox.js +22 -0
- package/dist/components/layout/teaserBreakerBox/TeaserBreakerBox.js.map +1 -0
- package/dist/components/layout/teaserBreakerBox/index.d.ts +2 -0
- package/dist/components/layout/teaserBreakerBox/index.d.ts.map +1 -0
- package/dist/components/layout/teaserBreakerBox/index.js +2 -0
- package/dist/components/layout/teaserBreakerBox/index.js.map +1 -0
- package/dist/utils/utils.d.ts +4 -0
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +26 -0
- package/dist/utils/utils.js.map +1 -1
- package/dist/web/index.d.ts +4 -0
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +4 -0
- package/dist/web/index.js.map +1 -1
- package/dist/web/product/productInfoBlock/ProductInfoBlock.d.ts +17 -0
- package/dist/web/product/productInfoBlock/ProductInfoBlock.d.ts.map +1 -0
- package/dist/web/product/productInfoBlock/ProductInfoBlock.js +17 -0
- package/dist/web/product/productInfoBlock/ProductInfoBlock.js.map +1 -0
- package/dist/web/product/productInfoBlock/index.d.ts +2 -0
- package/dist/web/product/productInfoBlock/index.d.ts.map +1 -0
- package/dist/web/product/productInfoBlock/index.js +2 -0
- package/dist/web/product/productInfoBlock/index.js.map +1 -0
- package/dist/web/sections/stageSection/StageSection.d.ts.map +1 -1
- package/dist/web/sections/stageSection/StageSection.js +6 -31
- package/dist/web/sections/stageSection/StageSection.js.map +1 -1
- package/package.json +2 -2
|
@@ -44,7 +44,7 @@ function Icon({ name, color, size, center, className, ...props }) {
|
|
|
44
44
|
}
|
|
45
45
|
function FlagIcon({ name, size, center, className, withOutline = false, ...props }) {
|
|
46
46
|
const IconComponent = 'odx-flag-icon';
|
|
47
|
-
return (_jsx(IconWrapper, { size: size, className: className, ...props, children: _jsx(IconComponent, { class: cn(iconVariants({ center }), withOutline && 'outline outline-border-separator'), name: name }) }));
|
|
47
|
+
return (_jsx(IconWrapper, { size: size, className: className, ...props, children: _jsx(IconComponent, { class: cn(iconVariants({ center }), withOutline && 'outline outline-1 outline-border-separator'), name: name }) }));
|
|
48
48
|
}
|
|
49
49
|
export { Icon, FlagIcon };
|
|
50
50
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAO3D,MAAM,YAAY,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC1C,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,qBAAqB;YAChC,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,MAAM,EAAE,kBAAkB;YAC1B,eAAe,EAAE,oBAAoB;YACrC,eAAe,EAAE,oBAAoB;SACtC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,2BAA2B;SACtC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,UAAU;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,GAAG,CAAC,mBAAmB,EAAE;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,EAAE,EAAE,+BAA+B;YACnC,EAAE,EAAE,0BAA0B;YAC9B,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAMH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AAqBF,SAAS,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAY;IACvE,MAAM,aAAa,GAAG,UAAiB,CAAC;IACxC,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,GAC3D,CACf,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACM;IACd,MAAM,aAAa,GAAG,eAAsB,CAAC;IAE7C,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IACZ,KAAK,EAAE,EAAE,CACP,YAAY,CAAC,EAAC,MAAM,EAAC,CAAC,EACtB,WAAW,IAAI,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAO3D,MAAM,YAAY,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC1C,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,qBAAqB;YAChC,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,MAAM,EAAE,kBAAkB;YAC1B,eAAe,EAAE,oBAAoB;YACrC,eAAe,EAAE,oBAAoB;SACtC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,2BAA2B;SACtC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,UAAU;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,GAAG,CAAC,mBAAmB,EAAE;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,EAAE,EAAE,+BAA+B;YACnC,EAAE,EAAE,0BAA0B;YAC9B,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAMH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AAqBF,SAAS,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAY;IACvE,MAAM,aAAa,GAAG,UAAiB,CAAC;IACxC,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,GAC3D,CACf,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACM;IACd,MAAM,aAAa,GAAG,eAAsB,CAAC;IAE7C,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IACZ,KAAK,EAAE,EAAE,CACP,YAAY,CAAC,EAAC,MAAM,EAAC,CAAC,EACtB,WAAW,IAAI,4CAA4C,CAC5D,EACD,IAAI,EAAE,IAAI,GACV,GACU,CACf,CAAC;AACJ,CAAC;AAED,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -67,6 +67,8 @@ export * from './layout/block';
|
|
|
67
67
|
export * from './layout/container';
|
|
68
68
|
export * from './layout/theme';
|
|
69
69
|
export * from './layout/grid';
|
|
70
|
+
export * from './layout/teaserBreakerBox';
|
|
71
|
+
export * from './layout/metric';
|
|
70
72
|
/**
|
|
71
73
|
* Typography components
|
|
72
74
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAEhC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,cAAc,mBAAmB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -67,6 +67,8 @@ export * from './layout/block';
|
|
|
67
67
|
export * from './layout/container';
|
|
68
68
|
export * from './layout/theme';
|
|
69
69
|
export * from './layout/grid';
|
|
70
|
+
export * from './layout/teaserBreakerBox';
|
|
71
|
+
export * from './layout/metric';
|
|
70
72
|
/**
|
|
71
73
|
* Typography components
|
|
72
74
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAEhC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type LinkButtonProps, type HeadlineProps, type LinkProps } from '../..';
|
|
2
|
+
export interface MetricButtonProps extends Omit<LinkButtonProps, 'iconRight' | 'iconLeft' | 'size' | 'variant'> {
|
|
3
|
+
}
|
|
4
|
+
declare const MetricLinkButton: React.FC<MetricButtonProps>;
|
|
5
|
+
export interface MetricSingleProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
data?: string;
|
|
7
|
+
isNumberData?: boolean;
|
|
8
|
+
label?: string;
|
|
9
|
+
linkProps?: Omit<LinkProps, 'size' | 'icon' | 'iconRight'>;
|
|
10
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
11
|
+
}
|
|
12
|
+
declare const MetricSingle: React.FC<MetricSingleProps>;
|
|
13
|
+
export interface MetricSetProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
}
|
|
15
|
+
declare const MetricSet: React.FC<MetricSetProps>;
|
|
16
|
+
export interface MetricProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
background?: 'white' | 'secondary';
|
|
18
|
+
}
|
|
19
|
+
declare const Metric: React.FC<MetricProps>;
|
|
20
|
+
export { Metric, MetricSet, MetricSingle, MetricLinkButton };
|
|
21
|
+
//# sourceMappingURL=Metric.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Metric.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/metric/Metric.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,eAAe,EACf,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC9C;CAAG;AAEN,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAWjD,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC;IAC3D,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoC7C,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/E,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkBvC,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,UAAU,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;CACpC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsBjC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BlockChildrenWidthContainer, BlockGrid, BodyText, LinkButton, Headline, Icon, Link, } from '../..';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
const MetricLinkButton = ({ ...props }) => {
|
|
5
|
+
return (_jsx("div", { className: cn('flex justify-center'), children: _jsx(LinkButton, { size: 'sm', variant: 'ghost', iconRight: _jsx(Icon, { name: "core::arrow-right", size: 'md' }), ...props }) }));
|
|
6
|
+
};
|
|
7
|
+
const MetricSingle = ({ className, data, label, linkProps, isNumberData, headlineActAs, ...props }) => {
|
|
8
|
+
return (_jsxs("div", { className: cn('flex flex-col gap-2 items-center w-full md:w-[calc(50%-2rem)] lg:w-[calc(33%-2rem)] xl:w-[calc(25%-2rem)]', className), ...props, children: [_jsxs("div", { className: "flex flex-col items-center gap-1 text-center", children: [_jsx(Headline, { headingLevel: isNumberData ? 'h2' : 'h5', actAs: headlineActAs, spacingBottom: false, children: data }), _jsx(BodyText, { children: label })] }), _jsx(Link, { iconRight: true, icon: _jsx(Icon, { name: "core::arrow-right", size: 'md' }), size: 'small', href: linkProps?.href, ...linkProps })] }));
|
|
9
|
+
};
|
|
10
|
+
const MetricSet = ({ children, className, ...props }) => {
|
|
11
|
+
return (children && (_jsx("div", { className: cn('flex gap-x-8 gap-y-9 flex-wrap justify-center items-end', className), ...props, children: children })));
|
|
12
|
+
};
|
|
13
|
+
const Metric = ({ children, className, background = 'secondary', ...props }) => {
|
|
14
|
+
return (_jsx(BlockGrid, { children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: _jsx("div", { className: cn('py-6 px-12 flex flex-col gap-6 font-text bg-surface-secondary', background === 'white' && 'bg-surface-white', className), ...props, children: children }) }) }));
|
|
15
|
+
};
|
|
16
|
+
export { Metric, MetricSet, MetricSingle, MetricLinkButton };
|
|
17
|
+
//# sourceMappingURL=Metric.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Metric.js","sourceRoot":"","sources":["../../../../src/components/layout/metric/Metric.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,2BAA2B,EAC3B,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,IAAI,GAIL,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,gBAAgB,GAAgC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IACnE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,YACvC,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,GAAI,KACpD,KAAK,GACT,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,YAAY,GAAgC,CAAC,EACjD,SAAS,EACT,IAAI,EACJ,KAAK,EACL,SAAS,EACT,YAAY,EACZ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,SAAS,CACV,KACG,KAAK,aAET,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,QAAQ,IACP,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACxC,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,KAAK,YAEnB,IAAI,GACI,EACX,KAAC,QAAQ,cAAE,KAAK,GAAY,IACxB,EACN,KAAC,IAAI,IACH,SAAS,QACT,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,GAAI,EACnD,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,SAAS,EAAE,IAAI,KACjB,SAAS,GACb,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,SAAS,GAA6B,CAAC,EAC3C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CACF,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,MAAM,GAA0B,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,WAAW,EACxB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,cACR,KAAC,2BAA2B,IAAC,aAAa,EAAE,MAAM,YAChD,cACE,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,UAAU,KAAK,OAAO,IAAI,kBAAkB,EAC5C,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,GACsB,GACpB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/metric/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/metric/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { TagProps, type LinkButtonProps, type HeadlineProps } from '../..';
|
|
3
|
+
export interface TeaserBreakerBoxButtonProps extends Omit<LinkButtonProps, 'iconRight' | 'iconLeft' | 'size' | 'variant'> {
|
|
4
|
+
}
|
|
5
|
+
export interface TeaserBreakerBoxProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof teaserBreakerBoxVariants> {
|
|
6
|
+
tagProps?: Omit<TagProps, 'mode'>;
|
|
7
|
+
headline?: string;
|
|
8
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
9
|
+
description?: string;
|
|
10
|
+
linkButtonProps?: TeaserBreakerBoxButtonProps;
|
|
11
|
+
}
|
|
12
|
+
declare const teaserBreakerBoxVariants: (props?: ({
|
|
13
|
+
background?: "brand" | "secondary" | "white" | "tertiary" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
15
|
+
declare const TeaserBreakerBox: React.FC<TeaserBreakerBoxProps>;
|
|
16
|
+
export { TeaserBreakerBox };
|
|
17
|
+
//# sourceMappingURL=TeaserBreakerBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TeaserBreakerBox.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/teaserBreakerBox/TeaserBreakerBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAML,QAAQ,EACR,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,2BACf,SAAQ,IAAI,CACV,eAAe,EACf,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC9C;CAAG;AAEN,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,2BAA2B,CAAC;CAC/C;AAED,QAAA,MAAM,wBAAwB;;mFAe7B,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoDrD,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { Headline, Icon, BodyText, LinkButton, Tag, } from '../..';
|
|
4
|
+
import { cn } from '../../../utils';
|
|
5
|
+
const teaserBreakerBoxVariants = cva('flex flex-col px-6 py-12 lg:flex-row font-text justify-center text-text-primary', {
|
|
6
|
+
variants: {
|
|
7
|
+
background: {
|
|
8
|
+
secondary: 'bg-surface-secondary',
|
|
9
|
+
white: 'bg-surface-primary',
|
|
10
|
+
brand: 'bg-surface-brand text-text-invert',
|
|
11
|
+
tertiary: 'bg-surface-tertiary',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
background: 'secondary',
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
const TeaserBreakerBox = ({ tagProps, linkButtonProps, className, background, headline, headlineActAs, description, ...props }) => {
|
|
19
|
+
return (_jsx("div", { className: cn(teaserBreakerBoxVariants({ background }), className), ...props, children: _jsx("div", { className: "max-w-[628px] flex flex-col items-center self-stretch", children: _jsxs("div", { className: "flex flex-col items-center gap-2", children: [tagProps && tagProps.label && (_jsx(Tag, { ...tagProps, mode: 'read-only-brand' })), _jsxs("div", { className: "flex flex-col gap-6", children: [headline && (_jsx(Headline, { headingLevel: "h3", spacingBottom: false, actAs: headlineActAs, className: "text-center whitespace-break-spaces", textColor: "inherit", children: headline })), description && (_jsx(BodyText, { className: "text-center", textColor: 'inherit', children: description }))] }), linkButtonProps && linkButtonProps.children && (_jsx("div", { className: cn('pt-6 flex justify-center'), children: _jsx(LinkButton, { size: 'md', variant: 'ghost', iconRight: _jsx(Icon, { name: "core::arrow-right", size: 'md' }), ...linkButtonProps }) }))] }) }) }));
|
|
20
|
+
};
|
|
21
|
+
export { TeaserBreakerBox };
|
|
22
|
+
//# sourceMappingURL=TeaserBreakerBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TeaserBreakerBox.js","sourceRoot":"","sources":["../../../../src/components/layout/teaserBreakerBox/TeaserBreakerBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,GAAG,GAIJ,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAkBlC,MAAM,wBAAwB,GAAG,GAAG,CAClC,iFAAiF,EACjF;IACE,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,SAAS,EAAE,sBAAsB;YACjC,KAAK,EAAE,oBAAoB;YAC3B,KAAK,EAAE,mCAAmC;YAC1C,QAAQ,EAAE,qBAAqB;SAChC;KACF;IACD,eAAe,EAAE;QACf,UAAU,EAAE,WAAW;KACxB;CACF,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAC,UAAU,EAAC,CAAC,EAAE,SAAS,CAAC,KAC5D,KAAK,YAET,cAAK,SAAS,EAAC,uDAAuD,YACpE,eAAK,SAAS,EAAC,kCAAkC,aAC9C,QAAQ,IAAI,QAAQ,CAAC,KAAK,IAAI,CAC7B,KAAC,GAAG,OAAK,QAAQ,EAAE,IAAI,EAAE,iBAAiB,GAAI,CAC/C,EACD,eAAK,SAAS,EAAC,qBAAqB,aACjC,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,qCAAqC,EAC/C,SAAS,EAAC,SAAS,YAElB,QAAQ,GACA,CACZ,EACA,WAAW,IAAI,CACd,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,EAAC,SAAS,EAAE,SAAS,YACnD,WAAW,GACH,CACZ,IACG,EACL,eAAe,IAAI,eAAe,CAAC,QAAQ,IAAI,CAC9C,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,YAC5C,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,GAAI,KACpD,eAAe,GACnB,GACE,CACP,IACG,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/teaserBreakerBox/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/teaserBreakerBox/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
package/dist/utils/utils.d.ts
CHANGED
|
@@ -2,4 +2,8 @@ import { type ClassValue } from 'clsx';
|
|
|
2
2
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
3
3
|
export declare function debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(callback: F, timeout: number): (...args: Parameters<F>) => void;
|
|
4
4
|
export declare function throttle<R, A extends unknown[]>(fn: (...args: A) => void, delay: number): [(...args: A) => R | undefined, () => void];
|
|
5
|
+
export declare function getHighlightText(inputText?: string, highlightPattern?: string): {
|
|
6
|
+
text: string;
|
|
7
|
+
highlighted?: boolean;
|
|
8
|
+
}[];
|
|
5
9
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,UAAU,EAAC,MAAM,MAAM,CAAC;AAmC3C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC1E,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,MAAM,GACd,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,EAC7C,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,EACxB,KAAK,EAAE,MAAM,GACZ,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,EAAE,MAAM,IAAI,CAAC,CAwB7C"}
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,UAAU,EAAC,MAAM,MAAM,CAAC;AAmC3C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC1E,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,MAAM,GACd,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,EAC7C,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,EACxB,KAAK,EAAE,MAAM,GACZ,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,EAAE,MAAM,IAAI,CAAC,CAwB7C;AAED,wBAAgB,gBAAgB,CAAC,SAAS,SAAK,EAAE,gBAAgB,SAAK;UAW/C,MAAM;kBAAgB,OAAO;IAiBnD"}
|
package/dist/utils/utils.js
CHANGED
|
@@ -66,4 +66,30 @@ export function throttle(fn, delay) {
|
|
|
66
66
|
},
|
|
67
67
|
];
|
|
68
68
|
}
|
|
69
|
+
export function getHighlightText(inputText = '', highlightPattern = '') {
|
|
70
|
+
if (!inputText.trim())
|
|
71
|
+
return [];
|
|
72
|
+
if (!highlightPattern.trim()) {
|
|
73
|
+
return [{ text: inputText }];
|
|
74
|
+
}
|
|
75
|
+
const parts = highlightPattern
|
|
76
|
+
.split('//')
|
|
77
|
+
.map(p => p.trim())
|
|
78
|
+
.filter(Boolean);
|
|
79
|
+
const regex = new RegExp(`(${parts.map(p => p.trim()).join('|')})`, 'g');
|
|
80
|
+
const result = [];
|
|
81
|
+
let lastIndex = 0;
|
|
82
|
+
inputText.replace(regex, (match, _group, offset) => {
|
|
83
|
+
if (offset > lastIndex) {
|
|
84
|
+
result.push({ text: inputText.slice(lastIndex, offset) });
|
|
85
|
+
}
|
|
86
|
+
result.push({ text: match, highlighted: true });
|
|
87
|
+
lastIndex = offset + match.length;
|
|
88
|
+
return match;
|
|
89
|
+
});
|
|
90
|
+
if (lastIndex < inputText.length) {
|
|
91
|
+
result.push({ text: inputText.slice(lastIndex) });
|
|
92
|
+
}
|
|
93
|
+
return result;
|
|
94
|
+
}
|
|
69
95
|
//# sourceMappingURL=utils.js.map
|
package/dist/utils/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAkB,MAAM,MAAM,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAEnD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE;gBACX,eAAe;gBACf,wBAAwB;gBACxB,wBAAwB;aACzB;YACD,CAAC,EAAE;gBACD,qBAAqB;gBACrB,mBAAmB;gBACnB,mBAAmB;gBACnB,mBAAmB;aACpB;YACD,CAAC,EAAE;gBACD,oBAAoB;gBACpB,kBAAkB;gBAClB,kBAAkB;gBAClB,kBAAkB;aACnB;YACD,oDAAoD;YACpD,IAAI,EAAE;gBACJ,oCAAoC;gBACpC,sCAAsC;gBACtC,qCAAqC;gBACrC,6BAA6B;gBAC7B,oCAAoC;aACrC;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,OAAe;IAEf,IAAI,KAAoC,CAAC;IAEzC,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,EAAwB,EACxB,KAAa;IAEb,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,IAAI,OAA2B,CAAC;IAChC,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,OAAO;QACL,CAAC,GAAG,IAAO,EAAE,EAAE;YACb,IAAI,SAAS;gBAAE,OAAO,SAAS,CAAC;YAChC,IAAI,IAAI;gBAAE,OAAO,SAAS,CAAC;YAE3B,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YAEZ,IAAI,GAAG,IAAI,CAAC;YAEZ,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC/B,IAAI,GAAG,KAAK,CAAC;gBACb,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YACd,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;QACD,GAAG,EAAE;YACH,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAkB,MAAM,MAAM,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAEnD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE;gBACX,eAAe;gBACf,wBAAwB;gBACxB,wBAAwB;aACzB;YACD,CAAC,EAAE;gBACD,qBAAqB;gBACrB,mBAAmB;gBACnB,mBAAmB;gBACnB,mBAAmB;aACpB;YACD,CAAC,EAAE;gBACD,oBAAoB;gBACpB,kBAAkB;gBAClB,kBAAkB;gBAClB,kBAAkB;aACnB;YACD,oDAAoD;YACpD,IAAI,EAAE;gBACJ,oCAAoC;gBACpC,sCAAsC;gBACtC,qCAAqC;gBACrC,6BAA6B;gBAC7B,oCAAoC;aACrC;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,OAAe;IAEf,IAAI,KAAoC,CAAC;IAEzC,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,EAAwB,EACxB,KAAa;IAEb,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,IAAI,OAA2B,CAAC;IAChC,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,OAAO;QACL,CAAC,GAAG,IAAO,EAAE,EAAE;YACb,IAAI,SAAS;gBAAE,OAAO,SAAS,CAAC;YAChC,IAAI,IAAI;gBAAE,OAAO,SAAS,CAAC;YAE3B,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YAEZ,IAAI,GAAG,IAAI,CAAC;YAEZ,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC/B,IAAI,GAAG,KAAK,CAAC;gBACb,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YACd,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;QACD,GAAG,EAAE;YACH,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAS,GAAG,EAAE,EAAE,gBAAgB,GAAG,EAAE;IACpE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC;IACjC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC;QAC7B,OAAO,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC;IAC7B,CAAC;IACD,MAAM,KAAK,GAAG,gBAAgB;SAC3B,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SAClB,MAAM,CAAC,OAAO,CAAC,CAAC;IACnB,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEzE,MAAM,MAAM,GAA4C,EAAE,CAAC;IAC3D,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;QACjD,IAAI,MAAM,GAAG,SAAS,EAAE,CAAC;YACvB,MAAM,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,EAAC,CAAC,CAAC;QAC1D,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,CAAC,CAAC;QAC9C,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAClC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,IAAI,SAAS,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,EAAC,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
package/dist/web/index.d.ts
CHANGED
|
@@ -12,4 +12,8 @@ export * from './layout/contactListItem';
|
|
|
12
12
|
export * from './layout/contentHeadings';
|
|
13
13
|
export * from './sections/contentBlock';
|
|
14
14
|
export * from './sections/contentGroup';
|
|
15
|
+
/**
|
|
16
|
+
* Product page components
|
|
17
|
+
*/
|
|
18
|
+
export * from './product/productInfoBlock';
|
|
15
19
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/web/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,4BAA4B,CAAC"}
|
package/dist/web/index.js
CHANGED
|
@@ -12,4 +12,8 @@ export * from './layout/contactListItem';
|
|
|
12
12
|
export * from './layout/contentHeadings';
|
|
13
13
|
export * from './sections/contentBlock';
|
|
14
14
|
export * from './sections/contentGroup';
|
|
15
|
+
/**
|
|
16
|
+
* Product page components
|
|
17
|
+
*/
|
|
18
|
+
export * from './product/productInfoBlock';
|
|
15
19
|
//# sourceMappingURL=index.js.map
|
package/dist/web/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type HeadlineProps, type LinkProps, type LinkListProps } from '../../../components';
|
|
2
|
+
export interface ProductInfoBlockHeadlineProps extends Omit<HeadlineProps, 'headingLevel' | 'children'> {
|
|
3
|
+
text: string;
|
|
4
|
+
textColoredPart?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const ProductInfoBlockHeadline: React.FC<ProductInfoBlockHeadlineProps>;
|
|
7
|
+
export interface ProductInfoBlockLinkListProps extends Omit<LinkListProps, 'variant' | 'direction'> {
|
|
8
|
+
}
|
|
9
|
+
declare const ProductInfoBlockLinkList: React.FC<ProductInfoBlockLinkListProps>;
|
|
10
|
+
export interface ProductInfoBlockLinkProps extends Omit<LinkProps, 'iconRight' | 'icon'> {
|
|
11
|
+
}
|
|
12
|
+
declare const ProductInfoBlockLink: React.FC<ProductInfoBlockLinkProps>;
|
|
13
|
+
export interface ProductInfoBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
}
|
|
15
|
+
declare const ProductInfoBlock: React.FC<ProductInfoBlockProps>;
|
|
16
|
+
export { ProductInfoBlock, ProductInfoBlockHeadline, ProductInfoBlockLinkList, ProductInfoBlockLink, };
|
|
17
|
+
//# sourceMappingURL=ProductInfoBlock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductInfoBlock.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productInfoBlock/ProductInfoBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,GAAG,UAAU,CAAC;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAwBrE,CAAC;AAEF,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,WAAW,CAAC;CAAG;AAEzD,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAMrE,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,CAAC;CAAG;AAElD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAU7D,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiBrD,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BlockChildrenWidthContainer, BlockGrid, Headline, Icon, Link, LinkList, } from '../../../components';
|
|
3
|
+
import { cn, getHighlightText } from '../../../utils';
|
|
4
|
+
const ProductInfoBlockHeadline = ({ text, textColoredPart, className, ...props }) => {
|
|
5
|
+
return (_jsx(Headline, { headingLevel: "h3", className: cn('basis-3/4 lg:pr-40 xl:pr-80', className), ...props, children: getHighlightText(text, textColoredPart).map((part, index) => (_jsx("span", { className: part.highlighted ? 'text-text-accent' : 'text-text-primary', children: part.text }, index))) }));
|
|
6
|
+
};
|
|
7
|
+
const ProductInfoBlockLinkList = ({ ...props }) => {
|
|
8
|
+
return (_jsx(LinkList, { direction: "col", variant: 'vertical-structured', ...props }));
|
|
9
|
+
};
|
|
10
|
+
const ProductInfoBlockLink = ({ ...props }) => {
|
|
11
|
+
return (_jsx(Link, { iconRight: true, icon: _jsx(Icon, { name: "core::arrow-right", size: 'md' }), ...props }));
|
|
12
|
+
};
|
|
13
|
+
const ProductInfoBlock = ({ children, className, ...props }) => {
|
|
14
|
+
return (_jsx(BlockGrid, { children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: _jsx("div", { className: cn('flex flex-col gap-6 lg:flex-row font-text', className), ...props, children: children }) }) }));
|
|
15
|
+
};
|
|
16
|
+
export { ProductInfoBlock, ProductInfoBlockHeadline, ProductInfoBlockLinkList, ProductInfoBlockLink, };
|
|
17
|
+
//# sourceMappingURL=ProductInfoBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductInfoBlock.js","sourceRoot":"","sources":["../../../../src/web/product/productInfoBlock/ProductInfoBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,2BAA2B,EAC3B,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,GAIT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAQpD,MAAM,wBAAwB,GAA4C,CAAC,EACzE,IAAI,EACJ,eAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,YAER,gBAAgB,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5D,eAEE,SAAS,EACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,YAG5D,IAAI,CAAC,IAAI,IALL,KAAK,CAML,CACR,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,wBAAwB,GAA4C,CAAC,EACzE,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,qBAAqB,KAAM,KAAK,GAAI,CACxE,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,oBAAoB,GAAwC,CAAC,EACjE,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,IAAI,IACH,SAAS,QACT,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,GAAI,KAC/C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,cACR,KAAC,2BAA2B,IAAC,aAAa,EAAE,MAAM,YAChD,cACE,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KACjE,KAAK,YAER,QAAQ,GACL,GACsB,GACpB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productInfoBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/product/productInfoBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,aAAa,EAEb,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"StageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,aAAa,EAEb,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAG3D,UAAU,qBACR,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,QAAA,MAAM,wBAAwB;;mFAa7B,CAAC;AA2CF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmD7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Container, Headline, Image, } from '../../../components';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { getHighlightText } from '../../../utils';
|
|
4
5
|
const stageHeadlineBoxVariants = cva('flex flex-col items-start p-8 pt-6 gap-y-16 max-w-content-block w-full', {
|
|
5
6
|
variants: {
|
|
6
7
|
variant: {
|
|
@@ -14,37 +15,11 @@ const stageHeadlineBoxVariants = cva('flex flex-col items-start p-8 pt-6 gap-y-1
|
|
|
14
15
|
});
|
|
15
16
|
const StageHeadlineBox = ({ headline, headlineColoredPart, headlineActAs, button, variant, }) => {
|
|
16
17
|
const hasHeadline = headline || headlineColoredPart;
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
const coloredParts = headlineColoredPart
|
|
24
|
-
.split('//')
|
|
25
|
-
.map(part => part.trim());
|
|
26
|
-
const result = [];
|
|
27
|
-
let remainingText = headline;
|
|
28
|
-
coloredParts.forEach((part, index) => {
|
|
29
|
-
if (!part || !remainingText.includes(part))
|
|
30
|
-
return;
|
|
31
|
-
const partIndex = remainingText.indexOf(part);
|
|
32
|
-
// Add text before colored part
|
|
33
|
-
if (partIndex > 0) {
|
|
34
|
-
result.push(_jsx("span", { className: variant === 'primary' ? 'text-text-invert' : 'text-text-primary', children: remainingText.substring(0, partIndex) }, `text-${index}`));
|
|
35
|
-
}
|
|
36
|
-
// Add colored part
|
|
37
|
-
result.push(_jsx("span", { className: "text-text-accent", children: part }, `colored-${index}`));
|
|
38
|
-
// Update remaining text
|
|
39
|
-
remainingText = remainingText.substring(partIndex + part.length);
|
|
40
|
-
});
|
|
41
|
-
// Add any remaining text
|
|
42
|
-
if (remainingText) {
|
|
43
|
-
result.push(_jsx("span", { className: variant === 'primary' ? 'text-text-invert' : 'text-text-primary', children: remainingText }, "text-end"));
|
|
44
|
-
}
|
|
45
|
-
return result;
|
|
46
|
-
};
|
|
47
|
-
const headlineElement = hasHeadline && (_jsx(Headline, { headingLevel: "h1", spacingBottom: false, actAs: headlineActAs, className: "w-full text-text-invert", children: renderHeadlineWithColoredParts() }));
|
|
18
|
+
const headlineElement = hasHeadline && (_jsx(Headline, { headingLevel: "h1", spacingBottom: false, actAs: headlineActAs, className: "w-full text-text-invert", children: getHighlightText(headline, headlineColoredPart).map((part, index) => (_jsx("span", { className: part.highlighted
|
|
19
|
+
? 'text-text-accent'
|
|
20
|
+
: variant === 'primary'
|
|
21
|
+
? 'text-text-invert'
|
|
22
|
+
: 'text-text-primary', children: part.text }, index))) }));
|
|
48
23
|
return (_jsxs("div", { className: stageHeadlineBoxVariants({ variant }), children: [headlineElement, button] }));
|
|
49
24
|
};
|
|
50
25
|
const StageSection = ({ button, image, headline, headlineColoredPart, headlineActAs, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,SAAS,EACT,QAAQ,EAER,KAAK,GAEN,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,GAAG,EAAe,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,SAAS,EACT,QAAQ,EAER,KAAK,GAEN,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,GAAG,EAAe,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAgBhD,MAAM,wBAAwB,GAAG,GAAG,CAClC,wEAAwE,EACxE;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE,sBAAsB;SAClC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC;IAEpD,MAAM,eAAe,GAAG,WAAW,IAAI,CACrC,KAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,yBAAyB,YAElC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpE,eAEE,SAAS,EACP,IAAI,CAAC,WAAW;gBACd,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,OAAO,KAAK,SAAS;oBACrB,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,mBAAmB,YAG1B,IAAI,CAAC,IAAI,IATL,KAAK,CAUL,CACR,CAAC,GACO,CACZ,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,wBAAwB,CAAC,EAAC,OAAO,EAAC,CAAC,aAChD,eAAe,EACf,MAAM,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC;IACjD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,IAAI,CAAC,KAAK,IAAI,WAAW;QACvB,OAAO,CACL,kBAAS,SAAS,EAAC,wDAAwD,YACzE,cAAK,SAAS,EAAC,OAAO,YACpB,KAAC,gBAAgB,IACf,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,GACxC,GACE,GACE,CACX,CAAC;IAEJ,OAAO,CACL,8BACG,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,KAAK,KAAK,GAAI,GAChD,CACP,EAEA,WAAW,IAAI,CACd,KAAC,SAAS,IACR,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAC,4BAA4B,YAEtC,KAAC,gBAAgB,IACf,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,GACxC,GACQ,CACb,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.6",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
"vitest": "^3.1.0-beta.1",
|
|
394
394
|
"@odx/eslint-config-websites": "0.0.1",
|
|
395
395
|
"@odx/websites-tsconfig": "0.0.0",
|
|
396
|
-
"@odx/websites-ui": "0.2.
|
|
396
|
+
"@odx/websites-ui": "0.2.23"
|
|
397
397
|
},
|
|
398
398
|
"peerDependencies": {
|
|
399
399
|
"@odx/websites-ui": ">=0.2.1",
|