@luscii-healthtech/web-ui 28.11.0 → 28.11.2
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/Image/Image.d.ts +10 -2
- package/dist/components/Text/Text.d.ts +4 -4
- package/dist/index.development.js +74 -69
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/web-ui-tailwind.css +33 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ComponentProps, MouseEventHandler } from "react";
|
|
2
|
+
import { LazyComponentProps, LazyLoadImage } from "react-lazy-load-image-component";
|
|
3
|
+
type Props = {
|
|
4
|
+
src: string;
|
|
5
|
+
className: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
onClick?: MouseEventHandler<HTMLSpanElement>;
|
|
8
|
+
showIconOnFailure?: boolean;
|
|
9
|
+
} & ComponentProps<typeof LazyLoadImage> & LazyComponentProps;
|
|
2
10
|
/**
|
|
3
11
|
* When you have many elements to lazy load in the same page, you might get poor performance because each one is
|
|
4
12
|
* listening to the scroll/resize events. In that case, it's better to wrap the deepest common parent of those
|
|
5
13
|
* components with a HOC to track those events (trackWindowScroll).
|
|
6
14
|
*/
|
|
7
|
-
declare const _default: React.ComponentType<Omit<
|
|
15
|
+
declare const _default: React.ComponentType<Omit<Props, "scrollPosition">>;
|
|
8
16
|
export default _default;
|
|
@@ -8,10 +8,10 @@ import "./Text.css";
|
|
|
8
8
|
* https://v1.tailwindcss.com/docs/controlling-file-size
|
|
9
9
|
*/
|
|
10
10
|
export declare const allowedTextStyles: {
|
|
11
|
-
readonly sm:
|
|
12
|
-
readonly "sm-strong":
|
|
13
|
-
readonly base:
|
|
14
|
-
readonly strong:
|
|
11
|
+
readonly sm: `${string} ui-font-medium`;
|
|
12
|
+
readonly "sm-strong": `${string} ui-font-semibold ui-antialiased`;
|
|
13
|
+
readonly base: string;
|
|
14
|
+
readonly strong: `${string} ui-font-semibold ui-antialiased`;
|
|
15
15
|
readonly lg: "";
|
|
16
16
|
readonly "lg-strong": "ui-font-semibold ui-antialiased";
|
|
17
17
|
readonly xl: "ui-text-lg";
|
|
@@ -7,6 +7,7 @@ var isString = require('lodash/isString');
|
|
|
7
7
|
var lodash = require('lodash');
|
|
8
8
|
var core = require('@dnd-kit/core');
|
|
9
9
|
var sortable = require('@dnd-kit/sortable');
|
|
10
|
+
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
10
11
|
var utilities = require('@dnd-kit/utilities');
|
|
11
12
|
var ReactTooltip = require('react-tooltip');
|
|
12
13
|
var router = require('@reach/router');
|
|
@@ -28,7 +29,6 @@ var ReactSelect = require('react-select');
|
|
|
28
29
|
var groupBy = require('lodash/groupBy');
|
|
29
30
|
var debounce = require('lodash.debounce');
|
|
30
31
|
var RadixSwitch = require('@radix-ui/react-switch');
|
|
31
|
-
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
32
32
|
var Quill = require('quill');
|
|
33
33
|
require('quill/dist/quill.snow.css');
|
|
34
34
|
var react = require('@headlessui/react');
|
|
@@ -949,11 +949,15 @@ function styleInject(css, ref) {
|
|
|
949
949
|
var css_248z$j = "/* https://stackoverflow.com/a/13924997 */\n.ui-text-two-lines-max {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n /* number of lines to show */\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n";
|
|
950
950
|
styleInject(css_248z$j);
|
|
951
951
|
|
|
952
|
+
const responsiveTextSizeVariants = {
|
|
953
|
+
sm: "ui-text-sm sm:ui-text-xs",
|
|
954
|
+
base: "ui-text-base sm:ui-text-sm"
|
|
955
|
+
};
|
|
952
956
|
const allowedTextStyles = {
|
|
953
|
-
sm:
|
|
954
|
-
"sm-strong":
|
|
955
|
-
base:
|
|
956
|
-
strong:
|
|
957
|
+
sm: `${responsiveTextSizeVariants.sm} ui-font-medium`,
|
|
958
|
+
"sm-strong": `${responsiveTextSizeVariants.sm} ui-font-semibold ui-antialiased`,
|
|
959
|
+
base: responsiveTextSizeVariants.base,
|
|
960
|
+
strong: `${responsiveTextSizeVariants.base} ui-font-semibold ui-antialiased`,
|
|
957
961
|
lg: "",
|
|
958
962
|
"lg-strong": "ui-font-semibold ui-antialiased",
|
|
959
963
|
xl: "ui-text-lg",
|
|
@@ -994,6 +998,7 @@ const Text = (props) => {
|
|
|
994
998
|
allowedColors[color !== null && color !== void 0 ? color : "base"],
|
|
995
999
|
selectedHoverColor,
|
|
996
1000
|
selectedGroupHoverColor,
|
|
1001
|
+
"leading-6 sm:leading-5",
|
|
997
1002
|
{
|
|
998
1003
|
"ui-inline": inline,
|
|
999
1004
|
// FIXME: this class doesn't do anything without a ui-max-width
|
|
@@ -1275,6 +1280,27 @@ const DragHandle = React.forwardRef((_a, ref) => {
|
|
|
1275
1280
|
);
|
|
1276
1281
|
});
|
|
1277
1282
|
|
|
1283
|
+
var img$i = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cpath d='M18 16V2C18 0.9 17.1 0 16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16ZM5.9 10.98L8 13.51L11.1 9.52C11.3 9.26 11.7 9.26 11.9 9.53L15.41 14.21C15.66 14.54 15.42 15.01 15.01 15.01H3.02C2.6 15.01 2.37 14.53 2.63 14.2L5.12 11C5.31 10.74 5.69 10.73 5.9 10.98Z' fill='%23D1D5DB'/%3e%3c/svg%3e";
|
|
1284
|
+
|
|
1285
|
+
const Image$1 = (_a) => {
|
|
1286
|
+
var { src, className, children = null, onClick, showIconOnFailure = true } = _a, otherProps = __rest(_a, ["src", "className", "children", "onClick", "showIconOnFailure"]);
|
|
1287
|
+
const [isError, setIsError] = React.useState(false);
|
|
1288
|
+
if (!src || isError) {
|
|
1289
|
+
if (children) {
|
|
1290
|
+
return React__namespace.default.createElement("span", { onClick }, children);
|
|
1291
|
+
}
|
|
1292
|
+
if (!showIconOnFailure) {
|
|
1293
|
+
return null;
|
|
1294
|
+
}
|
|
1295
|
+
}
|
|
1296
|
+
return React__namespace.default.createElement(reactLazyLoadImageComponent.LazyLoadImage, Object.assign({ className: classNames__default.default(className), effect: "blur", useIntersectionObserver: true, placeholder: React__namespace.default.createElement(
|
|
1297
|
+
"div",
|
|
1298
|
+
{ className: "ui-flex ui-h-full ui-w-full ui-flex-row ui-items-center ui-justify-center ui-rounded" },
|
|
1299
|
+
React__namespace.default.createElement("img", { src: img$i, alt: "image-icon" })
|
|
1300
|
+
), src, onClick, onError: () => setIsError(true), wrapperClassName: "ui-w-full ui-h-full" }, otherProps));
|
|
1301
|
+
};
|
|
1302
|
+
var Image$2 = reactLazyLoadImageComponent.trackWindowScroll(Image$1);
|
|
1303
|
+
|
|
1278
1304
|
const BaseListIcon = ({ icon, onAssetLoadError }) => {
|
|
1279
1305
|
const [loadIconError, setLoadIconError] = React.useState(false);
|
|
1280
1306
|
function onListItemIconLoadError() {
|
|
@@ -1288,7 +1314,7 @@ const BaseListIcon = ({ icon, onAssetLoadError }) => {
|
|
|
1288
1314
|
React__namespace.default.Fragment,
|
|
1289
1315
|
null,
|
|
1290
1316
|
icon && typeof icon === "function" && React__namespace.default.createElement(icon, { className: "ui-w-6 ui-h-6" }),
|
|
1291
|
-
!loadIconError && icon && typeof icon === "string" && React__namespace.default.createElement(
|
|
1317
|
+
!loadIconError && icon && typeof icon === "string" && React__namespace.default.createElement(Image$2, { src: icon, "data-chromatic": "ignore", alt: "list-item-icon", className: "ui-h-6 ui-w-6 ui-text-sm", onLoad: onListItemIconLoad, onError: onListItemIconLoadError }),
|
|
1292
1318
|
loadIconError && React__namespace.default.createElement(ImageIcon, { className: "ui-h-6 ui-w-6 ui-text-slate-300" })
|
|
1293
1319
|
);
|
|
1294
1320
|
};
|
|
@@ -1717,7 +1743,7 @@ const ButtonV2 = React__namespace.default.forwardRef((_a, innerRef) => {
|
|
|
1717
1743
|
"ui-px-[calc(theme('spacing.m')-1px)]": true,
|
|
1718
1744
|
"ui-py-[calc(theme('spacing.xxs')-1px)]": size === "medium",
|
|
1719
1745
|
"ui-py-[calc(theme('spacing.s')-1px)]": size === "large"
|
|
1720
|
-
}, className);
|
|
1746
|
+
}, "ui-h-12 sm:ui-h-auto", className);
|
|
1721
1747
|
const textColorClass = allowedColors[textColor !== null && textColor !== void 0 ? textColor : "base"];
|
|
1722
1748
|
const tooltipAttrs = title ? {
|
|
1723
1749
|
"data-tip": true,
|
|
@@ -1787,16 +1813,16 @@ const isSubstring = (string, searchTerm, caseSensitive = false) => {
|
|
|
1787
1813
|
return (stringToSearch === null || stringToSearch === void 0 ? void 0 : stringToSearch.indexOf(searchTermWithCase)) > -1;
|
|
1788
1814
|
};
|
|
1789
1815
|
|
|
1790
|
-
var img$
|
|
1816
|
+
var img$h = "data:image/svg+xml,%3csvg width='144' height='144' viewBox='0 0 144 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M72 144C111.765 144 144 111.765 144 72C144 32.2355 111.765 0 72 0C32.2355 0 0 32.2355 0 72C0 111.765 32.2355 144 72 144Z' fill='%23BBE3D7'/%3e%3cpath d='M100 28H44C41.7909 28 40 29.7909 40 32V112C40 114.209 41.7909 116 44 116H100C102.209 116 104 114.209 104 112V32C104 29.7909 102.209 28 100 28Z' fill='%23FBFEFF'/%3e%3cellipse cx='58' cy='98' rx='4' ry='3' fill='%23FFD3E5'/%3e%3cellipse cx='58' cy='98' rx='4' ry='3' fill='%23FFD3E5'/%3e%3cellipse cx='58' cy='98' rx='4' ry='3' fill='%23FFD3E5'/%3e%3cellipse cx='86' cy='98' rx='4' ry='3' fill='%23FFD3E5'/%3e%3cellipse cx='86' cy='98' rx='4' ry='3' fill='%23FFD3E5'/%3e%3cellipse cx='86' cy='98' rx='4' ry='3' fill='%23FFD3E5'/%3e%3cpath d='M71.9007 101.202C70.0421 101.202 68.5352 99.6148 68.5352 97.6578V96H75.2663V97.6578C75.2663 99.6148 73.7594 101.202 71.9007 101.202Z' fill='%23454545'/%3e%3cpath d='M60.0918 96.0458C59.8056 95.6233 59.3882 95.5719 59.2189 95.5719C59.0496 95.5719 58.6252 95.6181 58.3461 96.0458C57.9584 96.6394 57.1663 96.8045 56.5764 96.4145C55.9865 96.025 55.8224 95.2273 56.2101 94.6338C56.8775 93.6111 58.0023 93 59.2189 93C60.4355 93 61.5603 93.6111 62.2284 94.6338C62.6154 95.2273 62.4513 96.025 61.8614 96.4145C61.645 96.5575 60.6888 96.9281 60.0918 96.0458Z' fill='%23454545'/%3e%3cpath d='M85.6543 96.0458C85.3681 95.6233 84.9513 95.5719 84.7814 95.5719C84.6121 95.5719 84.1883 95.6181 83.9092 96.0458C83.5215 96.6394 82.7288 96.8045 82.1389 96.4145C81.549 96.025 81.3849 95.2273 81.7726 94.6338C82.4406 93.6111 83.5655 93 84.7821 93C85.998 93 87.1228 93.6111 87.7909 94.6338C88.1786 95.2273 88.0144 96.025 87.4246 96.4145C87.2081 96.5575 86.2519 96.9281 85.6543 96.0458Z' fill='%23454545'/%3e%3crect x='88.8281' y='45.8281' width='8' height='4' rx='2' transform='rotate(45 88.8281 45.8281)' fill='%23BBE3D7'/%3e%3crect x='100.143' y='45.8281' width='12' height='4' rx='2' transform='rotate(135 100.143 45.8281)' fill='%23BBE3D7'/%3e%3crect x='46' y='46' width='34' height='8' rx='4' fill='%23C0E9FA'/%3e%3crect x='88.8281' y='65.8281' width='8' height='4' rx='2' transform='rotate(45 88.8281 65.8281)' fill='%23BBE3D7'/%3e%3crect x='100.143' y='65.8281' width='12' height='4' rx='2' transform='rotate(135 100.143 65.8281)' fill='%23BBE3D7'/%3e%3crect x='46' y='66' width='34' height='8' rx='4' fill='%23C0E9FA'/%3e%3c/svg%3e";
|
|
1791
1817
|
|
|
1792
|
-
var img$h = "data:image/svg+xml,%3csvg width='144' height='144' viewBox='0 0 144 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1866_119823)'%3e%3cmask id='mask0_1866_119823' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='144' height='144'%3e%3cpath d='M0 0V144H144V0H0H0Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_1866_119823)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M72 144C32.235 144 0 111.765 0 72C0 32.235 32.235 0 72 0C111.765 0 144 32.235 144 72C144 111.765 111.765 144 72 144Z' fill='%236ABFA5'/%3e%3c/g%3e%3cmask id='mask1_1866_119823' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='54' y='36' width='35' height='35'%3e%3cpath d='M71.14 36L71.4657 36.003C80.7804 36.1767 88.28 43.7828 88.28 53.14V70.065L54 69.882V53.14C54 43.674 61.673 36 71.14 36ZM71.14 41.472L70.8441 41.4757C64.6488 41.6327 59.674 46.7039 59.674 52.937V65.524L82.605 65.646V52.937C82.605 46.605 77.471 41.472 71.14 41.472Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask1_1866_119823)'%3e%3cpath d='M71.14 36L71.4657 36.003C80.7804 36.1767 88.28 43.7828 88.28 53.14V70.065L54 69.882V53.14C54 43.674 61.673 36 71.14 36ZM71.14 41.472L70.8441 41.4757C64.6488 41.6327 59.674 46.7039 59.674 52.937V65.524L82.605 65.646V52.937C82.605 46.605 77.471 41.472 71.14 41.472Z' fill='%23F2F2F2'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71 39L71.3085 39.0035C78.8971 39.1745 85 45.6404 85 53.5915V68L57 67.8442V53.5915C57 45.533 63.2673 39 71 39ZM71 43.6584L70.7334 43.6623C65.6846 43.8094 61.6345 48.1211 61.6345 53.4187V64.1342L80.3646 64.238V53.4187C80.3646 48.0282 76.1712 43.6584 71 43.6584Z' fill='%23DEDEDE'/%3e%3c/g%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M90.5966 107.98H53.4036C50.1986 107.98 47.5996 105.381 47.5996 102.176V68.7708C47.5996 65.5658 50.1986 62.9668 53.4036 62.9668H90.5966C93.8026 62.9668 96.4006 65.5658 96.4006 68.7708V102.176C96.4006 105.381 93.8026 107.98 90.5966 107.98Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71.9277 75.3438C69.1662 75.3438 66.9277 77.5836 66.9277 80.3467C66.9277 82.3006 68.0499 83.9884 69.6804 84.8115L69.6813 95.3438H74.1751L74.1761 84.8115C75.8065 83.9884 76.9277 82.3006 76.9277 80.3467C76.9277 77.5836 74.6893 75.3438 71.9277 75.3438Z' fill='%236670A5'/%3e%3cpath d='M61 62H53V63H61V62Z' fill='white'/%3e%3cpath d='M89 62H81V63H89V62Z' fill='white'/%3e%3cpath d='M72 144C111.765 144 144 111.765 144 72C144 32.2355 111.765 0 72 0C32.2355 0 0 32.2355 0 72C0 111.765 32.2355 144 72 144Z' fill='%236ABFA5'/%3e%3cpath d='M76.975 32.7732C79.9117 37.5004 83.0276 42.9368 86.1287 48.7329C87.8031 51.8633 90.8123 54.0548 94.2988 54.6825C100.469 55.7938 106.31 56.9717 111.465 58.1712C115.702 59.1572 117.426 64.2717 114.653 67.6338C111.028 72.0263 106.95 76.7279 102.457 81.5292C100.104 84.0461 98.9851 87.4836 99.4054 90.909C100.173 97.1657 100.778 103.076 101.239 108.507C101.61 112.876 97.2381 116.105 93.1944 114.44C87.6662 112.163 82.6966 109.553 77.0542 106.776C73.8839 105.217 70.1732 105.197 66.9841 106.72C61.3559 109.408 56.0667 111.994 50.9051 114.19C46.8445 115.918 42.404 112.698 42.7799 108.29C43.2385 102.918 43.8374 97.0822 44.5947 90.909C45.015 87.4829 43.8971 84.0454 41.5426 81.5286C37.051 76.7273 32.9716 72.0256 29.3475 67.6331C26.5747 64.271 28.2981 59.1565 32.5352 58.1705C37.6902 56.9711 43.5319 55.7931 49.7019 54.6819C53.1878 54.0542 56.1969 51.8626 57.872 48.7322C60.9725 42.9362 64.0884 37.4997 67.0257 32.7725C69.3225 29.0757 74.6775 29.0757 76.975 32.7732Z' fill='%23EDFFF9'/%3e%3cpath opacity='0.5' d='M60.6635 77.2045C60.6635 74.8627 58.2874 72.9648 55.3561 72.9648C52.4249 72.9648 50.0488 74.8627 50.0488 77.2045C50.0488 79.5455 52.4249 81.4441 55.3561 81.4441C58.2874 81.4441 60.6635 79.5455 60.6635 77.2045Z' fill='%23FF83B4'/%3e%3cpath opacity='0.5' d='M93.9499 77.2045C93.9499 74.8627 91.5739 72.9648 88.6426 72.9648C85.712 72.9648 83.3359 74.8627 83.3359 77.2045C83.3359 79.5455 85.712 81.4441 88.6426 81.4441C91.5739 81.4441 93.9499 79.5455 93.9499 77.2045Z' fill='%23FF83B4'/%3e%3cpath d='M71.9988 76.516C70.2801 76.516 68.5613 75.9577 67.1272 74.8417C66.5478 74.3911 66.4424 73.554 66.8923 72.9727C67.3414 72.3915 68.176 72.2858 68.7554 72.7363C70.6648 74.2227 73.3329 74.2227 75.243 72.7363C75.8224 72.2858 76.6562 72.3915 77.1061 72.9727C77.5552 73.554 77.4498 74.3911 76.8704 74.8417C75.4363 75.9577 73.7176 76.516 71.9988 76.516Z' fill='%23454545'/%3e%3cpath d='M58.6251 73.96C58.3276 73.5222 57.8939 73.469 57.718 73.469C57.5421 73.469 57.101 73.5168 56.811 73.96C56.4081 74.5749 55.585 74.746 54.972 74.3419C54.3591 73.9384 54.1885 73.1121 54.5914 72.4972C55.2849 71.4378 56.4538 70.8047 57.718 70.8047C58.9822 70.8047 60.1511 71.4378 60.8453 72.4972C61.2475 73.1121 61.077 73.9384 60.464 74.3419C60.2391 74.49 59.2454 74.8739 58.6251 73.96Z' fill='%23454545'/%3e%3cpath d='M87.1876 73.96C86.8901 73.5222 86.4571 73.469 86.2805 73.469C86.1046 73.469 85.6642 73.5168 85.3741 73.96C84.9713 74.5749 84.1475 74.746 83.5345 74.3419C82.9216 73.9384 82.751 73.1121 83.1539 72.4972C83.8481 71.4378 85.017 70.8047 86.2812 70.8047C87.5447 70.8047 88.7136 71.4378 89.4078 72.4972C89.8107 73.1121 89.6401 73.9384 89.0272 74.3419C88.8022 74.49 87.8086 74.8739 87.1876 73.96Z' fill='%23454545'/%3e%3cg clip-path='url(%23clip1_1866_119823)'%3e%3cmask id='mask2_1866_119823' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='144' height='144'%3e%3cpath d='M0 0V144H144V0H0H0Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask2_1866_119823)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M72 144C32.235 144 0 111.765 0 72C0 32.235 32.235 0 72 0C111.765 0 144 32.235 144 72C144 111.765 111.765 144 72 144Z' fill='%23BBE3D7'/%3e%3c/g%3e%3cmask id='mask3_1866_119823' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='54' y='36' width='35' height='35'%3e%3cpath d='M71.14 36L71.4657 36.003C80.7804 36.1767 88.28 43.7828 88.28 53.14V70.065L54 69.882V53.14C54 43.674 61.673 36 71.14 36ZM71.14 41.472L70.8441 41.4757C64.6488 41.6327 59.674 46.7039 59.674 52.937V65.524L82.605 65.646V52.937C82.605 46.605 77.471 41.472 71.14 41.472Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask3_1866_119823)'%3e%3cpath d='M71.14 36L71.4657 36.003C80.7804 36.1767 88.28 43.7828 88.28 53.14V70.065L54 69.882V53.14C54 43.674 61.673 36 71.14 36ZM71.14 41.472L70.8441 41.4757C64.6488 41.6327 59.674 46.7039 59.674 52.937V65.524L82.605 65.646V52.937C82.605 46.605 77.471 41.472 71.14 41.472Z' fill='%23F2F2F2'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71 39L71.3085 39.0035C78.8971 39.1745 85 45.6404 85 53.5915V68L57 67.8442V53.5915C57 45.533 63.2673 39 71 39ZM71 43.6584L70.7334 43.6623C65.6846 43.8094 61.6345 48.1211 61.6345 53.4187V64.1342L80.3646 64.238V53.4187C80.3646 48.0282 76.1712 43.6584 71 43.6584Z' fill='%23DEDEDE'/%3e%3c/g%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M90.5966 107.98H53.4036C50.1986 107.98 47.5996 105.381 47.5996 102.176V68.7708C47.5996 65.5658 50.1986 62.9668 53.4036 62.9668H90.5966C93.8026 62.9668 96.4006 65.5658 96.4006 68.7708V102.176C96.4006 105.381 93.8026 107.98 90.5966 107.98Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71.9277 75.3438C69.1662 75.3438 66.9277 77.5836 66.9277 80.3467C66.9277 82.3006 68.0499 83.9884 69.6804 84.8115L69.6813 95.3438H74.1751L74.1761 84.8115C75.8065 83.9884 76.9277 82.3006 76.9277 80.3467C76.9277 77.5836 74.6893 75.3438 71.9277 75.3438Z' fill='%236670A5'/%3e%3cpath d='M61 62H53V63H61V62Z' fill='white'/%3e%3cpath d='M89 62H81V63H89V62Z' fill='white'/%3e%3cpath d='M72 144C111.765 144 144 111.765 144 72C144 32.2355 111.765 0 72 0C32.2355 0 0 32.2355 0 72C0 111.765 32.2355 144 72 144Z' fill='%23BBE3D7'/%3e%3cpath d='M76.975 32.7732C79.9117 37.5004 83.0276 42.9368 86.1287 48.7329C87.8031 51.8633 90.8123 54.0548 94.2988 54.6825C100.469 55.7938 106.31 56.9717 111.465 58.1712C115.702 59.1572 117.426 64.2717 114.653 67.6338C111.028 72.0263 106.95 76.7279 102.457 81.5292C100.104 84.0461 98.9851 87.4836 99.4054 90.909C100.173 97.1657 100.778 103.076 101.239 108.507C101.61 112.876 97.2381 116.105 93.1944 114.44C87.6662 112.163 82.6966 109.553 77.0542 106.776C73.8839 105.217 70.1732 105.197 66.9841 106.72C61.3559 109.408 56.0667 111.994 50.9051 114.19C46.8445 115.918 42.404 112.698 42.7799 108.29C43.2385 102.918 43.8374 97.0822 44.5947 90.909C45.015 87.4829 43.8971 84.0454 41.5426 81.5286C37.051 76.7273 32.9716 72.0256 29.3475 67.6331C26.5747 64.271 28.2981 59.1565 32.5352 58.1705C37.6902 56.9711 43.5319 55.7931 49.7019 54.6819C53.1878 54.0542 56.1969 51.8626 57.872 48.7322C60.9725 42.9362 64.0884 37.4997 67.0257 32.7725C69.3225 29.0757 74.6775 29.0757 76.975 32.7732Z' fill='%23EDFFF9'/%3e%3cpath opacity='0.5' d='M60.6635 77.2045C60.6635 74.8627 58.2874 72.9648 55.3561 72.9648C52.4249 72.9648 50.0488 74.8627 50.0488 77.2045C50.0488 79.5455 52.4249 81.4441 55.3561 81.4441C58.2874 81.4441 60.6635 79.5455 60.6635 77.2045Z' fill='%23FF83B4'/%3e%3cpath opacity='0.5' d='M93.9499 77.2045C93.9499 74.8627 91.5739 72.9648 88.6426 72.9648C85.712 72.9648 83.3359 74.8627 83.3359 77.2045C83.3359 79.5455 85.712 81.4441 88.6426 81.4441C91.5739 81.4441 93.9499 79.5455 93.9499 77.2045Z' fill='%23FF83B4'/%3e%3cpath d='M71.9988 76.516C70.2801 76.516 68.5613 75.9577 67.1272 74.8417C66.5478 74.3911 66.4424 73.554 66.8923 72.9727C67.3414 72.3915 68.176 72.2858 68.7554 72.7363C70.6648 74.2227 73.3329 74.2227 75.243 72.7363C75.8224 72.2858 76.6562 72.3915 77.1061 72.9727C77.5552 73.554 77.4498 74.3911 76.8704 74.8417C75.4363 75.9577 73.7176 76.516 71.9988 76.516Z' fill='%23454545'/%3e%3cpath d='M58.6251 73.96C58.3276 73.5222 57.8939 73.469 57.718 73.469C57.5421 73.469 57.101 73.5168 56.811 73.96C56.4081 74.5749 55.585 74.746 54.972 74.3419C54.3591 73.9384 54.1885 73.1121 54.5914 72.4972C55.2849 71.4378 56.4538 70.8047 57.718 70.8047C58.9822 70.8047 60.1511 71.4378 60.8453 72.4972C61.2475 73.1121 61.077 73.9384 60.464 74.3419C60.2391 74.49 59.2454 74.8739 58.6251 73.96Z' fill='%23454545'/%3e%3cpath d='M87.1876 73.96C86.8901 73.5222 86.4571 73.469 86.2805 73.469C86.1046 73.469 85.6642 73.5168 85.3741 73.96C84.9713 74.5749 84.1475 74.746 83.5345 74.3419C82.9216 73.9384 82.751 73.1121 83.1539 72.4972C83.8481 71.4378 85.017 70.8047 86.2812 70.8047C87.5447 70.8047 88.7136 71.4378 89.4078 72.4972C89.8107 73.1121 89.6401 73.9384 89.0272 74.3419C88.8022 74.49 87.8086 74.8739 87.1876 73.96Z' fill='%23454545'/%3e%3ccircle cx='72' cy='72' r='72' fill='%23BBE3D7'/%3e%3cpath d='M57.8627 78L65 85.1367C65 85.1367 58.3298 97.4142 46.3849 109.359C42.1198 113.625 35.8091 114.23 32.2895 110.71C28.7706 107.19 29.3753 100.88 33.6404 96.6145C45.5853 84.6696 57.8627 78 57.8627 78Z' fill='%236670A5'/%3e%3cpath d='M49 83.6111C50.3607 85.6362 51.9273 87.5447 53.691 89.3083C55.4553 91.072 57.3631 92.6393 59.3882 94C63.0565 88.8161 65 85.239 65 85.239L57.7604 78C57.7604 78 54.1839 79.9435 49 83.6111Z' fill='%237A86C6'/%3e%3cpath d='M113 62.5C113 80.4489 98.4489 95 80.5 95C62.5511 95 48 80.4489 48 62.5C48 44.5504 62.5511 30 80.5 30C98.4489 30 113 44.5504 113 62.5Z' fill='%236670A5'/%3e%3cpath d='M104 62.5003C104 75.4788 93.4787 86 80.5 86C67.5213 86 57 75.4788 57 62.5003C57 49.5218 67.5213 39 80.5 39C93.4787 39 104 49.5218 104 62.5003Z' fill='%23CCECF9'/%3e%3cpath d='M66.5 64C65.6716 64 65 63.3273 65 62.4976V59.5024C65 58.6727 65.6716 58 66.5 58C67.3284 58 68 58.6727 68 59.5024V62.4974C68.0002 63.3272 67.3284 64 66.5 64Z' fill='%232D2D2D'/%3e%3cpath d='M94.5 64C93.6716 64 93 63.3273 93 62.4976V59.5024C93 58.6727 93.6716 58 94.5 58C95.3284 58 96 58.6727 96 59.5024V62.4974C96.0002 63.3272 95.3284 64 94.5 64Z' fill='%232D2D2D'/%3e%3cpath d='M80.5002 69C78.5064 69 76.6346 68.1213 75.3655 66.5887C74.828 65.9395 74.8906 64.9532 75.5057 64.3859C76.1208 63.8187 77.0552 63.8846 77.5928 64.5338C78.3 65.3879 79.3596 65.8776 80.5001 65.8776C81.6403 65.8776 82.6999 65.3879 83.4071 64.5338C83.9447 63.8846 84.8791 63.8183 85.4943 64.3859C86.1094 64.9532 86.1722 65.9395 85.6344 66.5887C84.3657 68.1213 82.4941 69 80.5002 69Z' fill='%232D2D2D'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1866_119823'%3e%3crect width='144' height='144' fill='white'/%3e%3c/clipPath%3e%3cclipPath id='clip1_1866_119823'%3e%3crect width='144' height='144' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
1818
|
+
var img$g = "data:image/svg+xml,%3csvg width='144' height='144' viewBox='0 0 144 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1866_119823)'%3e%3cmask id='mask0_1866_119823' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='144' height='144'%3e%3cpath d='M0 0V144H144V0H0H0Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_1866_119823)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M72 144C32.235 144 0 111.765 0 72C0 32.235 32.235 0 72 0C111.765 0 144 32.235 144 72C144 111.765 111.765 144 72 144Z' fill='%236ABFA5'/%3e%3c/g%3e%3cmask id='mask1_1866_119823' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='54' y='36' width='35' height='35'%3e%3cpath d='M71.14 36L71.4657 36.003C80.7804 36.1767 88.28 43.7828 88.28 53.14V70.065L54 69.882V53.14C54 43.674 61.673 36 71.14 36ZM71.14 41.472L70.8441 41.4757C64.6488 41.6327 59.674 46.7039 59.674 52.937V65.524L82.605 65.646V52.937C82.605 46.605 77.471 41.472 71.14 41.472Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask1_1866_119823)'%3e%3cpath d='M71.14 36L71.4657 36.003C80.7804 36.1767 88.28 43.7828 88.28 53.14V70.065L54 69.882V53.14C54 43.674 61.673 36 71.14 36ZM71.14 41.472L70.8441 41.4757C64.6488 41.6327 59.674 46.7039 59.674 52.937V65.524L82.605 65.646V52.937C82.605 46.605 77.471 41.472 71.14 41.472Z' fill='%23F2F2F2'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71 39L71.3085 39.0035C78.8971 39.1745 85 45.6404 85 53.5915V68L57 67.8442V53.5915C57 45.533 63.2673 39 71 39ZM71 43.6584L70.7334 43.6623C65.6846 43.8094 61.6345 48.1211 61.6345 53.4187V64.1342L80.3646 64.238V53.4187C80.3646 48.0282 76.1712 43.6584 71 43.6584Z' fill='%23DEDEDE'/%3e%3c/g%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M90.5966 107.98H53.4036C50.1986 107.98 47.5996 105.381 47.5996 102.176V68.7708C47.5996 65.5658 50.1986 62.9668 53.4036 62.9668H90.5966C93.8026 62.9668 96.4006 65.5658 96.4006 68.7708V102.176C96.4006 105.381 93.8026 107.98 90.5966 107.98Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71.9277 75.3438C69.1662 75.3438 66.9277 77.5836 66.9277 80.3467C66.9277 82.3006 68.0499 83.9884 69.6804 84.8115L69.6813 95.3438H74.1751L74.1761 84.8115C75.8065 83.9884 76.9277 82.3006 76.9277 80.3467C76.9277 77.5836 74.6893 75.3438 71.9277 75.3438Z' fill='%236670A5'/%3e%3cpath d='M61 62H53V63H61V62Z' fill='white'/%3e%3cpath d='M89 62H81V63H89V62Z' fill='white'/%3e%3cpath d='M72 144C111.765 144 144 111.765 144 72C144 32.2355 111.765 0 72 0C32.2355 0 0 32.2355 0 72C0 111.765 32.2355 144 72 144Z' fill='%236ABFA5'/%3e%3cpath d='M76.975 32.7732C79.9117 37.5004 83.0276 42.9368 86.1287 48.7329C87.8031 51.8633 90.8123 54.0548 94.2988 54.6825C100.469 55.7938 106.31 56.9717 111.465 58.1712C115.702 59.1572 117.426 64.2717 114.653 67.6338C111.028 72.0263 106.95 76.7279 102.457 81.5292C100.104 84.0461 98.9851 87.4836 99.4054 90.909C100.173 97.1657 100.778 103.076 101.239 108.507C101.61 112.876 97.2381 116.105 93.1944 114.44C87.6662 112.163 82.6966 109.553 77.0542 106.776C73.8839 105.217 70.1732 105.197 66.9841 106.72C61.3559 109.408 56.0667 111.994 50.9051 114.19C46.8445 115.918 42.404 112.698 42.7799 108.29C43.2385 102.918 43.8374 97.0822 44.5947 90.909C45.015 87.4829 43.8971 84.0454 41.5426 81.5286C37.051 76.7273 32.9716 72.0256 29.3475 67.6331C26.5747 64.271 28.2981 59.1565 32.5352 58.1705C37.6902 56.9711 43.5319 55.7931 49.7019 54.6819C53.1878 54.0542 56.1969 51.8626 57.872 48.7322C60.9725 42.9362 64.0884 37.4997 67.0257 32.7725C69.3225 29.0757 74.6775 29.0757 76.975 32.7732Z' fill='%23EDFFF9'/%3e%3cpath opacity='0.5' d='M60.6635 77.2045C60.6635 74.8627 58.2874 72.9648 55.3561 72.9648C52.4249 72.9648 50.0488 74.8627 50.0488 77.2045C50.0488 79.5455 52.4249 81.4441 55.3561 81.4441C58.2874 81.4441 60.6635 79.5455 60.6635 77.2045Z' fill='%23FF83B4'/%3e%3cpath opacity='0.5' d='M93.9499 77.2045C93.9499 74.8627 91.5739 72.9648 88.6426 72.9648C85.712 72.9648 83.3359 74.8627 83.3359 77.2045C83.3359 79.5455 85.712 81.4441 88.6426 81.4441C91.5739 81.4441 93.9499 79.5455 93.9499 77.2045Z' fill='%23FF83B4'/%3e%3cpath d='M71.9988 76.516C70.2801 76.516 68.5613 75.9577 67.1272 74.8417C66.5478 74.3911 66.4424 73.554 66.8923 72.9727C67.3414 72.3915 68.176 72.2858 68.7554 72.7363C70.6648 74.2227 73.3329 74.2227 75.243 72.7363C75.8224 72.2858 76.6562 72.3915 77.1061 72.9727C77.5552 73.554 77.4498 74.3911 76.8704 74.8417C75.4363 75.9577 73.7176 76.516 71.9988 76.516Z' fill='%23454545'/%3e%3cpath d='M58.6251 73.96C58.3276 73.5222 57.8939 73.469 57.718 73.469C57.5421 73.469 57.101 73.5168 56.811 73.96C56.4081 74.5749 55.585 74.746 54.972 74.3419C54.3591 73.9384 54.1885 73.1121 54.5914 72.4972C55.2849 71.4378 56.4538 70.8047 57.718 70.8047C58.9822 70.8047 60.1511 71.4378 60.8453 72.4972C61.2475 73.1121 61.077 73.9384 60.464 74.3419C60.2391 74.49 59.2454 74.8739 58.6251 73.96Z' fill='%23454545'/%3e%3cpath d='M87.1876 73.96C86.8901 73.5222 86.4571 73.469 86.2805 73.469C86.1046 73.469 85.6642 73.5168 85.3741 73.96C84.9713 74.5749 84.1475 74.746 83.5345 74.3419C82.9216 73.9384 82.751 73.1121 83.1539 72.4972C83.8481 71.4378 85.017 70.8047 86.2812 70.8047C87.5447 70.8047 88.7136 71.4378 89.4078 72.4972C89.8107 73.1121 89.6401 73.9384 89.0272 74.3419C88.8022 74.49 87.8086 74.8739 87.1876 73.96Z' fill='%23454545'/%3e%3cg clip-path='url(%23clip1_1866_119823)'%3e%3cmask id='mask2_1866_119823' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='144' height='144'%3e%3cpath d='M0 0V144H144V0H0H0Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask2_1866_119823)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M72 144C32.235 144 0 111.765 0 72C0 32.235 32.235 0 72 0C111.765 0 144 32.235 144 72C144 111.765 111.765 144 72 144Z' fill='%23BBE3D7'/%3e%3c/g%3e%3cmask id='mask3_1866_119823' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='54' y='36' width='35' height='35'%3e%3cpath d='M71.14 36L71.4657 36.003C80.7804 36.1767 88.28 43.7828 88.28 53.14V70.065L54 69.882V53.14C54 43.674 61.673 36 71.14 36ZM71.14 41.472L70.8441 41.4757C64.6488 41.6327 59.674 46.7039 59.674 52.937V65.524L82.605 65.646V52.937C82.605 46.605 77.471 41.472 71.14 41.472Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask3_1866_119823)'%3e%3cpath d='M71.14 36L71.4657 36.003C80.7804 36.1767 88.28 43.7828 88.28 53.14V70.065L54 69.882V53.14C54 43.674 61.673 36 71.14 36ZM71.14 41.472L70.8441 41.4757C64.6488 41.6327 59.674 46.7039 59.674 52.937V65.524L82.605 65.646V52.937C82.605 46.605 77.471 41.472 71.14 41.472Z' fill='%23F2F2F2'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71 39L71.3085 39.0035C78.8971 39.1745 85 45.6404 85 53.5915V68L57 67.8442V53.5915C57 45.533 63.2673 39 71 39ZM71 43.6584L70.7334 43.6623C65.6846 43.8094 61.6345 48.1211 61.6345 53.4187V64.1342L80.3646 64.238V53.4187C80.3646 48.0282 76.1712 43.6584 71 43.6584Z' fill='%23DEDEDE'/%3e%3c/g%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M90.5966 107.98H53.4036C50.1986 107.98 47.5996 105.381 47.5996 102.176V68.7708C47.5996 65.5658 50.1986 62.9668 53.4036 62.9668H90.5966C93.8026 62.9668 96.4006 65.5658 96.4006 68.7708V102.176C96.4006 105.381 93.8026 107.98 90.5966 107.98Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M71.9277 75.3438C69.1662 75.3438 66.9277 77.5836 66.9277 80.3467C66.9277 82.3006 68.0499 83.9884 69.6804 84.8115L69.6813 95.3438H74.1751L74.1761 84.8115C75.8065 83.9884 76.9277 82.3006 76.9277 80.3467C76.9277 77.5836 74.6893 75.3438 71.9277 75.3438Z' fill='%236670A5'/%3e%3cpath d='M61 62H53V63H61V62Z' fill='white'/%3e%3cpath d='M89 62H81V63H89V62Z' fill='white'/%3e%3cpath d='M72 144C111.765 144 144 111.765 144 72C144 32.2355 111.765 0 72 0C32.2355 0 0 32.2355 0 72C0 111.765 32.2355 144 72 144Z' fill='%23BBE3D7'/%3e%3cpath d='M76.975 32.7732C79.9117 37.5004 83.0276 42.9368 86.1287 48.7329C87.8031 51.8633 90.8123 54.0548 94.2988 54.6825C100.469 55.7938 106.31 56.9717 111.465 58.1712C115.702 59.1572 117.426 64.2717 114.653 67.6338C111.028 72.0263 106.95 76.7279 102.457 81.5292C100.104 84.0461 98.9851 87.4836 99.4054 90.909C100.173 97.1657 100.778 103.076 101.239 108.507C101.61 112.876 97.2381 116.105 93.1944 114.44C87.6662 112.163 82.6966 109.553 77.0542 106.776C73.8839 105.217 70.1732 105.197 66.9841 106.72C61.3559 109.408 56.0667 111.994 50.9051 114.19C46.8445 115.918 42.404 112.698 42.7799 108.29C43.2385 102.918 43.8374 97.0822 44.5947 90.909C45.015 87.4829 43.8971 84.0454 41.5426 81.5286C37.051 76.7273 32.9716 72.0256 29.3475 67.6331C26.5747 64.271 28.2981 59.1565 32.5352 58.1705C37.6902 56.9711 43.5319 55.7931 49.7019 54.6819C53.1878 54.0542 56.1969 51.8626 57.872 48.7322C60.9725 42.9362 64.0884 37.4997 67.0257 32.7725C69.3225 29.0757 74.6775 29.0757 76.975 32.7732Z' fill='%23EDFFF9'/%3e%3cpath opacity='0.5' d='M60.6635 77.2045C60.6635 74.8627 58.2874 72.9648 55.3561 72.9648C52.4249 72.9648 50.0488 74.8627 50.0488 77.2045C50.0488 79.5455 52.4249 81.4441 55.3561 81.4441C58.2874 81.4441 60.6635 79.5455 60.6635 77.2045Z' fill='%23FF83B4'/%3e%3cpath opacity='0.5' d='M93.9499 77.2045C93.9499 74.8627 91.5739 72.9648 88.6426 72.9648C85.712 72.9648 83.3359 74.8627 83.3359 77.2045C83.3359 79.5455 85.712 81.4441 88.6426 81.4441C91.5739 81.4441 93.9499 79.5455 93.9499 77.2045Z' fill='%23FF83B4'/%3e%3cpath d='M71.9988 76.516C70.2801 76.516 68.5613 75.9577 67.1272 74.8417C66.5478 74.3911 66.4424 73.554 66.8923 72.9727C67.3414 72.3915 68.176 72.2858 68.7554 72.7363C70.6648 74.2227 73.3329 74.2227 75.243 72.7363C75.8224 72.2858 76.6562 72.3915 77.1061 72.9727C77.5552 73.554 77.4498 74.3911 76.8704 74.8417C75.4363 75.9577 73.7176 76.516 71.9988 76.516Z' fill='%23454545'/%3e%3cpath d='M58.6251 73.96C58.3276 73.5222 57.8939 73.469 57.718 73.469C57.5421 73.469 57.101 73.5168 56.811 73.96C56.4081 74.5749 55.585 74.746 54.972 74.3419C54.3591 73.9384 54.1885 73.1121 54.5914 72.4972C55.2849 71.4378 56.4538 70.8047 57.718 70.8047C58.9822 70.8047 60.1511 71.4378 60.8453 72.4972C61.2475 73.1121 61.077 73.9384 60.464 74.3419C60.2391 74.49 59.2454 74.8739 58.6251 73.96Z' fill='%23454545'/%3e%3cpath d='M87.1876 73.96C86.8901 73.5222 86.4571 73.469 86.2805 73.469C86.1046 73.469 85.6642 73.5168 85.3741 73.96C84.9713 74.5749 84.1475 74.746 83.5345 74.3419C82.9216 73.9384 82.751 73.1121 83.1539 72.4972C83.8481 71.4378 85.017 70.8047 86.2812 70.8047C87.5447 70.8047 88.7136 71.4378 89.4078 72.4972C89.8107 73.1121 89.6401 73.9384 89.0272 74.3419C88.8022 74.49 87.8086 74.8739 87.1876 73.96Z' fill='%23454545'/%3e%3ccircle cx='72' cy='72' r='72' fill='%23BBE3D7'/%3e%3cpath d='M57.8627 78L65 85.1367C65 85.1367 58.3298 97.4142 46.3849 109.359C42.1198 113.625 35.8091 114.23 32.2895 110.71C28.7706 107.19 29.3753 100.88 33.6404 96.6145C45.5853 84.6696 57.8627 78 57.8627 78Z' fill='%236670A5'/%3e%3cpath d='M49 83.6111C50.3607 85.6362 51.9273 87.5447 53.691 89.3083C55.4553 91.072 57.3631 92.6393 59.3882 94C63.0565 88.8161 65 85.239 65 85.239L57.7604 78C57.7604 78 54.1839 79.9435 49 83.6111Z' fill='%237A86C6'/%3e%3cpath d='M113 62.5C113 80.4489 98.4489 95 80.5 95C62.5511 95 48 80.4489 48 62.5C48 44.5504 62.5511 30 80.5 30C98.4489 30 113 44.5504 113 62.5Z' fill='%236670A5'/%3e%3cpath d='M104 62.5003C104 75.4788 93.4787 86 80.5 86C67.5213 86 57 75.4788 57 62.5003C57 49.5218 67.5213 39 80.5 39C93.4787 39 104 49.5218 104 62.5003Z' fill='%23CCECF9'/%3e%3cpath d='M66.5 64C65.6716 64 65 63.3273 65 62.4976V59.5024C65 58.6727 65.6716 58 66.5 58C67.3284 58 68 58.6727 68 59.5024V62.4974C68.0002 63.3272 67.3284 64 66.5 64Z' fill='%232D2D2D'/%3e%3cpath d='M94.5 64C93.6716 64 93 63.3273 93 62.4976V59.5024C93 58.6727 93.6716 58 94.5 58C95.3284 58 96 58.6727 96 59.5024V62.4974C96.0002 63.3272 95.3284 64 94.5 64Z' fill='%232D2D2D'/%3e%3cpath d='M80.5002 69C78.5064 69 76.6346 68.1213 75.3655 66.5887C74.828 65.9395 74.8906 64.9532 75.5057 64.3859C76.1208 63.8187 77.0552 63.8846 77.5928 64.5338C78.3 65.3879 79.3596 65.8776 80.5001 65.8776C81.6403 65.8776 82.6999 65.3879 83.4071 64.5338C83.9447 63.8846 84.8791 63.8183 85.4943 64.3859C86.1094 64.9532 86.1722 65.9395 85.6344 66.5887C84.3657 68.1213 82.4941 69 80.5002 69Z' fill='%232D2D2D'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1866_119823'%3e%3crect width='144' height='144' fill='white'/%3e%3c/clipPath%3e%3cclipPath id='clip1_1866_119823'%3e%3crect width='144' height='144' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
1793
1819
|
|
|
1794
|
-
var img$
|
|
1820
|
+
var img$f = "data:image/svg+xml,%3csvg width='144' height='144' viewBox='0 0 144 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M72 144C111.765 144 144 111.765 144 72C144 32.2355 111.765 0 72 0C32.2355 0 0 32.2355 0 72C0 111.765 32.2355 144 72 144Z' fill='%236ABFA5'/%3e%3cpath d='M76.975 32.7732C79.9117 37.5004 83.0276 42.9368 86.1287 48.7329C87.8031 51.8633 90.8123 54.0548 94.2988 54.6825C100.469 55.7938 106.31 56.9717 111.465 58.1712C115.702 59.1572 117.426 64.2717 114.653 67.6338C111.028 72.0263 106.95 76.7279 102.457 81.5292C100.104 84.0461 98.9851 87.4836 99.4054 90.909C100.173 97.1657 100.778 103.076 101.239 108.507C101.61 112.876 97.2381 116.105 93.1944 114.44C87.6662 112.163 82.6966 109.553 77.0542 106.776C73.8839 105.217 70.1732 105.197 66.9841 106.72C61.3559 109.408 56.0667 111.994 50.9051 114.19C46.8445 115.918 42.404 112.698 42.7799 108.29C43.2385 102.918 43.8374 97.0822 44.5947 90.909C45.015 87.4829 43.8971 84.0454 41.5426 81.5286C37.051 76.7273 32.9716 72.0256 29.3475 67.6331C26.5747 64.271 28.2981 59.1565 32.5352 58.1705C37.6902 56.9711 43.5319 55.7931 49.7019 54.6819C53.1878 54.0542 56.1969 51.8626 57.872 48.7322C60.9725 42.9362 64.0884 37.4997 67.0257 32.7725C69.3225 29.0757 74.6775 29.0757 76.975 32.7732Z' fill='%23EDFFF9'/%3e%3cpath opacity='0.5' d='M60.6643 77.204C60.6643 74.8623 58.2883 72.9644 55.357 72.9644C52.4257 72.9644 50.0497 74.8623 50.0497 77.204C50.0497 79.545 52.4257 81.4436 55.357 81.4436C58.2883 81.4436 60.6643 79.545 60.6643 77.204Z' fill='%23FF83B4'/%3e%3cpath opacity='0.5' d='M93.9503 77.204C93.9503 74.8623 91.5743 72.9644 88.643 72.9644C85.7124 72.9644 83.3364 74.8623 83.3364 77.204C83.3364 79.545 85.7124 81.4436 88.643 81.4436C91.5743 81.4436 93.9503 79.545 93.9503 77.204Z' fill='%23FF83B4'/%3e%3cpath d='M72 76.516C70.2813 76.516 68.5625 75.9577 67.1285 74.8417C66.5491 74.3911 66.4437 73.554 66.8935 72.9727C67.3426 72.3915 68.1772 72.2858 68.7566 72.7363C70.666 74.2227 73.3341 74.2227 75.2442 72.7363C75.8236 72.2858 76.6575 72.3915 77.1073 72.9727C77.5564 73.554 77.451 74.3911 76.8716 74.8417C75.4375 75.9577 73.7188 76.516 72 76.516Z' fill='%23454545'/%3e%3cpath d='M58.626 73.96C58.3286 73.5222 57.8949 73.469 57.719 73.469C57.5431 73.469 57.102 73.5168 56.8119 73.96C56.4091 74.5749 55.586 74.746 54.973 74.3419C54.36 73.9384 54.1895 73.1121 54.5923 72.4972C55.2859 71.4378 56.4548 70.8047 57.719 70.8047C58.9832 70.8047 60.1521 71.4378 60.8463 72.4972C61.2485 73.1121 61.0779 73.9384 60.465 74.3419C60.24 74.49 59.2464 74.8739 58.626 73.96Z' fill='%23454545'/%3e%3cpath d='M87.1882 73.96C86.8907 73.5222 86.4577 73.469 86.2811 73.469C86.1052 73.469 85.6648 73.5168 85.3747 73.96C84.9719 74.5749 84.1481 74.746 83.5351 74.3419C82.9222 73.9384 82.7516 73.1121 83.1545 72.4972C83.8487 71.4378 85.0176 70.8047 86.2818 70.8047C87.5453 70.8047 88.7142 71.4378 89.4084 72.4972C89.8113 73.1121 89.6407 73.9384 89.0278 74.3419C88.8028 74.49 87.8092 74.8739 87.1882 73.96Z' fill='%23454545'/%3e%3c/svg%3e";
|
|
1795
1821
|
|
|
1796
1822
|
const imageSrc = {
|
|
1797
|
-
"no-open-alerts": img$
|
|
1798
|
-
"search-not-found": img$
|
|
1799
|
-
"no-notes-found": img$
|
|
1823
|
+
"no-open-alerts": img$h,
|
|
1824
|
+
"search-not-found": img$g,
|
|
1825
|
+
"no-notes-found": img$f
|
|
1800
1826
|
};
|
|
1801
1827
|
const EmptyListMessage = ({ text, imageName, dataTestId = "empty-list-message", className }) => {
|
|
1802
1828
|
return React__namespace.default.createElement(
|
|
@@ -1807,66 +1833,66 @@ const EmptyListMessage = ({ text, imageName, dataTestId = "empty-list-message",
|
|
|
1807
1833
|
);
|
|
1808
1834
|
};
|
|
1809
1835
|
|
|
1810
|
-
var img$
|
|
1836
|
+
var img$e = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='68' height='20' viewBox='0 0 68 20'%3e %3cg fill='none' fill-rule='nonzero'%3e %3ccircle cx='10' cy='10' r='10' fill='%23F09'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='0.1'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='0.1'/%3e %3c/circle%3e %3ccircle cx='34' cy='10' r='10' fill='%236ABFA5'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='0.6'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='0.6'/%3e %3c/circle%3e %3ccircle cx='58' cy='10' r='10' fill='%236670A5'%3e %3canimate attributeName='opacity' dur='2s' values='1%3b0.6%3b1' repeatCount='indefinite' begin='1.1'/%3e %3canimate attributeName='r' dur='2s' repeatCount='indefinite' values='10%3b8%3b10' begin='1.1'/%3e %3c/circle%3e %3c/g%3e%3c/svg%3e";
|
|
1811
1837
|
|
|
1812
|
-
var img$
|
|
1838
|
+
var img$d = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto%3b background: none%3b display: block%3b shape-rendering: auto%3b' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='50' cy='50' fill='none' stroke='%23009fe3' stroke-width='16' r='36' stroke-dasharray='169.64600329384882 58.548667764616276'%3e %3canimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.1111111111111112s' values='0 50 50%3b360 50 50' keyTimes='0%3b1'%3e%3c/animateTransform%3e%3c/circle%3e%3c/svg%3e";
|
|
1813
1839
|
|
|
1814
|
-
var img$
|
|
1840
|
+
var img$c = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto%3b background: none%3b display: block%3b shape-rendering: auto%3b' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='50' cy='50' fill='none' stroke='%23cbd5e1' stroke-width='16' r='36' stroke-dasharray='169.64600329384882 58.548667764616276'%3e %3canimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.1111111111111112s' values='0 50 50%3b360 50 50' keyTimes='0%3b1'%3e%3c/animateTransform%3e%3c/circle%3e%3c!-- %5bldio%5d generated by https://loading.io/ --%3e%3c/svg%3e";
|
|
1815
1841
|
|
|
1816
1842
|
var css_248z$e = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-loading {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.cweb-loading .cweb-loading-text {\n margin-bottom: 24px;\n}\n.cweb-loading.as-modal {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 9999;\n background-color: rgba(255, 255, 255, 0.6);\n}\n.cweb-loading.as-modal .cweb-loading-panel {\n position: relative;\n width: 320px;\n min-height: 120px;\n border-radius: 4px;\n padding: 16px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.36);\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.cweb-loading.as-modal .cweb-loading-panel:before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n height: 3px;\n background-color: #6abfa5;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}";
|
|
1817
1843
|
styleInject(css_248z$e);
|
|
1818
1844
|
|
|
1819
1845
|
function LoadingIndicator(_a) {
|
|
1820
1846
|
var { asModal = false, asSpinner = false, className = "", spinnerColor = "blue", dataTestId = "loading-indicator" } = _a, restProps = __rest(_a, ["asModal", "asSpinner", "className", "spinnerColor", "dataTestId"]);
|
|
1821
|
-
const spinnerToRender = spinnerColor === "blue" ? img$
|
|
1847
|
+
const spinnerToRender = spinnerColor === "blue" ? img$d : img$c;
|
|
1822
1848
|
const containerClassName = classNames__default.default("cweb-loading", className, {
|
|
1823
1849
|
"as-modal": asModal
|
|
1824
1850
|
});
|
|
1825
1851
|
return React__namespace.default.createElement(
|
|
1826
1852
|
"div",
|
|
1827
1853
|
Object.assign({}, restProps, { className: containerClassName, "data-test-id": dataTestId, role: "progressbar" }),
|
|
1828
|
-
React__namespace.default.createElement("img", { src: asSpinner ? spinnerToRender : img$
|
|
1854
|
+
React__namespace.default.createElement("img", { src: asSpinner ? spinnerToRender : img$e, "data-chromatic": "ignore", className: classNames__default.default("ui-fill-current ui-stroke-current ui-text-gray-600", {
|
|
1829
1855
|
"ui-h-4 ui-w-4": asSpinner,
|
|
1830
1856
|
"ui-h-12 ui-w-12": !asSpinner
|
|
1831
1857
|
}) })
|
|
1832
1858
|
);
|
|
1833
1859
|
}
|
|
1834
1860
|
|
|
1835
|
-
var img$
|
|
1861
|
+
var img$b = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.05037 5.63664C6.65984 5.24612 6.02668 5.24612 5.63615 5.63664C5.24563 6.02717 5.24563 6.66033 5.63616 7.05086L10.5862 12.0009L5.63618 16.9509C5.24566 17.3415 5.24566 17.9746 5.63618 18.3652C6.02671 18.7557 6.65987 18.7557 7.0504 18.3652L12.0004 13.4151L16.9499 18.3646C17.3404 18.7551 17.9736 18.7551 18.3641 18.3646C18.7546 17.974 18.7546 17.3409 18.3641 16.9504L13.4146 12.0009L18.3641 7.05145C18.7546 6.66093 18.7546 6.02776 18.3641 5.63724C17.9736 5.24671 17.3404 5.24671 16.9499 5.63724L12.0004 10.5867L7.05037 5.63664Z' fill='%23EDF2F7'/%3e%3c/svg%3e";
|
|
1836
1862
|
|
|
1837
|
-
var img$
|
|
1863
|
+
var img$a = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 6C3 5.44772 3.44772 5 4 5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H4C3.44772 7 3 6.55228 3 6Z' fill='%23EDF2F7'/%3e%3cpath d='M3 12C3 11.4477 3.44772 11 4 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H4C3.44772 13 3 12.5523 3 12Z' fill='%23EDF2F7'/%3e%3cpath d='M4 17C3.44772 17 3 17.4477 3 18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18C21 17.4477 20.5523 17 20 17H4Z' fill='%23EDF2F7'/%3e%3c/svg%3e";
|
|
1838
1864
|
|
|
1839
|
-
var img$
|
|
1865
|
+
var img$9 = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.31008 6.70978C8.92008 7.09978 8.92008 7.72978 9.31008 8.11978L13.1901 11.9998L9.31008 15.8798C8.92008 16.2698 8.92008 16.8998 9.31008 17.2898C9.70008 17.6798 10.3301 17.6798 10.7201 17.2898L15.3101 12.6998C15.7001 12.3098 15.7001 11.6798 15.3101 11.2898L10.7201 6.69978C10.3401 6.31978 9.70008 6.31978 9.31008 6.70978Z' fill='%230074DD'/%3e%3c/svg%3e";
|
|
1840
1866
|
|
|
1841
|
-
var img$
|
|
1867
|
+
var img$8 = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.31008 6.70978C8.92008 7.09978 8.92008 7.72978 9.31008 8.11978L13.1901 11.9998L9.31008 15.8798C8.92008 16.2698 8.92008 16.8998 9.31008 17.2898C9.70008 17.6798 10.3301 17.6798 10.7201 17.2898L15.3101 12.6998C15.7001 12.3098 15.7001 11.6798 15.3101 11.2898L10.7201 6.69978C10.3401 6.31978 9.70008 6.31978 9.31008 6.70978Z' fill='%23EDF2F7'/%3e%3c/svg%3e";
|
|
1842
1868
|
|
|
1843
|
-
var img$
|
|
1869
|
+
var img$7 = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.6899 17.2902C14.0799 16.9002 14.0799 16.2702 13.6899 15.8802L9.80992 12.0002L13.6899 8.12022C14.0799 7.73022 14.0799 7.10022 13.6899 6.71022C13.2999 6.32022 12.6699 6.32022 12.2799 6.71022L7.68992 11.3002C7.29992 11.6902 7.29992 12.3202 7.68992 12.7102L12.2799 17.3002C12.6599 17.6802 13.2999 17.6802 13.6899 17.2902Z' fill='%230074DD'/%3e%3c/svg%3e";
|
|
1844
1870
|
|
|
1845
|
-
var img$
|
|
1871
|
+
var img$6 = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.6899 17.2902C14.0799 16.9002 14.0799 16.2702 13.6899 15.8802L9.80992 12.0002L13.6899 8.12022C14.0799 7.73022 14.0799 7.10022 13.6899 6.71022C13.2999 6.32022 12.6699 6.32022 12.2799 6.71022L7.68992 11.3002C7.29992 11.6902 7.29992 12.3202 7.68992 12.7102L12.2799 17.3002C12.6599 17.6802 13.2999 17.6802 13.6899 17.2902Z' fill='%23EDF2F7'/%3e%3c/svg%3e";
|
|
1846
1872
|
|
|
1847
|
-
var img$
|
|
1873
|
+
var img$5 = "data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.5006 11.0006H11.7106L11.4306 10.7306C12.6306 9.33063 13.2506 7.42063 12.9106 5.39063C12.4406 2.61063 10.1206 0.390626 7.32063 0.0506256C3.09063 -0.469374 -0.469374 3.09063 0.0506256 7.32063C0.390626 10.1206 2.61063 12.4406 5.39063 12.9106C7.42063 13.2506 9.33063 12.6306 10.7306 11.4306L11.0006 11.7106V12.5006L15.2506 16.7506C15.6606 17.1606 16.3306 17.1606 16.7406 16.7506C17.1506 16.3406 17.1506 15.6706 16.7406 15.2606L12.5006 11.0006ZM6.50063 11.0006C4.01063 11.0006 2.00063 8.99063 2.00063 6.50063C2.00063 4.01063 4.01063 2.00063 6.50063 2.00063C8.99063 2.00063 11.0006 4.01063 11.0006 6.50063C11.0006 8.99063 8.99063 11.0006 6.50063 11.0006Z' fill='%230074DD'/%3e%3c/svg%3e";
|
|
1848
1874
|
|
|
1849
|
-
var img$
|
|
1875
|
+
var img$4 = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.05086 0.636643C1.66033 0.246119 1.02717 0.246119 0.636643 0.636643C0.246119 1.02717 0.246119 1.66033 0.636643 2.05086L5.5867 7.00092L0.636672 11.9509C0.246148 12.3415 0.246148 12.9746 0.636672 13.3652C1.0272 13.7557 1.66036 13.7557 2.05089 13.3652L7.00091 8.41513L11.9503 13.3646C12.3409 13.7551 12.974 13.7551 13.3646 13.3646C13.7551 12.974 13.7551 12.3409 13.3646 11.9504L8.41513 7.00092L13.3646 2.05145C13.7551 1.66093 13.7551 1.02776 13.3646 0.637237C12.9741 0.246712 12.3409 0.246713 11.9504 0.637237L7.00092 5.5867L2.05086 0.636643Z' fill='%230074DD'/%3e%3c/svg%3e";
|
|
1850
1876
|
|
|
1851
|
-
var img$
|
|
1877
|
+
var img$3 = "data:image/svg+xml,%3csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.58663 1.04906C8.93899 0.258571 10.061 0.258571 10.4134 1.04906L12.1659 4.9807C12.3112 5.30673 12.6193 5.53057 12.9743 5.56804L17.2551 6.01985C18.1158 6.11069 18.4625 7.17779 17.8196 7.75718L14.6219 10.6389C14.3568 10.8778 14.2391 11.24 14.3131 11.5892L15.2063 15.8001C15.3858 16.6467 14.4781 17.3062 13.7284 16.8738L9.99962 14.7232C9.69041 14.5448 9.30959 14.5448 9.00038 14.7232L5.27159 16.8738C4.52189 17.3062 3.61416 16.6467 3.79373 15.8001L4.68686 11.5892C4.76093 11.24 4.64325 10.8778 4.37808 10.6389L1.18043 7.75718C0.537518 7.17779 0.88424 6.11069 1.74492 6.01985L6.0257 5.56804C6.38068 5.53057 6.68877 5.30673 6.8341 4.9807L8.58663 1.04906Z' fill='%23009FE3'/%3e%3c/svg%3e";
|
|
1852
1878
|
|
|
1853
|
-
var img$
|
|
1879
|
+
var img$2 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e %3cg transform='translate(1.5%2c 0.5)'%3e %3cpath fill='none' fill-rule='evenodd' stroke='%230074DD' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.643 3.357L6.03 9.97l-2.674 2.674L0 9.286'/%3e %3c/g%3e%3c/svg%3e";
|
|
1854
1880
|
|
|
1855
1881
|
const iconSrc = {
|
|
1856
1882
|
// These need to be converted to svg files instead of components and added in
|
|
1857
1883
|
// "add": AddIcon,
|
|
1858
1884
|
// "delete": DeleteIcon,
|
|
1859
1885
|
// "edit": EditIcon,
|
|
1860
|
-
close: img$
|
|
1861
|
-
hamburger: img$
|
|
1862
|
-
"chevron-right-blue": img$
|
|
1863
|
-
"chevron-left-blue": img$
|
|
1864
|
-
"chevron-right-grey": img$
|
|
1865
|
-
"chevron-left-grey": img$
|
|
1866
|
-
search: img$
|
|
1867
|
-
star: img$
|
|
1868
|
-
check: img$
|
|
1869
|
-
"search-cancel": img$
|
|
1886
|
+
close: img$b,
|
|
1887
|
+
hamburger: img$a,
|
|
1888
|
+
"chevron-right-blue": img$9,
|
|
1889
|
+
"chevron-left-blue": img$7,
|
|
1890
|
+
"chevron-right-grey": img$8,
|
|
1891
|
+
"chevron-left-grey": img$6,
|
|
1892
|
+
search: img$5,
|
|
1893
|
+
star: img$3,
|
|
1894
|
+
check: img$2,
|
|
1895
|
+
"search-cancel": img$4
|
|
1870
1896
|
};
|
|
1871
1897
|
const ButtonIcon = (props) => {
|
|
1872
1898
|
return React__namespace.createElement("img", { src: iconSrc[props.name], className: props.className });
|
|
@@ -2515,7 +2541,7 @@ const Carousel = ({ slides, className, id }) => {
|
|
|
2515
2541
|
) : React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
2516
2542
|
};
|
|
2517
2543
|
|
|
2518
|
-
var css_248z$c = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-checkbox {\n outline: none;\n}\n.cweb-checkbox .cweb-checkbox-input {\n position: absolute;\n -webkit-appearance: none;\n height: 1px;\n opacity: 0;\n width: 1px;\n}\n.cweb-checkbox.type-regular .cweb-checkbox-icon-container {\n border-color: #cccccc;\n
|
|
2544
|
+
var css_248z$c = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-checkbox {\n outline: none;\n}\n.cweb-checkbox .cweb-checkbox-input {\n position: absolute;\n -webkit-appearance: none;\n height: 1px;\n opacity: 0;\n width: 1px;\n}\n.cweb-checkbox.type-regular .cweb-checkbox-icon-container {\n border-color: #cccccc;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n}\n.cweb-checkbox.type-regular.hasError .cweb-checkbox-icon-container {\n --tw-border-opacity: 1;\n border-color: rgb(155 44 44 / var(--tw-border-opacity));\n}\n.cweb-checkbox.type-regular.is-focused .cweb-checkbox-icon-container {\n border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon {\n padding: 4px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2210%22 height%3D%228%22 viewBox%3D%220 0 10 8%22 fill%3D%22none%22%3E %3Cpath d%3D%22M9.207 0.792787C9.39447 0.980314 9.49979 1.23462 9.49979 1.49979C9.49979 1.76495 9.39447 2.01926 9.207 2.20679L4.207 7.20679C4.01947 7.39426 3.76516 7.49957 3.5 7.49957C3.23484 7.49957 2.98053 7.39426 2.793 7.20679L0.793 5.20679C0.610842 5.01818 0.510047 4.76558 0.512326 4.50339C0.514604 4.24119 0.619773 3.99038 0.805181 3.80497C0.990589 3.61956 1.2414 3.51439 1.5036 3.51211C1.7658 3.50983 2.0184 3.61063 2.207 3.79279L3.5 5.08579L7.793 0.792787C7.98053 0.605316 8.23484 0.5 8.5 0.5C8.76516 0.5 9.01947 0.605316 9.207 0.792787Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon-container {\n border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-checked.is-focused .cweb-checkbox-icon-container {\n border-color: #1d4ed8;\n}\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon {\n width: 0.5rem;\n height: 0.5rem;\n padding: 4px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%222%22 viewBox%3D%220 0 10 2%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 -4.37114e-08C9.55228 -1.95703e-08 10 0.447715 10 1C10 1.55228 9.55228 2 9 2L1 2C0.447716 2 -6.78525e-08 1.55228 -4.37114e-08 1C-1.95703e-08 0.447715 0.447715 -4.17544e-07 1 -3.93402e-07L9 -4.37114e-08Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon-container {\n border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-indeterminate.is-focused .cweb-checkbox-icon-container {\n border-color: #1d4ed8;\n}\n.cweb-checkbox.type-regular.is-disabled.show-cross-when-disabled .cweb-checkbox-icon {\n width: 10px;\n height: 10px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2211px%22 height%3D%2211px%22 viewBox%3D%220 0 11 11%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22 stroke-linecap%3D%22round%22%3E %3Cg transform%3D%22translate(-6.000000%2C -7.000000)%22 stroke%3D%22%232D2D2D%22 stroke-width%3D%222%22%3E %3Cpath d%3D%22M7%2C17 L16%2C8 M16%2C17 L7%2C8%22 %2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n opacity: 0.6;\n}";
|
|
2519
2545
|
styleInject(css_248z$c);
|
|
2520
2546
|
|
|
2521
2547
|
const CheckboxInner = (props) => {
|
|
@@ -2568,18 +2594,18 @@ const CheckboxInner = (props) => {
|
|
|
2568
2594
|
{ className: "ui-flex" },
|
|
2569
2595
|
React__namespace.default.createElement(
|
|
2570
2596
|
"div",
|
|
2571
|
-
{ className: "ui-flex ui-h-[
|
|
2597
|
+
{ className: "ui-flex ui-h-[24px] ui-flex-col ui-justify-center sm:ui-h-[20px]" },
|
|
2572
2598
|
React__namespace.default.createElement("input", { id, ref: innerRef, "data-test-id": `checkbox-${name}`, className: "cweb-checkbox-input", name, type: "checkbox", checked, disabled: isDisabled, value, onBlur: handleBlur, onFocus: handleFocus, onChange: handleChange }),
|
|
2573
2599
|
React__namespace.default.createElement(
|
|
2574
2600
|
"span",
|
|
2575
|
-
{ className: classNames__default.default("cweb-checkbox-icon-container ui-transition-colors", {
|
|
2601
|
+
{ className: classNames__default.default("cweb-checkbox-icon-container ui-transition-colors", "ui-h-6 ui-w-6", "sm:ui-h-4 sm:ui-w-4", {
|
|
2576
2602
|
"ui-bg-primary": checked || indeterminate,
|
|
2577
2603
|
"ui-bg-white": !checked && !indeterminate,
|
|
2578
2604
|
"group-hover:ui-bg-blue-50": type === "regular" && !(checked || indeterminate),
|
|
2579
2605
|
"group-hover:ui-bg-primary-dark": checked || indeterminate,
|
|
2580
2606
|
"ui-outline-primary": isFocused
|
|
2581
2607
|
}), "data-test-id": "checkbox-span" },
|
|
2582
|
-
React__namespace.default.createElement("div", { className: "cweb-checkbox-icon" })
|
|
2608
|
+
React__namespace.default.createElement("div", { className: "cweb-checkbox-icon ui-h-3 ui-w-3 sm:ui-h-2 sm:ui-w-2" })
|
|
2583
2609
|
)
|
|
2584
2610
|
),
|
|
2585
2611
|
React__namespace.default.createElement(
|
|
@@ -2872,7 +2898,7 @@ const DatePicker = (props) => {
|
|
|
2872
2898
|
);
|
|
2873
2899
|
};
|
|
2874
2900
|
|
|
2875
|
-
var img$
|
|
2901
|
+
var img$1 = "data:image/svg+xml,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='%239CA3AF'/%3e%3c/svg%3e";
|
|
2876
2902
|
|
|
2877
2903
|
var css_248z$9 = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.cweb-dropdown {\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n outline: none;\n border-radius: 4px;\n}\n.cweb-dropdown:focus {\n outline: 4px solid rgba(0, 159, 227, 0.3);\n}\n.cweb-dropdown > .dropdown-header {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n height: 44px;\n border-radius: 4px;\n transition: all 0.4s ease;\n}\n.cweb-dropdown > .dropdown-header > .dropdown-header-icon {\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out;\n}\n.cweb-dropdown > .dropdown-header:hover > .dropdown-header-icon {\n opacity: 1;\n}\n.cweb-dropdown > .dropdown-list {\n box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.56);\n display: none;\n position: absolute;\n top: 100%;\n z-index: 1;\n width: 100%;\n max-height: 360px;\n overflow-y: auto;\n align-self: stretch;\n margin-top: 8px;\n padding: 0;\n background-color: #ffffff;\n list-style: none;\n border: 1px solid #d1d5db;\n border-radius: 4px;\n}\n.cweb-dropdown > .dropdown-list > .dropdown-list-item {\n cursor: pointer;\n}\n.cweb-dropdown > .dropdown-list > .dropdown-list-item-group > .dropdown-list-item {\n cursor: pointer;\n}\n.cweb-dropdown.is-open > .dropdown-list {\n display: block;\n margin-bottom: 32px;\n}\n.cweb-dropdown.is-open > .dropdown-list.wider {\n width: 200%;\n}";
|
|
2878
2904
|
styleInject(css_248z$9);
|
|
@@ -3107,7 +3133,7 @@ class Dropdown extends React.PureComponent {
|
|
|
3107
3133
|
"img",
|
|
3108
3134
|
{
|
|
3109
3135
|
className: classNames__default.default({ "ui-hidden": !isItemSelected }),
|
|
3110
|
-
src: img$
|
|
3136
|
+
src: img$2,
|
|
3111
3137
|
alt: "checked"
|
|
3112
3138
|
}
|
|
3113
3139
|
)
|
|
@@ -3219,7 +3245,7 @@ class Dropdown extends React.PureComponent {
|
|
|
3219
3245
|
"img",
|
|
3220
3246
|
{
|
|
3221
3247
|
className: "dropdown-header-icon",
|
|
3222
|
-
src: img$
|
|
3248
|
+
src: img$1,
|
|
3223
3249
|
alt: "browse icon"
|
|
3224
3250
|
}
|
|
3225
3251
|
)
|
|
@@ -4654,7 +4680,7 @@ const PageHeaderBlock = ({ header, title }) => {
|
|
|
4654
4680
|
);
|
|
4655
4681
|
};
|
|
4656
4682
|
|
|
4657
|
-
var img
|
|
4683
|
+
var img = "data:image/svg+xml,%3csvg width='340' height='638' viewBox='0 0 340 638' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect x='8' y='60' width='50' height='8' rx='4' transform='rotate(90 8 60)' fill='%23111827'/%3e %3crect x='8' y='118' width='50' height='8' rx='4' transform='rotate(90 8 118)' fill='%23111827'/%3e %3crect x='340' y='67' width='30' height='8' rx='4' transform='rotate(90 340 67)' fill='%23111827'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M36 0C18.3269 0 4 14.3269 4 32V606C4 623.673 18.3269 638 36 638H304C321.673 638 336 623.673 336 606V32C336 14.3269 321.673 0 304 0H36ZM28 43C23.5817 43 20 46.5817 20 51V549C20 553.418 23.5817 557 28 557H312C316.418 557 320 553.418 320 549V51C320 46.5817 316.418 43 312 43H28Z' fill='%23374151'/%3e %3ccircle cx='171' cy='598' r='16' fill='%236B7280'/%3e %3ccircle cx='105.5' cy='22.5' r='4.5' fill='%236B7280'/%3e %3crect x='118' y='18' width='104' height='9' rx='4' fill='%239CA3AF'/%3e%3c/svg%3e";
|
|
4658
4684
|
|
|
4659
4685
|
const useWindowDimensions = () => {
|
|
4660
4686
|
const [height, setHeight] = React.useState(window.innerHeight);
|
|
@@ -4709,7 +4735,7 @@ const PreviewPhone = ({ className, children }) => {
|
|
|
4709
4735
|
{ className: "ui-h-full ui-px-5 ui-pb-20 ui-pt-11" },
|
|
4710
4736
|
React__namespace.default.createElement("div", { className: "ui-h-full ui-overflow-y-auto ui-bg-white" }, children)
|
|
4711
4737
|
),
|
|
4712
|
-
React__namespace.default.createElement("img", { className: "ui-pointer-events-none ui-absolute ui-top-0", src: img
|
|
4738
|
+
React__namespace.default.createElement("img", { className: "ui-pointer-events-none ui-absolute ui-top-0", src: img, alt: "phone mockup" })
|
|
4713
4739
|
)
|
|
4714
4740
|
) : React__namespace.default.createElement(React__namespace.default.Fragment, null);
|
|
4715
4741
|
};
|
|
@@ -5133,27 +5159,6 @@ const Switch = (props) => {
|
|
|
5133
5159
|
);
|
|
5134
5160
|
};
|
|
5135
5161
|
|
|
5136
|
-
var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cpath d='M18 16V2C18 0.9 17.1 0 16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16ZM5.9 10.98L8 13.51L11.1 9.52C11.3 9.26 11.7 9.26 11.9 9.53L15.41 14.21C15.66 14.54 15.42 15.01 15.01 15.01H3.02C2.6 15.01 2.37 14.53 2.63 14.2L5.12 11C5.31 10.74 5.69 10.73 5.9 10.98Z' fill='%23D1D5DB'/%3e%3c/svg%3e";
|
|
5137
|
-
|
|
5138
|
-
const Image$1 = (_a) => {
|
|
5139
|
-
var { src, className, children = null, onClick, showIconOnFailure = true } = _a, otherProps = __rest(_a, ["src", "className", "children", "onClick", "showIconOnFailure"]);
|
|
5140
|
-
const [isError, setIsError] = React.useState(false);
|
|
5141
|
-
if (!src || isError) {
|
|
5142
|
-
if (children) {
|
|
5143
|
-
return React__namespace.default.createElement("span", { onClick }, children);
|
|
5144
|
-
}
|
|
5145
|
-
if (!showIconOnFailure) {
|
|
5146
|
-
return null;
|
|
5147
|
-
}
|
|
5148
|
-
}
|
|
5149
|
-
return React__namespace.default.createElement(reactLazyLoadImageComponent.LazyLoadImage, Object.assign({ className: classNames__default.default(className), effect: "blur", useIntersectionObserver: true, placeholder: React__namespace.default.createElement(
|
|
5150
|
-
"div",
|
|
5151
|
-
{ className: "ui-flex ui-h-full ui-w-full ui-flex-row ui-items-center ui-justify-center ui-rounded" },
|
|
5152
|
-
React__namespace.default.createElement("img", { src: img, alt: "image-icon" })
|
|
5153
|
-
), src, onClick, onError: () => setIsError(true), wrapperClassName: "ui-w-full ui-h-full" }, otherProps));
|
|
5154
|
-
};
|
|
5155
|
-
var Image$2 = reactLazyLoadImageComponent.trackWindowScroll(Image$1);
|
|
5156
|
-
|
|
5157
5162
|
const ImageCategory = (props) => {
|
|
5158
5163
|
return React__namespace.default.createElement(
|
|
5159
5164
|
"div",
|
|
@@ -5195,7 +5200,7 @@ const ImagePickerInner = ({
|
|
|
5195
5200
|
innerRef
|
|
5196
5201
|
}) => {
|
|
5197
5202
|
var _a;
|
|
5198
|
-
const placeholderImage = clearImageIndex !== void 0 && images[clearImageIndex] ? images[clearImageIndex] : img;
|
|
5203
|
+
const placeholderImage = clearImageIndex !== void 0 && images[clearImageIndex] ? images[clearImageIndex] : img$i;
|
|
5199
5204
|
const isTypeCompact = type === "compact";
|
|
5200
5205
|
const [search, setSearch] = React.useState("");
|
|
5201
5206
|
const [filteredCategories, setFilteredCategories] = React.useState(categories);
|