ublo-lib 1.37.5 → 1.37.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.
@@ -2,7 +2,7 @@
2
2
  position: absolute;
3
3
  bottom: 8px;
4
4
  left: 34px;
5
- font-family: "Open Sans", sans-serif;
5
+ font-family: var(--ublo-content-font);
6
6
  z-index: 400;
7
7
  }
8
8
 
@@ -38,7 +38,7 @@
38
38
  color: var(--ds-grey-000, #ffffff);
39
39
  text-align: justify;
40
40
  font-size: 13px;
41
- font-family: "Open Sans", sans-serif;
41
+ font-family: var(--ublo-content-font);
42
42
  background: var(
43
43
  --ublo-blue-gradient,
44
44
  linear-gradient(
@@ -37,7 +37,7 @@ svg.selectedIcon {
37
37
  padding-top: 6px;
38
38
  text-align: center;
39
39
  font-weight: 700;
40
- font-family: var(--ds-sans-serif-font, "Open Sans", sans-serif);
40
+ font-family: var(--ds-sans-serif-font, "Montserrat", sans-serif);
41
41
  font-size: 12px;
42
42
  background-color: white;
43
43
  z-index: 1;
@@ -1,3 +1,23 @@
1
- import { ImageProps } from "next/image";
2
- export default function ImageWithLoader(props: ImageProps): import("react/jsx-runtime").JSX.Element;
1
+ import * as React from "react";
2
+ declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref" | "alt" | "src" | "height" | "width" | "loading" | "srcSet"> & {
3
+ src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
4
+ alt: string;
5
+ width?: number | `${number}`;
6
+ height?: number | `${number}`;
7
+ fill?: boolean;
8
+ loader?: import("next/image").ImageLoader;
9
+ quality?: number | `${number}`;
10
+ priority?: boolean;
11
+ loading?: "eager" | "lazy";
12
+ placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
13
+ blurDataURL?: string;
14
+ unoptimized?: boolean;
15
+ onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
16
+ layout?: string;
17
+ objectFit?: string;
18
+ objectPosition?: string;
19
+ lazyBoundary?: string;
20
+ lazyRoot?: string;
21
+ } & React.RefAttributes<HTMLImageElement>>;
22
+ export default _default;
3
23
  //# sourceMappingURL=image-with-loader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"image-with-loader.d.ts","sourceRoot":"","sources":["../../../../src/common/components/image-with-loader/image-with-loader.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,UAAU,2CAmBxD"}
1
+ {"version":3,"file":"image-with-loader.d.ts","sourceRoot":"","sources":["../../../../src/common/components/image-with-loader/image-with-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;AAK/B,wBAAiD"}
@@ -3,12 +3,13 @@ import * as React from "react";
3
3
  import classNames from "classnames";
4
4
  import Image from "next/image";
5
5
  import styles from "./image-with-loader.module.css";
6
- export default function ImageWithLoader(props) {
6
+ export default React.forwardRef(ImageWithLoader);
7
+ function ImageWithLoader(props, ref) {
7
8
  const [loading, setLoading] = React.useState(true);
8
9
  const classes = classNames(styles.image, props.className);
9
10
  const onImageLoad = (e) => {
10
11
  setLoading(false);
11
12
  props?.onLoad?.(e);
12
13
  };
13
- return (_jsx(Image, { alt: "", ...props, className: classes, "data-loaded": !loading, onLoad: onImageLoad }));
14
+ return (_jsx(Image, { alt: "", ref: ref, ...props, className: classes, "data-loaded": !loading, onLoad: onImageLoad }));
14
15
  }
@@ -1 +1 @@
1
- {"version":3,"file":"scrolling-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/scrolling-carousel/scrolling-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAwHvE"}
1
+ {"version":3,"file":"scrolling-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/scrolling-carousel/scrolling-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA2HvE"}
@@ -60,20 +60,19 @@ export default function ScrollingCarousel({ className, children }) {
60
60
  }, []);
61
61
  React.useEffect(() => {
62
62
  const zone = zoneRef.current;
63
- let observer = null;
64
63
  if (!cmsMode && zone) {
65
- observer = new MutationObserver(resetScroll);
64
+ const observer = new MutationObserver(resetScroll);
66
65
  observer.observe(zone, {
67
66
  attributes: true,
68
67
  childList: true,
69
68
  subtree: true,
70
69
  });
70
+ return () => {
71
+ if (observer) {
72
+ observer.disconnect();
73
+ }
74
+ };
71
75
  }
72
- return () => {
73
- if (observer) {
74
- observer.disconnect();
75
- }
76
- };
77
76
  }, [cmsMode]);
78
77
  React.useEffect(() => {
79
78
  refreshControls();
@@ -14,7 +14,7 @@ const buttonStyles = `
14
14
  margin: 0px auto;
15
15
  padding: 15px;
16
16
  color: rgb(255, 255, 255);
17
- font-family: "Open Sans";
17
+ font-family: var(--ublo-content-font);
18
18
  text-transform: uppercase;
19
19
  font-weight: 700;
20
20
  background-color: var(--ublo-primary-color, #073FF8);
@@ -134,7 +134,7 @@
134
134
  font-size: 14px;
135
135
  color: var(--ds-grey-000, #ffffff);
136
136
  text-transform: uppercase;
137
- font-family: "Open Sans", sans-serif;
137
+ font-family: var(--ublo-content-font);
138
138
  letter-spacing: 1px;
139
139
  background: var(
140
140
  --ublo-blue-gradient,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ublo-lib",
3
- "version": "1.37.5",
3
+ "version": "1.37.6",
4
4
  "peerDependencies": {
5
5
  "dt-design-system": "^3.9.9",
6
6
  "leaflet": "^1.9.1",