@nectary/components 0.30.0 → 0.32.0

package/accordion-item/types.d.ts

@@ -6,8 +6,6 @@ export declare type TSinchAccordionItemElement = HTMLElement & {
     optionalText: string | null;
     disabled: boolean;
     status: TSinchAccordionStatusType | null;
-    focus(): void;
-    blur(): void;
     setAttribute(name: 'value', value: string): void;
     setAttribute(name: 'label', value: string): void;
     setAttribute(name: 'optionaltext', value: string): void;

package/action-menu-option/types.d.ts

@@ -2,8 +2,6 @@ import type { TSinchElementReact } from '../types';
 export declare type TSinchActionMenuOptionElement = HTMLElement & {
     text: string;
     disabled: boolean;
-    focus(): void;
-    blur(): void;
     setAttribute(name: 'text', value: string): void;
     setAttribute(name: 'disabled', value: ''): void;
 };

package/alert-button/types.d.ts

@@ -1,8 +1,6 @@
 import type { TSinchElementReact } from '../types';
 export declare type TSinchAlertButtonElement = HTMLElement & {
     text: string;
-    focus(): void;
-    blur(): void;
     setAttribute(name: 'text', value: string): void;
 };
 export declare type TSinchAlertButtonReact = TSinchElementReact<TSinchAlertButtonElement> & {

package/alert-close/types.d.ts

@@ -1,6 +1,3 @@
 import type { TSinchElementReact } from '../types';
-export declare type TSinchAlertCloseElement = HTMLElement & {
-    focus(): void;
-    blur(): void;
-};
+export declare type TSinchAlertCloseElement = HTMLElement;
 export declare type TSinchAlertCloseReact = TSinchElementReact<TSinchAlertCloseElement>;

package/button/types.d.ts

@@ -1,21 +1,32 @@
 import type { TSinchElementReact } from '../types';
 export declare type TSinchButtonType = 'primary' | 'secondary' | 'cta-primary' | 'cta-secondary' | 'destructive';
 export declare type TSinchButtonElement = HTMLElement & {
+    /** Type */
     type: TSinchButtonType;
+    /** Text content */
     text: string;
+    /** Disabled */
     disabled: boolean;
+    /** Small */
     small: boolean;
-    focus(): void;
-    blur(): void;
+    /** Type */
     setAttribute(attr: 'type', value: TSinchButtonType): void;
+    /** Text content */
     setAttribute(attr: 'text', value: string): void;
+    /** Disabled */
     setAttribute(attr: 'disabled', value: ''): void;
+    /** Small */
     setAttribute(attr: 'small', value: ''): void;
 };
 export declare type TSinchButtonReact = TSinchElementReact<TSinchButtonElement> & {
+    /** Type */
     type: TSinchButtonType;
+    /** Text content */
     text: string;
+    /** Label that is used for a11y – might be different from `label` */
     'aria-label': string;
+    /** Disabled */
     disabled?: boolean;
+    /** Small */
     small?: boolean;
 };

package/card-button/types.d.ts

@@ -2,8 +2,6 @@ import type { TSinchElementReact } from '../types';
 export declare type TSinchCardButtonElement = HTMLElement & {
     text: string;
     disabled: boolean;
-    focus(): void;
-    blur(): void;
     setAttribute(name: 'text', value: string): void;
     setAttribute(name: 'disabled', value: ''): void;
 };

package/card-link/types.d.ts

@@ -3,8 +3,6 @@ export declare type TSinchCardLinkElement = HTMLElement & {
     text: string;
     href: string;
     disabled: boolean;
-    focus(): void;
-    blur(): void;
     setAttribute(name: 'text', value: string): void;
     setAttribute(name: 'href', value: string): void;
     setAttribute(name: 'disabled', value: ''): void;

package/checkbox/types.d.ts

@@ -6,8 +6,6 @@ export declare type TSinchCheckboxElement = HTMLElement & {
     disabled: boolean;
     invalid: boolean;
     text: string | null;
-    focus(): void;
-    blur(): void;
     addEventListener(type: 'change', listener: (e: CustomEvent<boolean>) => void): void;
     setAttribute(name: 'checked', value: ''): void;
     setAttribute(name: 'indeterminate', value: ''): void;

package/date-picker/index.js

@@ -20,8 +20,8 @@ import '../icons/delete-outline';
 import '../icons/today';
 import '../text';
 import { defineCustomElement, getAttribute, getRect, NectaryElement, setClass, updateAttribute, updateBooleanAttribute } from '../utils';
-const templateHTML = '<style>:host{display:block;outline:0}#content{width:fit-content;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;gap:8px}#month{display:flex;flex-direction:column;row-gap:8px}.week{display:flex;flex-direction:row;column-gap:8px}.week.empty{display:none}.day{all:initial;font:var(--sinch-font-text-xs);color:var(--sinch-color-text-default);text-align:center;border-radius:var(--sinch-shape-radius-m);width:24px;height:24px;line-height:22px;cursor:pointer;border:1px solid transparent;background-color:transparent;box-sizing:border-box;user-select:none}.day.today{border:1px solid var(--sinch-color-stormy-500)}.day:disabled{cursor:initial;color:var(--sinch-color-snow-700)}.day:focus-visible{outline:1px solid var(--sinch-color-aqua-400);outline-offset:1px}@supports not selector(:focus-visible){.day:focus{outline:1px solid var(--sinch-color-aqua-400);outline-offset:1px}}.day.selected{background-color:var(--sinch-color-stormy-500);color:var(--sinch-color-snow-100)}.day:hover:not(:disabled):not(.selected){background-color:var(--sinch-color-snow-600)}#week-day-names{display:flex;flex-direction:row;gap:8px;height:24px}.week-day-name{font:var(--sinch-font-text-xs);font-weight:var(--sinch-font-weight-emphasized);color:var(--sinch-color-text-default);text-align:center;width:24px;height:24px;line-height:24px;user-select:none;text-transform:uppercase}#content-header{display:flex;flex-direction:row;height:32px;align-items:center}#date{flex:1;text-align:center;text-transform:capitalize}#prev-year{margin-left:-4px}#next-year{margin-right:-4px}</style><div id="content" slot="content"><div id="content-header"><sinch-icon-button small id="prev-year"><sinch-icon-keyboard-double-arrow-left slot="icon"></sinch-icon-keyboard-double-arrow-left></sinch-icon-button><sinch-icon-button small id="prev-month"><sinch-icon-keyboard-arrow-left slot="icon"></sinch-icon-keyboard-arrow-left></sinch-icon-button><sinch-text type="m" emphasized id="date"></sinch-text><sinch-icon-button small id="next-month"><sinch-icon-keyboard-arrow-right slot="icon"></sinch-icon-keyboard-arrow-right></sinch-icon-button><sinch-icon-button small id="next-year"><sinch-icon-keyboard-double-arrow-right slot="icon"></sinch-icon-keyboard-double-arrow-right></sinch-icon-button></div><div id="week-day-names"><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div></div><div id="month"><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div></div></div>';
-import { areDatesEqual, assertDate, assertLocale, assertMinMax, assertValue, canGoNextMonth, canGoNextYear, canGoPrevMonth, canGoPrevYear, clampMaxDate, clampMinDate, dateToIso, decMonth, decYear, getCalendarMonth, getDayNames, getMonthNames, incMonth, incYear, isDateBetween, isoToDate, isValidDate } from './utils';
+const templateHTML = '<style>:host{display:block;outline:0}#content{width:fit-content;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;gap:8px}#month{display:flex;flex-direction:column;row-gap:8px}.week{display:flex;flex-direction:row;column-gap:8px}.week.empty{display:none}.day{all:initial;font:var(--sinch-font-text-xs);color:var(--sinch-color-text-default);text-align:center;border-radius:var(--sinch-shape-radius-m);width:24px;height:24px;line-height:22px;cursor:pointer;border:1px solid transparent;background-color:transparent;box-sizing:border-box;user-select:none}.day.today{border:1px solid var(--sinch-color-stormy-500)}.day:disabled{cursor:initial;color:var(--sinch-color-snow-700)}.day:focus-visible{outline:1px solid var(--sinch-color-aqua-400);outline-offset:1px}@supports not selector(:focus-visible){.day:focus{outline:1px solid var(--sinch-color-aqua-400);outline-offset:1px}}.day.selected{background-color:var(--sinch-color-stormy-500);color:var(--sinch-color-snow-100)}.day:hover:not(:disabled):not(.selected){background-color:var(--sinch-color-snow-600)}#week-day-names{display:flex;flex-direction:row;gap:8px;height:24px}.week-day-name{font:var(--sinch-font-text-xs);font-weight:var(--sinch-font-weight-emphasized);color:var(--sinch-color-text-default);text-align:center;width:24px;height:24px;line-height:24px;user-select:none;text-transform:uppercase}#content-header{display:flex;flex-direction:row;height:32px;align-items:center}#date{flex:1;text-align:center;text-transform:capitalize}#prev-year{margin-left:-4px}#next-year{margin-right:-4px}</style><div id="content"><div id="content-header"><sinch-icon-button small id="prev-year"><sinch-icon-keyboard-double-arrow-left slot="icon"></sinch-icon-keyboard-double-arrow-left></sinch-icon-button><sinch-icon-button small id="prev-month"><sinch-icon-keyboard-arrow-left slot="icon"></sinch-icon-keyboard-arrow-left></sinch-icon-button><sinch-text type="m" emphasized id="date"></sinch-text><sinch-icon-button small id="next-month"><sinch-icon-keyboard-arrow-right slot="icon"></sinch-icon-keyboard-arrow-right></sinch-icon-button><sinch-icon-button small id="next-year"><sinch-icon-keyboard-double-arrow-right slot="icon"></sinch-icon-keyboard-double-arrow-right></sinch-icon-button></div><div id="week-day-names"><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div></div><div id="month"><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div></div></div>';
+import { areDatesEqual, assertDate, assertLocale, assertMinMax, assertValue, canGoNextMonth, canGoNextYear, canGoPrevMonth, canGoPrevYear, clampMaxDate, clampMinDate, dateToIso, decMonth, decYear, getCalendarMonth, getDayNames, getMonthNames, incMonth, incYear, isDateBetween, isoToDate, isValidDate, today } from './utils';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;
 defineCustomElement('sinch-date-picker', (_$month = new WeakMap(), _$weeks = new WeakMap(), _$days = new WeakMap(), _$weekDayNames = new WeakMap(), _date = new WeakMap(), _minDate = new WeakMap(), _maxDate = new WeakMap(), _$prevMonth = new WeakMap(), _$nextMonth = new WeakMap(), _$prevYear = new WeakMap(), _$nextYear = new WeakMap(), _$date = new WeakMap(), _monthNames = new WeakMap(), _onPrevMonthClick = new WeakMap(), _onNextMonthClick = new WeakMap(), _onPrevYearClick = new WeakMap(), _onNextYearClick = new WeakMap(), _onDateClick = new WeakMap(), _render = new WeakSet(), class extends NectaryElement {
@@ -218,10 +218,10 @@ defineCustomElement('sinch-date-picker', (_$month = new WeakMap(), _$weeks = new
         {
           assertValue(newVal);
 
-          _classPrivateFieldSet(this, _date, newVal.length > 0 ? isoToDate(newVal) : new Date());
+          _classPrivateFieldSet(this, _date, newVal.length > 0 ? isoToDate(newVal) : today());
 
           if (!isValidDate(_classPrivateFieldGet(this, _date))) {
-            _classPrivateFieldSet(this, _date, new Date());
+            _classPrivateFieldSet(this, _date, today());
           }
 
           if (_classPrivateFieldGet(this, _minDate) !== null) {

package/date-picker/types.d.ts

@@ -1,26 +1,41 @@
 import type { TRect, TSinchElementReact } from '../types';
 import type { SyntheticEvent } from 'react';
 export declare type TSinchDatePickerElement = HTMLElement & {
+    /** Date value in ISO 8601 format */
     value: string;
+    /** Date min limit in ISO 8601 format */
     min: string;
+    /** Date max limit in ISO 8601 format */
     max: string;
+    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
     locale: string;
     readonly prevYearButtonRect: TRect;
     readonly nextYearButtonRect: TRect;
     readonly prevMonthButtonRect: TRect;
     readonly nextMonthButtonRect: TRect;
     nthButtonRect(index: number): TRect | null;
+    /** Change value handler, return date in ISO 8601 format */
     addEventListener(type: 'change', listener: (e: CustomEvent<string>) => void): void;
+    /** Date value in ISO 8601 format */
     setAttribute(name: 'value', value: string): void;
+    /** Date min limit in ISO 8601 format */
     setAttribute(name: 'min', value: string): void;
+    /** Date max limit in ISO 8601 format */
     setAttribute(name: 'max', value: string): void;
+    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
     setAttribute(name: 'locale', value: string): void;
 };
 export declare type TSinchDatePickerReact = TSinchElementReact<TSinchDatePickerElement> & {
-    locale: string;
+    /** Date value in ISO 8601 format */
     value: string;
+    /** Date min limit in ISO 8601 format */
     min: string;
+    /** Date max limit in ISO 8601 format */
     max: string;
+    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
+    locale: string;
+    /** Label that is used for a11y */
     'aria-label': string;
+    /** Change value handler, return date in ISO 8601 format */
     onChange: (e: SyntheticEvent<TSinchDatePickerElement, CustomEvent<string>>) => void;
 };

package/date-picker/utils.d.ts

@@ -3,6 +3,7 @@ declare type TCalendarOptions = {
 };
 declare type TMaybeDate = Date | null;
 export declare const getCalendarMonth: (date: Date, options?: TCalendarOptions) => TMaybeDate[][];
+export declare const today: () => Date;
 export declare const dateToIso: (date: Date) => string;
 export declare const isoToDate: (value: string) => Date;
 export declare const getDayNames: (locale: string) => string[];
@@ -16,7 +17,6 @@ export declare const assertLocale: TAssertLocale;
 declare type TAssertDate = (value: any, attrName: string, attrValue: string) => asserts value is Date;
 export declare const isValidDate: (value: any) => value is Date;
 export declare const assertDate: TAssertDate;
-export declare const cloneDate: (date: Date) => Date;
 export declare const clampMinDate: (date: Date, min: Date) => void;
 export declare const clampMaxDate: (date: Date, max: Date) => void;
 export declare const incMonth: (date: Date, max: Date) => void;

package/date-picker/utils.js

@@ -1,4 +1,9 @@
 const DAYS_IN_WEEK = 7;
+
+const pad = value => {
+  return value.toString().padStart(2, '0');
+};
+
 export const getCalendarMonth = (date, options) => {
   const {
     firstDayOfWeek
@@ -33,11 +38,14 @@ export const getCalendarMonth = (date, options) => {
 
   return month;
 };
+export const today = () => {
+  return new Date();
+};
 export const dateToIso = date => {
-  return date.toISOString().substring(0, 10);
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
 };
 export const isoToDate = value => {
-  return new Date(`${value.substring(0, 10)}T00:00:00Z`);
+  return new Date(`${value.substring(0, 10)}T00:00:00`);
 };
 export const getDayNames = locale => {
   const formatter = new Intl.DateTimeFormat(locale, {
@@ -87,11 +95,6 @@ const compareDates = (a, b) => {
   return a.getTime() - b.getTime();
 };
 
-export const cloneDate = date => {
-  const result = new Date(date);
-  result.setHours(0, 0, 0, 0);
-  return result;
-};
 export const clampMinDate = (date, min) => {
   if (compareDates(min, date) > 0) {
     date.setTime(min.getTime());

package/dialog/index.js

@@ -144,7 +144,7 @@ defineCustomElement('sinch-dialog', (_$dialog = new WeakMap(), _$closeButton = n
 
     this.addEventListener('close', _classPrivateFieldGet(this, _onCloseReactHandler));
 
-    _classPrivateFieldGet(this, _$dialog).addEventListener('click', _classPrivateFieldGet(this, _onBackdropClick));
+    _classPrivateFieldGet(this, _$dialog).addEventListener('mousedown', _classPrivateFieldGet(this, _onBackdropClick));
 
     _classPrivateFieldGet(this, _$dialog).addEventListener('cancel', _classPrivateFieldGet(this, _onCancel));
 
@@ -160,7 +160,7 @@ defineCustomElement('sinch-dialog', (_$dialog = new WeakMap(), _$closeButton = n
 
     this.removeEventListener('close', _classPrivateFieldGet(this, _onCloseReactHandler));
 
-    _classPrivateFieldGet(this, _$dialog).removeEventListener('click', _classPrivateFieldGet(this, _onBackdropClick));
+    _classPrivateFieldGet(this, _$dialog).removeEventListener('mousedown', _classPrivateFieldGet(this, _onBackdropClick));
 
     _classPrivateFieldGet(this, _$dialog).removeEventListener('cancel', _classPrivateFieldGet(this, _onCancel));
 

package/dropdown/types.d.ts

@@ -8,8 +8,6 @@ export declare type TSinchDropdownElement = HTMLElement & {
     value: string;
     maxVisibleItems: number | null;
     readonly dropdownRect: TRect;
-    focus(): void;
-    blur(): void;
     addEventListener(type: 'change', listener: (e: CustomEvent<string>) => void): void;
     addEventListener(type: 'close', listener: (e: CustomEvent<void>) => void): void;
     setAttribute(name: 'open', value: ''): void;

package/icon-button/index.js

@@ -8,7 +8,7 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
 import { defineCustomElement, getBooleanAttribute, isAttrTrue, NectaryElement, updateBooleanAttribute } from '../utils';
-const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}button{all:initial;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;border-radius:var(--sinch-shape-radius-s);border:1px solid transparent;background-color:transparent;cursor:pointer;--sinch-size-icon:24px;--sinch-color-icon:var(--sinch-icon-button-color, var(--sinch-color-stormy-500))}button:focus{border-color:var(--sinch-color-stormy-500)}button:hover{background-color:var(--sinch-color-snow-500)}button:active{background-color:var(--sinch-color-snow-600)}button:disabled{background-color:transparent;cursor:initial;--sinch-color-spinner-bg:var(--sinch-color-snow-200);--sinch-color-spinner-fg:var(--sinch-color-stormy-200);--sinch-color-icon:var(--sinch-color-stormy-100)}:host([small]:not([small=false]))>button{width:32px;height:32px}button>*{pointer-events:none}</style><button><slot name="icon"></slot></button>';
+const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}button{all:initial;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;border-radius:var(--sinch-shape-radius-s);border:1px solid transparent;background-color:transparent;cursor:pointer;--sinch-size-icon:24px;--sinch-color-icon:var(--sinch-icon-button-color, var(--sinch-color-stormy-500))}button:focus-visible::before{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:2px;border:1px solid var(--sinch-color-aqua-400);border-radius:calc(var(--sinch-shape-radius-s) + 2px)}@supports not selector(:focus-visible){button:focus::before{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:2px;border:1px solid var(--sinch-color-aqua-400);border-radius:calc(var(--sinch-shape-radius-s) + 2px)}}button:hover{background-color:var(--sinch-color-snow-500)}button:active{background-color:var(--sinch-color-snow-600)}button:disabled{background-color:transparent;cursor:initial;--sinch-color-spinner-bg:var(--sinch-color-snow-200);--sinch-color-spinner-fg:var(--sinch-color-stormy-200);--sinch-color-icon:var(--sinch-color-stormy-100)}:host([small]:not([small=false]))>button{width:32px;height:32px}button>*{pointer-events:none}</style><button><slot name="icon"></slot></button>';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;
 defineCustomElement('sinch-icon-button', (_$button = new WeakMap(), class extends NectaryElement {

package/icon-button/types.d.ts

@@ -2,8 +2,6 @@ import type { TSinchElementReact } from '../types';
 export declare type TSinchIconButtonElement = HTMLElement & {
     disabled: boolean;
     small: boolean;
-    focus(): void;
-    blur(): void;
     setAttribute(name: 'disabled', value: ''): void;
     setAttribute(name: 'small', value: ''): void;
 };

package/icons-branded/ai/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-ai': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-ai': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/ai/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M23 26.6c-1.5-.08-2.71-1.3-2.71-2.8 0-1.5 1.2-2.72 2.71-2.8v-2c-2.61.08-4.71 2.2-4.71 4.8 0 2.6 2.1 4.72 4.71 4.8v-2Z" class="accent"/><path d="M23 36.93c-.32-.05-.63-.16-.86-.39-.29-.29-.46-.68-.46-1.09v-.14a3.1 3.1 0 0 0-.58-1.74c-.37-.51-.87-.89-1.41-1.08-.4-.17-.83-.26-1.25-.26-.19 0-.37.02-.56.05-.62.11-1.18.4-1.63.84l-.08.08a1.585 1.585 0 0 1-2.57-.5 1.518 1.518 0 0 1 .34-1.68l.09-.09c.44-.45.73-1 .84-1.62.1-.54.05-1.1-.14-1.61-.01-.1-.04-.2-.08-.29-.24-.56-.64-1.03-1.15-1.36-.5-.33-1.1-.5-1.71-.5h-.22c-.42 0-.82-.17-1.12-.46a1.536 1.536 0 0 1 .01-2.18c.29-.29.7-.46 1.12-.46h.12c.61 0 1.2-.18 1.71-.51s.91-.81 1.14-1.35c.25-.57.33-1.2.22-1.81-.11-.61-.4-1.17-.85-1.63l-.09-.07c-.15-.14-.26-.31-.34-.5-.07-.19-.11-.39-.11-.59 0-.2.04-.4.12-.59.08-.19.19-.36.34-.5a1.585 1.585 0 0 1 2.23 0l.08.08c.45.44 1.01.72 1.63.83.54.1 1.1.05 1.62-.13.1-.01.2-.04.29-.07.56-.24 1.04-.63 1.38-1.14.34-.51.52-1.09.52-1.71v-.21c0-.41.16-.8.46-1.09.25-.26.59-.38.95-.41v-2c-.87.04-1.73.36-2.37.99-.68.67-1.05 1.56-1.05 2.51v.21c0 .21-.06.42-.18.6-.1.14-.22.25-.36.34-.08.01-.17.04-.25.07-.21.09-.43.12-.66.08-.22-.05-.42-.15-.58-.3l-.07-.07a3.73 3.73 0 0 0-1.16-.77 3.585 3.585 0 0 0-3.89.77c-.34.33-.6.72-.78 1.15-.18.43-.27.89-.27 1.36 0 .47.09.93.27 1.36.18.43.44.82.78 1.15l.07.07c.16.16.26.36.3.57.04.21.01.43-.08.64-.09.2-.23.37-.41.48-.18.12-.4.18-.62.19h-.12c-.95 0-1.85.37-2.52 1.03C8.37 22.16 8 23.05 8 24s.37 1.84 1.05 2.51c.67.67 1.57 1.04 2.52 1.04h.22c.22 0 .43.06.62.18.14.09.26.21.34.35.01.08.04.17.07.25.09.2.12.42.08.63-.04.22-.14.41-.29.56l-.08.08c-.33.33-.6.72-.78 1.15-.18.43-.27.89-.27 1.36 0 .47.09.93.27 1.36.18.43.44.82.78 1.15a3.585 3.585 0 0 0 5.05 0l.07-.07c.16-.16.36-.26.59-.3.22-.04.45-.01.72.1.21.08.39.21.53.4.13.18.2.39.21.59v.11c0 .95.37 1.84 1.05 2.51.61.6 1.41.95 2.26 1.01v-2.04H23Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25 13a4 4 0 0 1 8 0v.897c3.224-.002 5.776 2.928 5.212 6.198A4.725 4.725 0 0 1 42 24.725V25a5.002 5.002 0 0 1-3.9 4.879c.123 2.809-2.17 5.264-5.1 5.194A4 4 0 0 1 25 35V13Zm12.66 14.927c-.33-.814-.836-1.491-1.509-1.992-.888-.66-1.986-.954-3.168-.935l.034 2c.83-.014 1.473.192 1.94.54.462.344.832.884 1.021 1.689a1 1 0 0 0 .012.046c.56 2-1.038 3.95-3.11 3.79l-.536-.041A1.249 1.249 0 0 0 31 34.268V35a2 2 0 1 1-4 0V21.322c.917.588 1.993.708 3 .708v-2c-.941 0-1.557-.132-1.985-.435-.39-.275-.789-.811-1.015-2.013V13a2 2 0 1 1 4 0v1.666c0 .788.703 1.392 1.483 1.271 2.286-.351 4.216 1.695 3.731 3.957l-.128.599a1.248 1.248 0 0 0 1.211 1.51A2.723 2.723 0 0 1 40 24.725V25a3.001 3.001 0 0 1-2.34 2.927Z"/></svg>';
+defineCustomElement('sinch-icon-branded-ai', createIconClass(templateHTML));

package/icons-branded/custom-message/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-custom-message': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-custom-message': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/custom-message/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M33.827 13H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h2v5.69L23.95 35H36a3 3 0 0 0 3-3V20.863l-2 2.004v9.143a1 1 0 0 1-1 1H23.43L16 37.25V33h-4a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1l19.82.008L33.826 13Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M44.006 7.427a3.49 3.49 0 0 0-2.47 1.023l-11.17 11.17a.999.999 0 0 0-.263.464l-1.176 4.703A1 1 0 0 0 30.14 26l4.703-1.176a1 1 0 0 0 .464-.263l11.17-11.17a3.494 3.494 0 0 0-2.471-5.964Zm-1.057 2.437a1.494 1.494 0 1 1 2.113 2.113L34.09 22.951l-2.818.704.705-2.817L42.949 9.864Z" class="accent"/><path d="M27.222 22H14.778a.703.703 0 0 1-.55-.293A1.16 1.16 0 0 1 14 21c0-.265.082-.52.228-.707a.703.703 0 0 1 .55-.293h12.444c.206 0 .404.105.55.293.146.187.228.442.228.707 0 .265-.082.52-.228.707a.703.703 0 0 1-.55.293ZM24 28h-9a1 1 0 0 1 0-2h9a1 1 0 1 1 0 2Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-custom-message', createIconClass(templateHTML));

package/icons-branded/integration/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-integration': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-integration': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/integration/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 8a5 5 0 0 1 5 5c0 2.42-1.715 4.539-4 5 0-.033.003.033 0 0v3a2 2 0 0 0 2 2h8a1 1 0 1 1 0 2h-8a4 4 0 0 1-4-4v-3c-.003.033 0-.033 0 0-2.285-.461-4-2.58-4-5a5 5 0 0 1 5-5Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z" class="accent"/><path d="M18 21v-2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2h2v-2a3 3 0 0 0-3-3H19a3 3 0 0 0-3 3v2h2Zm14 8v-2h-2v2a1 1 0 0 1-1 1H19a1 1 0 0 1-1-1v-2h-2v2a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M37 40a5 5 0 0 1-5-5c0-2.42 1.715-4.539 4-5 0 .033-.003-.033 0 0v-3a2 2 0 0 0-2-2h-8a1 1 0 1 1 0-2h8a4 4 0 0 1 4 4v3c.003-.033 0 .033 0 0 2.284.461 4 2.58 4 5a5 5 0 0 1-5 5Zm0-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z"/></svg>';
+defineCustomElement('sinch-icon-branded-integration', createIconClass(templateHTML));

package/icons-branded/line-chart-down/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-line-chart-down': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-line-chart-down': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/line-chart-down/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2 37h25.6c.59 0 1.067-.448 1.067-1V12c0-.552-.478-1-1.067-1H11.2c-.59 0-1.067.448-1.067 1v24c0 .552.478 1 1.067 1Zm25.6 2c1.767 0 3.2-1.343 3.2-3V12c0-1.657-1.433-3-3.2-3H11.2C9.433 9 8 10.343 8 12v24c0 1.657 1.433 3 3.2 3h25.6Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.293 17.293a1 1 0 0 1 1.414 0L21 23.586l3.293-3.293a1 1 0 0 1 1.414 0L33 27.586V25a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1h-5a1 1 0 1 1 0-2h2.586L25 22.414l-3.293 3.293a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-line-chart-down', createIconClass(templateHTML));

package/icons-branded/line-chart-up/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-line-chart-up': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-line-chart-up': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/line-chart-up/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2 37h25.6c.59 0 1.2-.448 1.2-1V12c0-.552-.61-1-1.2-1H11.2c-.59 0-1.2.448-1.2 1v24c0 .552.61 1 1.2 1Zm25.6 2c1.767 0 3.2-1.343 3.2-3V12c0-1.657-1.433-3-3.2-3H11.2C9.433 9 8 10.343 8 12v24c0 1.657 1.433 3 3.2 3h25.6Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29 19a1 1 0 1 1 0-2h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-2.586l-7.293 7.293a1 1 0 0 1-1.414 0L21 24.414l-6.293 6.293a1 1 0 0 1-1.414-1.414l7-7a1 1 0 0 1 1.414 0L25 25.586 31.586 19H29Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-line-chart-up', createIconClass(templateHTML));

package/icons-branded/time/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-time': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-time': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/time/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path class="accent" d="M32.175 18.4c0 .6.4 1 1 1 .2 0 .3 0 .5-.1l8.6-5c.5-.3.7-.9.4-1.4-.3-.5-.9-.7-1.4-.4l-8.6 5c-.3.2-.5.5-.5.9Zm11.425-.732a1 1 0 1 1 1 1.732l-7.022 4.054a1 1 0 1 1-1-1.732l7.022-4.054Z"/><path d="M37.871 25.903a1.237 1.237 0 0 1 .024-.123c.124-.485.565-.84 1.074-.807.55.036.971.512.901 1.06l-.018.141-.006.042a16 16 0 1 1-5.043-14.018l.032.029.104.097c.403.377.382 1.012-.02 1.39-.371.35-.937.358-1.341.063a1.055 1.055 0 0 1-.097-.08 14 14 0 1 0 4.39 12.206Z"/><path d="M26 17a1 1 0 1 0-2 0v7.586l-4.707 4.707a1 1 0 0 0 1.414 1.414l5-5A1 1 0 0 0 26 25v-8Z"/></svg>';
+defineCustomElement('sinch-icon-branded-time', createIconClass(templateHTML));

package/illustrations/5g/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-5g': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-5g': TSinchIllustrationElement;
+    }
+}

package/illustrations/5g/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 531 800" fill="none" aria-hidden="true" focusable="false"><path d="M238.328 469.641c13.314 0 26.292-5.035 36.137-13.984 9.845-8.95 16.111-21.368 17.453-34.681a53.286 53.286 0 0 0-10.405-37.365c-7.943-10.74-19.69-18.124-32.78-20.697-13.09-2.573-26.739-.223-38.151 6.713-11.412 6.936-19.915 17.787-23.83 30.541-3.916 12.753-2.797 26.514 2.909 38.596 5.705 12.082 15.775 21.591 28.081 26.737 6.489 2.685 13.538 4.14 20.586 4.14Z" fill="#FFBE3C"/><path d="m219.532 445.812 18.908-10.852h22.935c1.566 0 2.909-.559 4.028-1.678 1.118-1.119 1.678-2.461 1.678-4.027v-30.318c0-1.454-.56-2.909-1.678-4.027-1.119-1.119-2.462-1.679-4.028-1.679H215.84c-1.566 0-2.909.56-4.028 1.679-1.118 1.118-1.678 2.461-1.678 4.027v30.318a5.68 5.68 0 0 0 1.678 4.027c1.119 1.119 2.462 1.678 4.028 1.678h3.804v10.852h-.112Zm41.731-48.777c.448 0 1.007.224 1.343.559.335.336.559.784.559 1.343v30.318c0 .447-.224 1.006-.559 1.342a2.063 2.063 0 0 1-1.343.559h-23.83l-14.097 8.055v-8.055h-7.608a2.06 2.06 0 0 1-1.342-.559 2.064 2.064 0 0 1-.56-1.342v-30.318c0-.448.224-1.007.56-1.343a2.065 2.065 0 0 1 1.342-.559h45.535Z" fill="#272727"/><path d="M219.533 404.642c0-1.007.895-1.902 1.902-1.902h9.509c1.007 0 1.902.895 1.902 1.902s-.895 1.902-1.902 1.902h-7.607v4.699h4.251a7.137 7.137 0 0 1 7.16 7.16 7.138 7.138 0 0 1-7.16 7.16h-6.153c-1.007 0-1.902-.895-1.902-1.902s.895-1.902 1.902-1.902h6.153c1.79 0 3.356-1.454 3.356-3.356 0-1.79-1.454-3.357-3.356-3.357h-6.153c-1.007 0-1.902-.895-1.902-1.901v-8.503Z" fill="#007171"/><path d="M255.333 415.943c-.895 3.244-3.804 5.705-7.384 5.705-4.14 0-7.608-3.356-7.608-7.607 0-4.139 3.356-7.607 7.608-7.607 1.566 0 2.909.447 4.139 1.23.672.448 1.679.448 2.238-.112.895-.895.895-2.349-.112-3.02-1.79-1.119-3.916-1.902-6.265-1.902-6.265 0-11.412 5.146-11.412 11.411s5.147 11.411 11.412 11.411c6.265 0 11.412-5.146 11.412-11.411 0-1.007-.895-1.902-1.902-1.902h-7.608c-1.007 0-1.902.895-1.902 1.902s.895 1.902 1.902 1.902h5.482Z" fill="#007171"/><path d="M315.077 273.193c10.405 0 20.362-3.916 28.082-10.852 7.72-6.936 12.53-16.557 13.537-26.849 1.007-10.292-1.902-20.696-8.055-28.975-6.153-8.391-15.216-14.096-25.397-16.11-10.181-2.013-20.809-.223-29.648 5.146-8.95 5.37-15.551 13.761-18.46 23.717-3.02 9.957-2.237 20.697 2.238 29.982 4.475 9.398 12.195 16.781 21.816 20.697 4.923 2.125 10.405 3.244 15.887 3.244Z" fill="#007272"/><path d="M317.538 215.914c.111-.783.783-1.343 1.566-1.231 3.468.336 6.825 2.014 9.286 4.475 2.461 2.461 4.028 5.817 4.475 9.286.112.783-.447 1.454-1.231 1.566-.783.112-1.454-.448-1.566-1.231-.336-2.909-1.566-5.593-3.692-7.607a12.9 12.9 0 0 0-7.608-3.692c-.783-.112-1.342-.783-1.23-1.566Zm0 6.153c.111-.783.895-1.231 1.678-1.119 1.79.336 3.468 1.231 4.811 2.573 1.342 1.343 2.237 3.021 2.573 4.811.112.783-.336 1.454-1.119 1.678-.783.112-1.454-.336-1.678-1.119-.224-1.231-.895-2.461-1.79-3.356s-2.126-1.566-3.357-1.79c-.783-.224-1.23-.895-1.118-1.678Z" fill="#FFBE3C"/><path d="M326.824 249.476h-.447c-5.147-.559-10.181-2.237-14.545-4.922a33.107 33.107 0 0 1-10.069-9.621 31.17 31.17 0 0 1-5.146-13.984c-.112-.671 0-1.231.223-1.79.224-.56.56-1.119 1.007-1.566.448-.448 1.007-.784 1.567-1.119.559-.224 1.23-.448 1.902-.448h4.81c1.119 0 2.238.336 3.021 1.119a3.967 3.967 0 0 1 1.567 2.797 26.464 26.464 0 0 0 1.006 4.027c.336.783.336 1.678.224 2.462-.224.894-.671 1.566-1.23 2.237l-1.231 1.231c1.902 2.908 4.475 5.481 7.608 7.271l1.23-1.23c.672-.56 1.455-1.007 2.35-1.231a4.023 4.023 0 0 1 2.573.224c1.343.447 2.797.783 4.14 1.007 1.118.112 2.125.671 2.909 1.566.783.783 1.118 1.902 1.118 3.02v4.587c0 .671-.112 1.231-.335 1.79a3.642 3.642 0 0 1-1.119 1.455c-.448.447-1.007.783-1.678.895-.448.111-1.007.223-1.455.223Zm-20.698-30.653h-4.81c-.224 0-.448 0-.672.112-.223.112-.447.224-.559.448a.613.613 0 0 0-.336.559c-.112.224-.112.447-.112.671.448 4.475 2.126 8.95 4.699 12.754 2.35 3.58 5.483 6.6 9.175 8.838 4.027 2.461 8.502 4.027 13.201 4.474.224 0 .448 0 .672-.111l.671-.336c.224-.112.336-.336.447-.559.112-.224.336-.895.336-1.119v-4.139c0-.448-.336-.895-.559-1.231-.336-.336-.672-.559-1.119-.559-1.678-.224-3.245-.56-4.811-1.119-.336-.112-.671-.112-1.007-.112-.335.112-.671.224-.895.448l-2.014 1.901c-.447.448-1.119.56-1.678.224a27.443 27.443 0 0 1-10.181-9.733c-.336-.559-.224-1.23.224-1.678l2.014-1.902c.223-.223.335-.559.447-.783.112-.335.112-.671-.112-.895-.559-1.454-1.007-3.02-1.23-4.587-.112-.335-.224-.783-.56-1.006-.447-.448-.783-.56-1.231-.56Z" fill="#fff"/><path d="M315.972 372.758c9.398 0 18.461-3.468 25.509-9.844a38.627 38.627 0 0 0 12.307-24.389c.895-9.397-1.678-18.794-7.272-26.29-5.594-7.607-13.874-12.753-23.048-14.543-9.286-1.79-18.795-.112-26.851 4.699-8.055 4.81-14.097 12.529-16.782 21.591-2.685 9.062-2.014 18.683 2.014 27.185a37.79 37.79 0 0 0 19.803 18.795c4.363 1.79 9.286 2.796 14.32 2.796Z" fill="#007272"/><path d="M315.749 319.283c-3.021 0-5.818 1.23-8.056 3.356-2.125 2.237-3.58 5.146-3.58 8.279 0 2.013.895 5.034 2.126 7.383 1.119 2.349 2.685 4.811 4.251 6.936 1.567 2.126 3.133 4.028 4.252 5.37.335.448.671.783 1.007 1.119.335-.336.671-.671 1.006-1.119 1.119-1.342 2.686-3.244 4.252-5.37 1.566-2.125 3.133-4.587 4.251-6.936 1.119-2.461 2.126-5.37 2.126-7.383 0-3.133-1.454-6.153-3.58-8.279-2.238-2.237-5.035-3.356-8.055-3.356Zm0 34.792-.895-.335-.112-.112-.448-.448a22.904 22.904 0 0 1-1.454-1.566c-1.231-1.343-2.797-3.356-4.475-5.482-1.567-2.237-3.245-4.698-4.476-7.272-1.23-2.573-2.125-5.258-2.125-7.719 0-3.692 1.454-7.271 4.027-9.844 2.574-2.685 6.154-4.14 9.958-4.14 3.692 0 7.272 1.455 9.957 4.14 2.573 2.684 4.027 6.152 4.027 9.844 0 2.461-.895 5.146-2.125 7.719-1.231 2.574-2.909 5.147-4.475 7.272-1.567 2.238-3.245 4.139-4.476 5.482a22.904 22.904 0 0 1-1.454 1.566l-.448.448-.111.112-.895.335Zm0 0 .895-.335c-.224.223-.56.335-.895.335-.336 0-.672-.112-.895-.335l.895.335Z" fill="#fff"/><path d="M315.748 329.688c1.231 0 2.349-1.007 2.349-2.35 0-1.342-1.007-2.349-2.349-2.349-1.231 0-2.35 1.007-2.35 2.349 0 1.343 1.007 2.35 2.35 2.35Zm0 2.349c2.573 0 4.699-2.126 4.699-4.699s-2.126-4.698-4.699-4.698-4.699 2.125-4.699 4.698c0 2.573 2.126 4.699 4.699 4.699Z" fill="#FFBE3C"/><path d="M228.371 326.22a35.79 35.79 0 0 0 24.166-9.398 36.428 36.428 0 0 0 11.635-23.157c.895-8.95-1.566-17.788-6.937-25.06-5.37-7.16-13.201-12.082-21.928-13.872-8.726-1.79-17.901-.112-25.62 4.475-7.72 4.587-13.314 11.858-15.999 20.473-2.573 8.614-1.902 17.787 1.902 25.842s10.517 14.432 18.796 17.9a36.277 36.277 0 0 0 13.985 2.797Z" fill="#FFBE3C"/><path d="m223.783 287.289-1.454-.895-1.567-.895-3.356-1.902c-.448-.224-.895 0-1.119.336 0 .111-.112.223-.112.335v7.384c0 .447.448.783.895.783.112 0 .224 0 .336-.112l3.356-1.902 1.567-.895 1.454-.895c.336-.224.448-.783.224-1.119 0-.111-.112-.223-.224-.223Z" fill="#007272"/><path d="M219.644 271.402c-.671 0-1.231.559-1.231 1.231v4.81h13.202c2.014 0 3.58 1.566 3.58 3.58v7.16h7.16c.672 0 1.231-.559 1.231-1.231v-14.319c0-.672-.559-1.231-1.231-1.231h-22.711Zm15.551 19.13v3.58c0 2.349-.559 4.811-3.58 4.811H223l-11.747 7.048v-7.048h-2.35c-2.013 0-3.58-1.567-3.58-3.58v-14.32c0-2.014 1.567-3.58 3.58-3.58h7.161v-4.81c0-2.014 1.566-3.58 3.58-3.58h22.711c2.014 0 3.58 1.566 3.58 3.58v13.201h1.231c2.014 0 3.58 1.566 3.58 3.58v14.319c0 2.014-1.566 3.58-3.58 3.58h-2.349v6.824l-12.307-6.824h-7.496c-2.014 0-3.021-1.566-3.021-3.58v-.559l2.35-1.79v2.349c0 .671.559 1.231 1.23 1.231h7.496l9.286 5.146v-5.146h4.811c.671 0 1.231-.56 1.231-1.231v-14.319c0-.672-.56-1.231-1.231-1.231h-1.454c-.448 1.342-1.79 2.349-3.357 2.349h-7.16Zm-26.292-10.74c-.671 0-1.23.56-1.23 1.231v14.32c0 .671.559 1.23 1.23 1.23h4.811v4.923l8.615-4.923h9.398c1.23 0 1.23-.559 1.23-2.349v-13.201c0-.671-.559-1.231-1.23-1.231h-22.824Z" fill="#272727"/><path d="M240.006 297.133c0 1.007-.783 1.79-1.79 1.79a1.767 1.767 0 0 1-1.79-1.79c0-1.007.783-1.79 1.79-1.79 1.007 0 1.79.783 1.79 1.79Zm4.811 0c0 1.007-.783 1.79-1.79 1.79a1.767 1.767 0 0 1-1.79-1.79c0-1.007.783-1.79 1.79-1.79 1.007 0 1.79.783 1.79 1.79Z" fill="#007272"/><path d="M101.5 59.627c8.279-12.977 25.508-16.445 38.486-7.607 12.978 8.838 16.67 26.625 8.391 39.603-8.279 12.977-25.508 16.445-38.486 7.607-12.978-8.838-16.67-26.626-8.391-39.603Zm9.845 6.712c-4.811 7.608-2.685 17.9 4.923 23.046 7.496 5.146 17.565 3.132 22.376-4.363 4.811-7.607 2.685-17.9-4.923-23.046-7.496-5.258-17.565-3.244-22.376 4.363Zm125.753 131.003-.224 31.772c0 3.804-3.133 6.712-6.937 6.601-3.803-.112-6.936-3.357-6.824-7.16l.224-32.108c4.363 1.455 9.062 1.566 13.761.895Z" fill="#F1F1F1"/><path d="M216.96 187.497c.111-7.272 6.041-12.865 13.313-12.53 7.272.336 13.202 6.377 13.202 13.649 0 7.272-6.041 12.865-13.314 12.53-7.384-.224-13.313-6.377-13.201-13.649Zm5.482.224c0 4.251 3.356 7.719 7.607 7.943 4.252.224 7.72-3.133 7.832-7.272.112-4.139-3.356-7.719-7.608-7.943-4.251-.112-7.719 3.133-7.831 7.272Zm4.81 67.459 4.475.112.112-22.822-4.475-.224-.112 22.934Z" fill="#F1F1F1"/><path d="m223.784 120.263.336 55.712 11.076.336-.336-55.713-11.076-.335Zm-77.309-28.081 72.498 26.178 5.147-15.55-72.61-26.178-5.035 15.55Z" fill="#F1F1F1"/><path d="M234.967 129.849c7.494-3.217 10.864-12.13 7.525-19.908-3.339-7.778-12.121-11.476-19.616-8.259-7.494 3.216-10.863 12.129-7.525 19.907 3.339 7.779 12.121 11.476 19.616 8.26ZM101.947 0l6.377 53.363 31.662-.335L145.916 0h-43.969Z" fill="#F1F1F1"/><path d="M108.212 222.515h51.241c.895 0 1.678-.224 2.461-.56.784-.447 1.455-1.006 1.902-1.678.56-.671.784-1.566 1.007-2.349.112-.895 0-1.678-.223-2.573-1.343-3.58-3.692-6.6-6.713-8.838-3.133-2.237-6.713-3.356-10.517-3.468-2.685 0-5.258.559-7.719 1.678-1.343-5.705-4.699-10.74-9.51-14.096s-10.629-4.922-16.446-4.251c-5.818.671-11.188 3.356-15.104 7.719-3.916 4.363-6.153 9.957-6.153 15.774-.112 12.642 9.509 12.642 15.774 12.642Z" fill="#fff"/><path d="M128.574 256.861c27.187 0 49.227-22.038 49.227-49.224 0-27.186-22.04-49.224-49.227-49.224-27.187 0-49.227 22.038-49.227 49.224 0 27.186 22.04 49.224 49.227 49.224Z" stroke="#13374C" stroke-miterlimit="10"/><path d="M128.462 274.536c36.95 0 66.904-29.952 66.904-66.9 0-36.948-29.954-66.9-66.904-66.9-36.95 0-66.904 29.952-66.904 66.9 0 36.948 29.954 66.9 66.904 66.9Z" stroke="#13374C" stroke-miterlimit="10"/><path d="M71.068 180.227a7.943 7.943 0 1 0 0-15.886 7.943 7.943 0 1 0 0 15.886Z" fill="#E63453"/><path d="M83.822 234.149a5.482 5.482 0 1 0 0-10.964 5.482 5.482 0 0 0 0 10.964Z" fill="#009589"/><path d="M153.747 257.979a7.944 7.944 0 1 0 0-15.888 7.944 7.944 0 0 0 0 15.888Z" fill="#FABB3E"/><g opacity=".15" stroke="#fff" stroke-miterlimit="10"><path opacity=".15" d="M341.817 554.439c17.733 0 32.109-14.375 32.109-32.107s-14.376-32.107-32.109-32.107c-17.734 0-32.11 14.375-32.11 32.107s14.376 32.107 32.11 32.107Z"/><path opacity=".15" d="M341.817 571.781c27.187 0 49.226-22.039 49.226-49.224 0-27.186-22.039-49.224-49.226-49.224-27.188 0-49.227 22.038-49.227 49.224 0 27.185 22.039 49.224 49.227 49.224Z"/><path opacity=".15" d="M341.816 589.344c36.95 0 66.904-29.952 66.904-66.899 0-36.948-29.954-66.9-66.904-66.9-36.95 0-66.903 29.952-66.903 66.9 0 36.947 29.953 66.899 66.903 66.899Z"/></g><path d="M284.31 495.148a7.944 7.944 0 1 0 0-15.888 7.944 7.944 0 0 0 0 15.888Zm82.792 77.751a7.943 7.943 0 1 0 0-15.887 7.943 7.943 0 0 0 0 15.887Z" fill="#009589"/><path d="M383.548 503.313a6.824 6.824 0 1 0 0-13.648 6.825 6.825 0 1 0 0 13.648Z" fill="#E63453"/><path d="M339.691 513.383v-2.909c0-.447.224-1.007.671-1.342a2.747 2.747 0 0 1 1.678-.56c.672 0 1.231.224 1.679.56.447.335.671.783.671 1.342v2.685c.895.336 1.79.783 2.573 1.454.224.224.448.56.56.783.111.336.111.672.111 1.007 0 .336-.223.672-.447.895a4.904 4.904 0 0 1-.783.672 2.99 2.99 0 0 1-1.343.335c-.447 0-1.342-.335-1.342-.335s-1.455-.224-2.014-.224c-.783 0-1.678.224-1.678.895s.671 1.23 3.132 1.902c2.797.783 5.93 1.79 5.93 5.481 0 2.909-1.79 4.699-4.587 5.258v3.021c0 .447-.224 1.007-.671 1.342a2.748 2.748 0 0 1-1.679.56c-.671 0-1.23-.224-1.678-.56a1.595 1.595 0 0 1-.671-1.342v-2.909c-1.455-.335-2.685-1.007-3.804-1.902a3.343 3.343 0 0 1-.559-.783c-.112-.335-.112-.671-.112-1.007 0-.335.112-.671.335-.895.224-.335.448-.559.672-.671.447-.224 1.118-.335 1.678-.335.559.111 1.007.335 1.342.671.336.335.784.559 1.231.783.448.112 1.007.224 1.454.224 1.679 0 2.238-.56 2.238-1.231 0-1.007-1.119-1.23-3.356-1.902-.112 0-.112 0-.224-.112-2.909-.783-5.482-2.237-5.482-5.481 0-.783.224-1.567.559-2.238.336-.671.783-1.342 1.455-1.79.559-.559 1.342-.895 2.125-1.118 0-.224.112-.224.336-.224Z" fill="#FABB3E"/><path d="M321.231 522.444c0-11.411 9.286-20.696 20.698-20.696 11.188 0 20.474 9.062 20.698 20.696 0 11.411-9.286 20.697-20.698 20.697s-20.698-9.286-20.698-20.697Zm4.476-.223a16.282 16.282 0 0 0 16.334 16.333c8.838-.224 16.111-7.272 16.334-16.333a16.282 16.282 0 0 0-16.334-16.334 16.282 16.282 0 0 0-16.334 16.334Z" fill="#FABB3E"/><path d="m463.317 501.634-33.675 298.364h101.027l-35.69-298.699-31.662.335Zm-88.16-44.411-16.335 23.828c-1.902 2.797-1.118 6.713 1.79 8.503 2.909 1.79 6.937 1.119 8.839-1.79l16.446-24.165c-4.027-1.118-7.608-3.468-10.74-6.376Z" fill="#F1F1F1"/><path d="M378.401 463.71c-5.594-3.58-7.16-10.851-3.468-16.333 3.692-5.482 11.3-6.936 16.894-3.356 5.594 3.58 7.16 10.851 3.468 16.333-3.692 5.37-11.3 6.824-16.894 3.356Zm10.517-15.662c-3.244-2.126-7.72-1.231-9.845 2.014-2.126 3.132-1.231 7.383 2.014 9.509 3.244 2.125 7.719 1.231 9.845-2.014 2.126-3.244 1.342-7.383-2.014-9.509Zm76.19 55.713c-12.083-7.607-15.44-23.269-7.496-34.904 7.943-11.635 24.166-14.879 36.137-7.272 11.971 7.608 15.439 23.27 7.496 34.904-7.944 11.747-24.166 14.991-36.137 7.272Zm22.711-33.338c-7.048-4.475-16.446-2.573-21.033 4.251-4.587 6.713-2.685 15.886 4.363 20.361 7.049 4.475 16.446 2.573 21.033-4.251 4.588-6.712 2.574-15.886-4.363-20.361Zm-135.262 35.128-3.468-2.125 11.747-17.229 3.468 2.126-11.747 17.228Z" fill="#F1F1F1"/><path d="m424.943 406.321-29.089 41.616-8.391-5.482 29.089-41.616 8.391 5.482Zm39.158 61.082-39.83-57.95 12.531-8.055 39.829 57.95-12.53 8.055Z" fill="#F1F1F1"/><path d="M424.718 410.795c7.724 0 13.985-6.061 13.985-13.537 0-7.476-6.261-13.536-13.985-13.536-7.723 0-13.985 6.06-13.985 13.536s6.262 13.537 13.985 13.537Z" fill="#F1F1F1"/><path d="M228.26 635.212c5.146-2.685 9.286-7.048 11.635-12.418 2.35-5.37 2.909-11.299 1.567-17.005-1.455-5.705-4.699-10.739-9.286-14.319s-10.293-5.594-16.111-5.594c-5.818 0-11.523 1.902-16.111 5.594-4.587 3.58-7.831 8.614-9.286 14.319-1.342 5.706-.895 11.635 1.567 17.005 2.349 5.37 6.489 9.733 11.635 12.418-6.489 68.913-37.367 158.971-39.269 164.564h18.124c4.811-7.272 15.216-18.459 33.34-18.459 18.125 0 28.529 11.299 33.34 18.459h18.125c-1.902-5.593-32.893-95.875-39.27-164.564Zm-12.195-33.338c2.35 0 4.699.895 6.601 2.349 1.79 1.566 3.133 3.692 3.58 6.041.448 2.349.112 4.811-1.007 6.936-1.119 2.126-3.021 3.804-5.146 4.699-2.238.895-4.699 1.007-6.937.336a10.325 10.325 0 0 1-5.594-4.14 10.267 10.267 0 0 1-1.678-6.712c.224-2.349 1.343-4.587 3.021-6.265a8.678 8.678 0 0 1 7.16-3.244Zm7.384 112.208h-14.544c-.336 0-.671-.112-.895-.224a2.193 2.193 0 0 1-1.007-1.007c-.224-.447-.224-.895-.112-1.342a621.264 621.264 0 0 0 7.496-35.576c.112-.447.336-.783.671-1.118.336-.224.783-.448 1.119-.448.447 0 .783.112 1.119.448.335.223.559.671.671 1.118 2.014 11.188 4.587 23.046 7.496 35.576.112.335.112.671 0 .895a3.363 3.363 0 0 1-.448.895c-.223.223-.447.447-.783.559-.223.112-.559.224-.783.224Zm16.335 56.495c-7.385-3.468-15.552-5.258-23.719-5.258-8.167 0-16.222 1.79-23.718 5.258-.112.112-.336.112-.56.112-.223 0-.335-.112-.447-.223a1.546 1.546 0 0 1-.336-.448v-.559c2.909-9.509 6.042-20.473 9.174-32.331.448-1.902 1.007-3.692 1.455-5.594.112-.448.335-.895.783-1.119.335-.335.783-.447 1.23-.447h24.614c.447 0 .895.112 1.231.447.335.336.671.671.783 1.119.447 1.79.895 3.58 1.454 5.37 3.133 11.858 6.377 22.934 9.174 32.443v.559c0 .112-.112.336-.335.448-.112.112-.336.223-.448.223 0 .112-.112.112-.335 0Z" fill="#007072"/><path d="m288.116 797.65-15.104-44.749c-.112-.336-.335-.559-.559-.783-.224-.224-.56-.336-.895-.336-.336 0-.671.112-.895.336-.224.224-.448.447-.56.783l-11.859 35.016-7.16-21.256c-.112-.335-.336-.559-.56-.783-.223-.224-.559-.335-.895-.335-.335 0-.671.111-.895.335-.223.224-.447.448-.559.783l-9.957 29.535-7.161-21.256c-.112-.336-.335-.56-.559-.783-.224-.224-.56-.336-.895-.336-.336 0-.671.112-.895.336-.224.223-.448.447-.56.783l-7.607 22.598c-.112.224-.112.448-.112.783 0 .224.112.448.335.671.112.224.336.336.56.448.224.112.447.224.783.224h64.89c.224 0 .448-.112.671-.224.224-.112.448-.224.56-.448.112-.223.224-.447.224-.671-.224-.224-.224-.447-.336-.671Zm-97.56 0-15.103-44.749c-.112-.336-.336-.559-.56-.783-.223-.224-.559-.336-.895-.336-.335 0-.671.112-.895.336-.224.224-.447.447-.559.783l-11.076 32.891-6.489-19.243c-.112-.335-.336-.559-.56-.783-.223-.223-.559-.335-.895-.335-.335 0-.671.112-.895.335-.223.224-.447.448-.559.783l-10.405 30.989c-.112.224-.112.448-.112.783 0 .224.112.448.336.671.112.224.336.336.559.448.224.112.448.224.783.224h46.095c.223 0 .559 0 .783-.112.336-.224.559-.448.783-.783-.224-.336-.224-.783-.336-1.119Z" fill="#009589"/><path d="M216.064 562.046c-27.634 0-50.122 22.486-50.122 50.007 0 7.719 1.79 15.438 5.259 22.374 3.468 6.936 8.503 12.978 14.768 17.564.335.224.783.448 1.23.448.336 0 .672-.112 1.007-.224.224-.112.56-.335.672-.559.223-.224.335-.56.447-.783a.954.954 0 0 0 0-.783c0-.224-.112-.56-.224-.784-.111-.223-.335-.447-.559-.671-5.706-4.251-10.293-9.733-13.426-16.109-3.132-6.377-4.81-13.313-4.81-20.473 0-25.171 20.585-45.756 45.87-45.756 25.285 0 45.871 20.585 45.871 45.756 0 7.048-1.567 14.096-4.811 20.473-3.133 6.376-7.832 11.858-13.426 16.109a1.15 1.15 0 0 0-.559.671c-.112.224-.224.56-.224.784v.783c.112.335.224.559.448.783.224.224.447.447.671.559.336.112.671.224 1.007.224.448 0 .895-.112 1.231-.448 6.265-4.586 11.299-10.628 14.768-17.564 3.468-6.936 5.258-14.655 5.258-22.374-.224-27.521-22.711-49.895-50.346-50.007Z" fill="#FFBE3C"/><path d="M216.065 535.645c-41.62 0-75.519 33.785-75.519 75.402a74.51 74.51 0 0 0 11.971 40.497c7.72 12.083 18.796 21.704 31.774 27.857.224.111.559.223.783.223.224 0 .559 0 .783-.111.224-.112.559-.224.671-.448.224-.224.336-.447.448-.671.112-.224.224-.56.224-.783 0-.224 0-.56-.112-.783-.112-.224-.224-.56-.448-.672-.224-.223-.447-.335-.671-.447-12.307-5.706-22.712-14.879-29.984-26.29-7.272-11.411-11.188-24.724-11.3-38.261 0-39.155 31.886-71.039 71.156-71.15 39.269 0 71.155 31.883 71.155 71.15a70.486 70.486 0 0 1-11.3 38.261c-7.272 11.411-17.677 20.584-29.983 26.29-.224.112-.448.335-.672.447-.223.224-.335.448-.447.672-.112.223-.112.559-.112.783 0 .223.112.559.224.783.112.224.335.447.447.671.224.224.448.336.671.448.224.111.56.111.784.111.223 0 .559-.112.783-.223 12.978-6.041 24.054-15.662 31.774-27.857 7.719-12.082 11.859-26.178 11.971-40.497.335-41.505-33.452-75.291-75.071-75.402Z" fill="#FFBE3C"/><path d="m44.442 759.167-.448-10.404c-.224-4.363 1.79-8.39 5.258-10.963l20.922-15.439-20.922-24.5-33.116 28.192 28.306 33.114Z" fill="#F29F68"/><path d="m55.07 784.785-6.825-9.061c-2.573-3.357-3.58-7.608-3.02-11.747l1.79-12.194c1.454-10.404-5.37-14.544-15.552-15.662h-.447c-.672 0-1.231-.56-1.343-1.343-.447-4.81-2.35-9.621-5.706-13.536-.56-.672-1.566-.672-2.125-.224L.584 739.253c-.67.559-.67 1.566-.223 2.126l13.425 18.682c.56.672 1.567.672 2.126.224l1.566-1.342c1.007-.895 2.685-.112 2.573 1.342l-.111 1.902c-.448 5.594 1.342 11.075 4.922 15.438l16.11 18.795c3.245 3.804 9.063 4.251 12.979 1.007 3.58-3.245 4.028-8.726 1.119-12.642Z" fill="#fff"/><path d="M62.453 532.401s72.834-17.564 72.834-9.173c0 1.118.335 2.237 1.007 3.132 7.272 10.18 52.024 72.717 52.024 72.717s.559.783 1.566 2.126c14.88 20.808 10.74 49.671-9.398 65.445l-97 74.507c-2.908 2.35-7.272 1.678-9.621-1.23l-28.641-36.471c-2.35-3.02-1.902-7.272 1.007-9.621l85.699-65.557-69.477-95.875Z" fill="#A8D7E1"/><path d="m110.114 772.702-8.167-6.376c-3.357-2.685-5.259-6.825-4.923-11.076l1.79-25.954H66.593v43.406h43.521Z" fill="#F29F68"/><path d="m136.519 781.317-11.3-.783c-4.252-.224-8.056-2.237-10.964-5.37l-8.168-9.285c-6.936-7.943-14.544-5.37-22.04 1.678l-.224.224-.111.112c-.448.447-1.231.559-1.902.111-4.028-2.796-8.839-4.474-14.097-4.474-.895 0-1.566.671-1.566 1.566v33.002c0 .895.67 1.566 1.566 1.566h22.935c.895 0 1.566-.671 1.566-1.566v-5.034c0-1.343 1.679-2.014 2.686-1.119l1.342 1.343a20.735 20.735 0 0 0 14.88 6.265h24.725c5.035 0 9.174-4.14 9.174-9.174.224-4.811-3.58-8.726-8.502-9.062Z" fill="#fff"/><path d="m65.81 512.264 58.29-.111.112.223c.112.224 8.95 25.06 8.95 36.023 0 22.151-81.672 40.162-81.672 40.162s-.336-24.835-.56-38.372c-.111-5.705.784-11.299 2.574-16.781 2.909-8.838 7.048-21.591 6.713-21.703" fill="#A8D7E1"/><path d="M111.234 546.162v189.512c0 3.468-3.133 6.264-6.936 6.264H57.979c-3.803 0-6.936-2.796-6.936-6.264V546.05l60.191.112Z" fill="#A8D7E1"/><path d="M59.657 435.52c5.93-8.39 15.439-13.424 25.62-13.76 7.831-.224 15.439-.448 15.439-.448s-26.291 44.973-40.053 68.466c-4.475 7.72-14.32 10.293-22.04 5.818-3.916-2.238-6.713-6.153-7.72-10.628-1.006-4.475 0-9.062 2.574-12.865 7.831-10.964 18.572-25.955 26.18-36.583Z" fill="#F29F68"/><path d="m210.246 537.771-12.642 1.007c-1.119.112-1.343 1.566-.448 2.126l8.503 4.922c1.231.671 1.79 2.126 1.343 3.58-.56 1.566-2.126 2.349-3.692 1.902l-17.677-5.146c-1.119-.336-2.35-.783-3.469-1.455-5.929-3.02-10.628-7.943-13.201-14.096-1.567-3.691-3.133-7.271-3.133-7.271l18.572-7.384s2.014 4.922 3.356 8.279c.784 1.79 2.462 3.132 4.476 3.244 0 0 .671.112 1.678.112 2.349.224 4.587 0 6.824-.56 4.14-1.006 8.615-1.118 12.755-.111 3.02.783 6.377 1.454 7.384 1.566 1.342.112 2.573 1.007 3.021 2.237l2.013.224c1.567.224 2.797 1.454 2.909 3.021 0 .671-.224 1.454-.671 2.013a2.389 2.389 0 0 1-1.902.895h-.559l2.573 3.021c1.007 1.23 1.119 2.908.112 4.251-.448.559-1.119.895-1.79 1.007-.672.112-1.455-.112-2.014-.56-2.573-2.013-6.937-4.922-9.174-6.376-1.119.223-1.902.335-1.902.335s-1.678-.223-3.245-.783Z" fill="#F29F68"/><path d="M89.193 372.76c17.677-4.699 35.801 5.705 40.5 23.381 4.699 17.676-5.706 35.799-23.383 40.498-17.677 4.699-35.801-5.706-40.5-23.381-4.699-17.676 5.706-35.8 23.383-40.498Z" fill="#FFD13F"/><path d="M125.442 393.456a15.566 15.566 0 0 1 19.131 11.076 15.565 15.565 0 0 1-11.076 19.13 15.566 15.566 0 0 1-19.131-11.075c-2.238-8.279 2.797-16.893 11.076-19.131Z" fill="#FFD13F"/><path d="M161.131 450.4c-3.132-8.838-12.754-13.649-21.704-10.852-5.035 1.566-9.062 5.482-10.964 10.404-1.902 4.922-1.455 10.516 1.23 15.103 10.405 17.676 26.068 44.525 38.711 66.005 2.349 4.027 7.16 5.929 11.635 4.698 4.475-1.23 7.496-5.37 7.384-10.068 0-.448-.112-1.007-.224-1.455-2.125-6.041-17.565-49.671-26.068-73.835Z" fill="#F29F68"/><path d="M155.426 433.841c-3.133-8.838-11.524-14.879-20.921-14.879H79.908a16.225 16.225 0 0 0-13.202 6.824 79720.45 79720.45 0 0 0-27.97 38.932l29.983-.559-12.53 60.747h79.434V475.01l3.581 5.93 28.305-12.866c-.112 0-7.048-19.801-12.083-34.233Z" fill="#009589"/><path d="M142.336 364.928c-2.574-7.943-9.398-13.537-17.677-14.655-10.964-1.455-21.145 5.593-23.719 16.333l-4.14 17.34c-1.454 5.93-.223 12.194 3.245 17.229 3.469 5.034 8.839 8.278 14.88 9.061 1.678.224 3.357.224 4.923.112 8.95-.895 16.558-7.271 18.684-16.445l4.139-17.34c1.119-3.916.895-7.943-.335-11.635Z" fill="#F29F68"/><path d="M129.47 398.603c-.672.112-1.343.112-1.902 0-2.238-.223-4.364-1.454-5.706-3.132-.336-.448-.336-1.007.112-1.454.447-.336 1.007-.336 1.454.111a6.913 6.913 0 0 0 4.475 2.462 6.664 6.664 0 0 0 4.923-1.343c.447-.335 1.119-.224 1.454.224.336.447.224 1.119-.223 1.454-1.455 1.007-3.021 1.566-4.587 1.678Z" fill="#894A14"/><path d="M142.336 364.816c-2.573-7.942-9.398-13.536-17.677-14.655-11.412-1.454-22.6 5.706-25.06 15.998l-5.147 21.256c-1.007 4.363-1.343 10.963-.672 16.892.784 7.048 2.686 12.194 5.483 14.432l.335.335 7.049-36.582h-.336c-1.678-.223-3.133-1.007-4.14-2.349-.895-1.343-1.23-3.021-.895-4.699.895-4.363 5.482-5.593 14.88-4.251 14.88 2.126 24.278 1.455 26.18-6.377.112.112.112 0 0 0Z" fill="#FFD13F"/><path d="M126.448 418.962c-.783 0-1.566-.112-2.237-.336-1.79-.559-3.133-2.125-3.468-4.027a4.94 4.94 0 0 1 2.349-4.811c.224-.112.559-.335.783-.335l.224-.112-8.279-29.087-9.846 6.153s-3.468 16.445-5.482 25.954c-.783 3.804-4.14 6.601-8.055 6.601h-1.79l17.006 12.306s14.208-8.503 18.907-11.411c.224-.112.336-.336.224-.56.112-.223-.112-.335-.336-.335Z" fill="#F29F68"/><path d="M89.192 418.962v.336c0 11.299 9.063 20.584 20.251 20.584 11.187 0 20.25-9.173 20.25-20.584v-.336h-40.5Z" fill="#F29F68"/><path d="M108.548 379.024c.671-.112 1.231.448 1.231 1.007.112.671-.448 1.231-1.007 1.231-.672.111-1.231-.448-1.231-1.007-.112-.56.336-1.231 1.007-1.231Z" fill="#fff"/><path d="M176.011 541.128c-2.35-1.567-4.252-3.692-5.594-6.042-2.573-4.474-6.713-11.746-6.713-11.746l40.389 13.536s-3.469.224-6.042.336c-.783 0-1.566.671-1.79 1.454-.224.784.112 1.678.783 2.126l.112.112 8.503 4.922c1.231.671 1.79 2.126 1.342 3.58-.559 1.566-2.125 2.349-3.692 1.902l-17.677-5.146c-3.132-1.007-6.936-3.244-9.621-5.034ZM165.83 448.05v-.112c-.559-1.343-1.902-2.126-3.356-1.79 0 0-20.474 4.363-24.614 5.258-.559.112-1.119.112-1.678-.112-.783-.336-2.238-.783-5.594-1.231-3.58-.559-6.937 3.021-8.503 5.258-1.454 2.126-3.468 3.692-5.93 4.028-1.454.112-2.685.224-2.685.224-.223 0-.335 0-.559.111l-30.431 2.797-23.942 2.461c-4.7.448-8.839 2.909-11.524 6.713a15.12 15.12 0 0 0-2.126 13.089c1.12 4.139 3.916 7.607 7.832 9.621 3.804 2.014 8.279 2.349 12.418 1.007l30.655-9.957c.224 0 .336-.112.56-.112 0 0 15.775-4.922 24.39-7.495.111 0 .223 0 .335-.112 2.238-.671 5.482-.336 7.832-.112 2.125.224 4.699.336 6.489.112 4.363-.56 16.334-4.699 16.334-4.699h.112c1.231-.335 2.126-1.342 2.238-2.685.111-1.342-.672-2.461-1.79-3.02 1.23-.336 2.125-1.343 2.237-2.685a3.074 3.074 0 0 0-2.014-3.133 2.97 2.97 0 0 0 2.462-2.685c.112-1.566-.895-2.908-2.35-3.244l9.846-3.02c.223-.112.559-.224.783-.336l.895-.224c.783-.224 1.454-.783 1.79-1.454.112-.895.112-1.678-.112-2.461Z" fill="#F29F68"/><path d="M51.154 498.616c10.751 0 19.467-5.76 19.467-12.865s-8.716-12.865-19.467-12.865-19.467 5.76-19.467 12.865 8.716 12.865 19.467 12.865Z" fill="#F29F68"/></svg>';
+defineCustomElement('sinch-illustration-5g', createIllustrationClass(templateHTML));

package/illustrations/about-page/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-about-page': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-about-page': TSinchIllustrationElement;
+    }
+}

package/illustrations/about-page/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 784 800" fill="none" aria-hidden="true" focusable="false"><path d="m257.14 217.121-16.33 2.003c-1.78.22-3.583.163-5.345-.171a40.994 40.994 0 0 1-48.794 20.984 17.212 17.212 0 0 1-4.043 4.111l-4.365 3.145a17.846 17.846 0 0 1-5.346 20.947l-18.311 14.499a14.231 14.231 0 0 1-9.845 3.033l-9.101 25.534-4.682 13.116 25.327 4.681 9.893 42.937 5.852 25.353a80.787 80.787 0 0 1 1.992 14.809l100.724-28.694a60.988 60.988 0 0 0-3.025-15.32 59.57 59.57 0 0 0-1.803-4.761l-4.156-9.624a67.584 67.584 0 0 1 15.823-76.106l7.729-7.243h-32.447l.253-53.233Z" fill="#A8D7E2"/><path d="M310.065 211.358Zm-17.211 55.701-3.508 3.288 3.508-3.288Z" fill="#6F3F18"/><path d="M534.848 191.06a1.775 1.775 0 1 0-2.895-2.049 9.495 9.495 0 0 1-2.443 2.165l3.764 1.566a11.19 11.19 0 0 0 1.574-1.682Zm-25.595-.672c.104.167 1.942 3.017 6.17 4.81-1.356-1.817-3.645-4.307-6.084-6.802a1.775 1.775 0 0 0-.086 1.992Z" fill="#272727"/><path d="M522.71 196.631a17.037 17.037 0 0 0 3.016-.266 15.247 15.247 0 0 0 7.549-3.625l-3.765-1.566c-1.587 1.014-3.972 1.987-7.225 1.898h-.409c-6.822-.368-9.495-4.365-9.616-4.555a1.773 1.773 0 0 0-2.435-.56 1.756 1.756 0 0 0-.486.451c2.44 2.499 4.728 4.985 6.085 6.802a18.423 18.423 0 0 0 6.264 1.404c.346.008.687.017 1.022.017Z" fill="#272727"/><path d="m721.331 727.26-7.213-1.521a19.247 19.247 0 0 1-16.73-18.736l-5.209-289.587-.168-9.316-.051-2.778-115.623-25.799 19.688 42.576 1.762 3.796a103.408 103.408 0 0 1 9.421 47.5l-4.124 99.154 16.674-78.901a6.57 6.57 0 0 1 7.146-5.172 6.572 6.572 0 0 1 5.859 6.594l-2.447 257.813h89.34a12.867 12.867 0 0 0 1.681-25.623h-.006ZM457.682 200.818a7.612 7.612 0 0 0 7.071-10.465 7.62 7.62 0 0 0-3.178-3.7 8.021 8.021 0 0 1-7.497 4.264 7.56 7.56 0 0 1-.795-.094 37.732 37.732 0 0 1-1.347 3.224l-1.141 2.392a7.622 7.622 0 0 0 6.887 4.379Z" fill="#007171"/><path d="m486.433 377.03.119-144.176.037-44.846.012-15.504H464.2l-1.777 11.601c-.016.093-.039.184-.057.277a9.98 9.98 0 0 1 4.954 11.471 9.984 9.984 0 0 1-5.73 6.545 9.982 9.982 0 0 1-12.025-3.396l-6.669 13.969a28.244 28.244 0 0 0 .932 26.128l1.507 2.652H402.83a18.531 18.531 0 0 1-11.665 10.924l-10.747 3.466 9.095 13.547a16.705 16.705 0 0 1 2.663 11.668 16.703 16.703 0 0 1-5.829 10.453 15.269 15.269 0 0 1-8.38 3.488 53.72 53.72 0 0 1 1.194 38.388l-10.318 29.697a53.88 53.88 0 0 0-1.396 4.698 54.856 54.856 0 0 0-.783 22.956l105.74-2.131 14.32-.29c-.043-.822-.064-1.647-.098-2.471a232.44 232.44 0 0 1-.193-9.114Z" fill="#007171"/><path d="m521.521 719.755-1.525-14.386-3.299-31.125-22.527-212.545-6.527-61.581a215.575 215.575 0 0 1-.91-11.497l-14.32.29-105.741 2.132a54.765 54.765 0 0 0 3.757 12.389l8.2 18.685a194.574 194.574 0 0 1 16.342 73.347l3.763 150.912a13.184 13.184 0 0 1-3.738 9.53 13.165 13.165 0 0 1-9.433 3.977h-4.921l-12.979 71.99h67.536l-1.432-23.62-11.043-182.11a7.064 7.064 0 0 1 14.071-1.192l19.877 182.54 3.207 29.458c.254 2.339.415 4.684.499 7.031h68.505a67.518 67.518 0 0 1-7.362-24.225Z" fill="#CCC"/><path d="M323.572 200.524a1.787 1.787 0 0 0-2.273 1.05c-.078.211-2.02 5.162-9.412 6.115-7.391.953-10.946-4.203-11.103-4.434a1.772 1.772 0 0 0-2.789-.217 1.763 1.763 0 0 0-.173 2.167c.151.233 3.085 4.579 9.031 5.816a15.613 15.613 0 0 0 4.283.301c.364-.023.794-.06 1.206-.113 9.629-1.243 12.189-8.138 12.295-8.432.078-.221.112-.456.1-.691a1.774 1.774 0 0 0-1.165-1.562Z" fill="#842306"/><path d="M607.03 461.916a102.975 102.975 0 0 0-9.25-36.02l-1.762-3.795-31.19 12.137-70.668 27.474 22.527 212.552h12.304l-.122-4.048-1.585-53.424-.366-12.333-2.86-96.364a9.404 9.404 0 0 1 5.65-8.781 9.412 9.412 0 0 1 7.192-.125 9.405 9.405 0 0 1 5.173 4.998 9.388 9.388 0 0 1 .777 3.583l.466 96.689.059 12.333.259 53.424.019 4.048h55.184l.169-4.048 2.221-53.424.513-12.333 1.327-31.909 4.125-99.153c.16-3.827.105-7.66-.162-11.481Zm-59.007-324.903.55-.587v.945c0 13.981 4.8 27.538 13.597 38.404l4.14-6.164a6.265 6.265 0 0 1 11.024 1.222 6.263 6.263 0 0 1 .048 4.441l-.448 1.214c.125-.206.243-.417.378-.621a17.831 17.831 0 0 0-.053-19.785l-.828-1.237a11.405 11.405 0 0 1-1.717-8.555l.587-2.966a11.393 11.393 0 0 0-7.926-13.131 11.41 11.41 0 0 1-7.476-7.083l-.115-.323a14.773 14.773 0 0 0-16.082-9.631 14.762 14.762 0 0 1-8.868-1.443l-2.135-1.086a16.298 16.298 0 0 0-17.26 1.566l-.881.671a16.292 16.292 0 0 1-11.245 3.279 16.294 16.294 0 0 0-15.942 8.947l-.73 1.46v11.55l-.018 21.987 4.947.167a74.152 74.152 0 0 0 56.453-23.241Zm23.421 54.327a6.225 6.225 0 0 1-1.268 2.049 5.388 5.388 0 0 1-1.783 6.393 5.385 5.385 0 0 1-6.634-.181 5.381 5.381 0 0 1-1.958-4.176 5.307 5.307 0 0 1 .689-2.586 6.226 6.226 0 0 1-.85-1.613l-.184-.532-.466 1.053a88.436 88.436 0 0 1-4.997 9.643 90.347 90.347 0 0 1-6.182 9.02c1.57.161 3.152.167 4.723.018l.865-.084a23.211 23.211 0 0 0 20.954-23.957c-.04-1.193.04-2.387.237-3.565l-3.146 8.518ZM435.198 731.861h-67.537l-.391 2.197a32.75 32.75 0 0 0 12.389 31.867h31.142a24.915 24.915 0 0 0 18.141-7.841 24.904 24.904 0 0 0 6.72-18.586l-.464-7.637Zm103.283 27.72-6.822-10.755-.012-.019c-.158-.253-.303-.511-.456-.764a67.79 67.79 0 0 1-2.308-4.073h-68.505a97.224 97.224 0 0 1-.885 17.076l-.979 6.9a20.943 20.943 0 0 0 12.056 21.998 20.965 20.965 0 0 0 8.694 1.885h41.483c14.136 0 23.515-13.312 20.441-25.909a21.168 21.168 0 0 0-2.707-6.339Zm-97.368-589.467c-.088-.123-.18-.242-.272-.36a11.323 11.323 0 0 0-12.243-3.981 11.32 11.32 0 0 0-8.046 10.05 11.215 11.215 0 0 0-12.072 4.441 11.328 11.328 0 0 0-14.129-4.879 11.324 11.324 0 0 0 5.761 21.706 11.32 11.32 0 0 0 9.85-11.244 10.896 10.896 0 0 0-.147-1.691c-.061-.382-.127-.76-.223-1.129a8.92 8.92 0 0 1 4.617-4.497 8.917 8.917 0 0 1 6.441-.215 11.356 11.356 0 0 0 11.201 9.656 11.227 11.227 0 0 0 4.043-.757 11.36 11.36 0 0 0 7.302-10.571 11.274 11.274 0 0 0-.793-4.138 11.378 11.378 0 0 0-1.29-2.391Zm-42.492 24.719a8.98 8.98 0 0 1-8.221-5.375 8.98 8.98 0 0 1 1.624-9.687 8.978 8.978 0 0 1 9.526-2.398 8.974 8.974 0 0 1 6.018 7.764c.019.239.037.475.037.72a8.986 8.986 0 0 1-8.984 8.976Zm33.23-9.215a8.958 8.958 0 0 1-1.736-17.746 8.955 8.955 0 0 1 10.712 8.771 8.99 8.99 0 0 1-8.976 8.975Z" fill="#272727"/><path d="m274.772 383.405-100.723 28.694a80.762 80.762 0 0 1-3.084 25.717L90.284 717.75a26.035 26.035 0 0 1-24.458 18.82l-6.026.129a19.536 19.536 0 0 0 .423 39.064h97.936l68.173-275.704c1.887-7.634 9.324-11.33 15.954-9.88a270.294 270.294 0 0 1 17.796-56.213l9.659-21.861a60.782 60.782 0 0 0 5.031-28.698v-.002Z" fill="#0A273D"/><path d="M301.11 135.003c-23.996-.356-43.671 18.938-43.785 42.937l-.196 39.181-.252 53.227h32.453l3.508-3.289a22.445 22.445 0 0 0 3.238-28.956l-9.162-13.537a53.442 53.442 0 0 1-4.066-7.147 10.492 10.492 0 0 1-10.518.495 15.361 15.361 0 0 1-7.047-7.576l-1.797-4.181a10.229 10.229 0 0 1 2.45-11.554 10.238 10.238 0 0 1 11.709-1.55 53.494 53.494 0 0 1 18.062-39.085l1.704 4.727a32.534 32.534 0 0 0 41.324 19.68l4.853-1.695c-.701-22.712-19.218-41.333-42.478-41.677Z" fill="#272727"/><path d="m767.1 303.425-34.227-32.418a15.36 15.36 0 0 1-2.828 3.784 14.073 14.073 0 0 1-17.685 1.584l-19.13-12.9a17.62 17.62 0 0 1-7.323-18.529l-7-1.685a14.968 14.968 0 0 1-9.201-6.597l-26.623 26.897-17.814-36.975a11.486 11.486 0 0 1-10.532.652l-49.861-21.271a23.104 23.104 0 0 1-11.48 4.375l-.865.084a24.121 24.121 0 0 1-4.723-.017 89.091 89.091 0 0 1-5.73 6.679 13.6 13.6 0 0 0-2.373 3.441c-3.071 6.29-.912 14.255 5.609 17.894l9.95 5.554a52.878 52.878 0 0 1 24.241 63.326l-7.093 20.668a65.082 65.082 0 0 0 2.488 48.436l1.439 3.113 115.623 25.799-1.684-93.614c-.107-5.974 6.852-9.306 11.442-5.481l37.253 31.136-20.431 40.86 34.796 27.171a37.438 37.438 0 0 1 1.73-3.371l20.966-35.778a51.015 51.015 0 0 0-8.934-62.817ZM516.697 674.251l3.298 31.125 1.525 14.387a67.521 67.521 0 0 0 7.363 24.215 71.084 71.084 0 0 0 2.308 4.074L529 674.251h-12.303Zm80.843 31.409 1.306-31.409h-55.184l.196 41.953a46.818 46.818 0 0 1-8.026 26.445l-4.176 6.178 6.822 10.755a21.157 21.157 0 0 1 2.706 6.342h51.374c16.765 0 25.752-19.714 14.761-32.37a39.989 39.989 0 0 1-9.779-27.894ZM394.159 217.026a7.644 7.644 0 0 1 .688 8.092 7.63 7.63 0 0 1-6.99 4.134 7.635 7.635 0 0 1-5.64-12.545 7.568 7.568 0 0 1 3.26-2.31 1.18 1.18 0 0 0 .107-2.181 1.182 1.182 0 0 0-.904-.044 9.985 9.985 0 0 0-5.774 13.392 9.983 9.983 0 0 0 19.133-3.996c0-.231-.02-.46-.038-.689l-3.842-3.853Zm68.208-32.643a9.927 9.927 0 0 0-4.699-1.175c-.313 0-.614.125-.836.346a1.187 1.187 0 0 0 0 1.672c.222.222.523.347.836.347a7.627 7.627 0 0 1 7.631 7.856 7.614 7.614 0 0 1-1.181 3.847 7.612 7.612 0 0 1-2.975 2.71 7.61 7.61 0 0 1-3.941.817 7.62 7.62 0 0 1-6.42-4.364l-1.224 2.563a9.988 9.988 0 0 0 12.025 3.396 9.984 9.984 0 0 0 .776-18.015h.008Zm-245.015-44.827a35.613 35.613 0 0 0-40.368-12.393c-.323.113-.65.196-.978.327a35.63 35.63 0 0 0-22.892 34.038 67.616 67.616 0 0 0 1.957 14.7 40.873 40.873 0 0 0 23.432-41.712 40.936 40.936 0 0 0 41.981 9.787 52.934 52.934 0 0 0-3.132-4.743v-.004Z" fill="#FFBE3C"/><path d="M665.868 195.391a1.772 1.772 0 0 0-2.507-.027 14.23 14.23 0 0 1-11.267 3.999 14.227 14.227 0 0 1-10.335-6.01 1.777 1.777 0 0 0-2.471-.434 1.772 1.772 0 0 0-.434 2.47 17.754 17.754 0 0 0 12.912 7.507 17.759 17.759 0 0 0 14.075-4.997 1.761 1.761 0 0 0 .534-1.248 1.778 1.778 0 0 0-.507-1.26Z" fill="#F2A068"/><path d="M208.266 175.539a1.713 1.713 0 0 0-.482-.195 1.775 1.775 0 0 0-2.071 1.174c-.018.051-.039.1-.053.155-.053.219-1.351 5.397-8.177 8.625-7.01 3.316-14.644.887-14.725.867a1.774 1.774 0 0 0-1.112 3.367 25.912 25.912 0 0 0 7.535 1.073c2.937 0 6.403-.484 9.819-2.099 8.471-4.007 10.057-10.766 10.119-11.052a1.767 1.767 0 0 0-.853-1.915Z" fill="#894915"/><path d="m692.011 408.101.168 9.316-.168-9.318v.002Z" fill="#E03E52"/><path d="M684.013 140.233a28.27 28.27 0 0 0-1.039-1.14 39.511 39.511 0 0 0-28.922-12.341 39.49 39.49 0 0 0-29.483 13.481 39.363 39.363 0 0 0-9.811 26.049c0 .725.027 1.443.066 2.154a39.362 39.362 0 0 0 4.409 16.113 39.551 39.551 0 0 0 7.488-42.051 39.496 39.496 0 0 0 54.783.342 39.495 39.495 0 0 0 8.811 39.724 39.497 39.497 0 0 0-6.302-42.333v.002ZM574.897 376.409a65.082 65.082 0 0 1-2.488-48.436l7.092-20.668a52.872 52.872 0 0 0-24.24-63.326l-9.951-5.546c-6.521-3.639-8.68-11.604-5.608-17.894l-27.784-2.76-10.632-1.055a11.337 11.337 0 0 1-7.27 13.566l-7.464 2.572-.12 144.176c0 3.042.076 6.082.196 9.12.033.824.055 1.648.098 2.47.201 3.841.504 7.673.91 11.497l6.527 61.582 70.668-27.475 31.19-12.137-19.687-42.575-1.437-3.111Z" fill="#E83452"/><path d="m574.592 182.822 2.349-6.331a17.888 17.888 0 0 0-2.349 6.331Z" fill="#E03E52"/><path d="M565.188 200.818a5.39 5.39 0 0 0 5.428-5.419 5.396 5.396 0 0 0-5.48-5.366 5.391 5.391 0 0 0-4.646 2.806 5.307 5.307 0 0 0-.689 2.586 5.388 5.388 0 0 0 5.387 5.393ZM378.629 422.116l-8.2-18.685a55.035 55.035 0 0 1-2.982-35.346h-95.7a60.988 60.988 0 0 1 3.025 15.32 60.787 60.787 0 0 1-5.031 28.698l-9.659 21.86a271.202 271.202 0 0 0-22.301 88.966l-9.245 122.776a13.169 13.169 0 0 0 3.478 9.949 13.18 13.18 0 0 0 9.659 4.216h143.882a13.179 13.179 0 0 0 12.265-8.364c.642-1.637.95-3.386.906-5.143l-3.755-150.9a194.593 194.593 0 0 0-16.342-73.347Zm6.149 347.711-3.015-2.296-2.11-1.607-10.823-8.242a30.147 30.147 0 0 0-40.082 3.207l-3.183 3.349-2.396 2.522c-11.918 12.528-3.034 33.238 14.261 33.238h37.167a16.806 16.806 0 0 0 16.065-21.726 16.81 16.81 0 0 0-5.886-8.447l.002.002Zm-85.659-5.587-3.187-3.352a30.128 30.128 0 0 0-40.076-3.204l-10.823 8.241-2.111 1.607-3.012 2.297a16.804 16.804 0 0 0 10.179 30.172h37.167c17.293 0 26.178-20.706 14.261-33.238l-2.398-2.523Zm132.205-560.781a1.775 1.775 0 0 0-2.349.859c-.027.059-2.805 5.873-9.549 6.435-1.058.092-2.123.05-3.169-.126-4.565-.761-6.897-3.879-7.024-4.054a1.777 1.777 0 0 0-2.474-.42 1.771 1.771 0 0 0-.419 2.474c.137.196 2.593 3.563 7.37 5.037 1.478.457 3.017.689 4.565.687.47 0 .953-.02 1.45-.063 8.77-.742 12.319-8.157 12.466-8.472a1.77 1.77 0 0 0-.306-1.95 1.776 1.776 0 0 0-.561-.407Z" fill="#E83452"/><path d="m718.539 378.228-2.519 5.038a18.63 18.63 0 0 1-10.951 9.397l-2.621.842a15.104 15.104 0 0 0-10.438 14.593l.168 9.318a15.04 15.04 0 0 0 6.934 12.404l20.191 12.92c12.984 8.31 30.068-.742 30.485-16.154l.182-6.738a37.218 37.218 0 0 1 3.365-14.449l-34.796-27.171Zm-18.17-197.181c1.294-3.082-.041-6.777-3.146-8.013a5.821 5.821 0 0 0-3.962-.115 39.49 39.49 0 0 1-2.946 9.647 39.499 39.499 0 0 1-8.811-39.723 39.497 39.497 0 0 1-54.783-.343 39.485 39.485 0 0 1-7.488 42.051 39.357 39.357 0 0 1-4.409-16.113 6.806 6.806 0 0 0-5.338.548c-2.858 1.586-4.078 5.076-3.132 8.206l4.502 14.96a8.055 8.055 0 0 0 6.868 5.677 5.341 5.341 0 0 0 5.385-3.05l7.098 17.158a11.497 11.497 0 0 1-.832 10.63 12.106 12.106 0 0 1-4.111 4.023l17.814 36.975 26.623-26.898a15.146 15.146 0 0 1-2.359-7.772 15.151 15.151 0 0 1 1.991-7.874l13.703-23.822.049.648c.147 1.936 1.316 3.719 3.132 4.416a4.958 4.958 0 0 0 6.386-2.688l7.766-18.528ZM665.841 197.9a17.759 17.759 0 0 1-21.359 2.667 17.773 17.773 0 0 1-5.628-5.177 1.776 1.776 0 0 1 .434-2.471 1.778 1.778 0 0 1 2.471.435 14.217 14.217 0 0 0 21.602 2.012 1.779 1.779 0 0 1 2.512.033 1.777 1.777 0 0 1-.032 2.512v-.011Z" fill="#FFE1CC"/><path d="M475.934.024 452.12 1.24c-13.391.684-21.791 14.759-16.036 26.87l5.497 11.57a41.99 41.99 0 0 1 4.027 19.83l-3.853 89.117a38.69 38.69 0 0 0-30.096-8.622 38.718 38.718 0 0 0-33.11 33.683 51.13 51.13 0 0 0 1.245 18.851 7.4 7.4 0 0 0-8.833 11.381l8.582 10.667c.225.269.468.523.726.76a9.924 9.924 0 0 1 4.397-3.175 1.182 1.182 0 1 1 .797 2.225 7.568 7.568 0 0 0-3.26 2.31 7.994 7.994 0 0 0 9.765-1.942c.356.38.699.768 1.067 1.136l1.118 1.125 3.834 3.861.717.72a18.657 18.657 0 0 1 5.093 9.456 18.657 18.657 0 0 1-.967 10.697h42.505l-1.507-2.652a28.246 28.246 0 0 1-.932-26.128l6.67-13.969 1.223-2.563 1.142-2.392a37.722 37.722 0 0 0 1.346-3.224c.263.045.529.077.795.094a8.024 8.024 0 0 0 7.498-4.264 7.578 7.578 0 0 0-3.888-1.084 1.185 1.185 0 0 1-1.182-1.183 1.182 1.182 0 0 1 1.182-1.182 9.923 9.923 0 0 1 4.698 1.175c.018-.094.041-.184.057-.278l1.777-11.601h22.401l.012-12.405.017-21.988v-11.549l.061-74.57a71.712 71.712 0 0 1 3.375-21.694l2.69-8.443C496.325 10.7 487.633-.575 475.934.024Zm-43.752 205.792c-.146.315-3.695 7.731-12.465 8.473-.498.043-.979.062-1.451.062a15.354 15.354 0 0 1-4.565-.687c-4.777-1.474-7.233-4.843-7.37-5.037a1.772 1.772 0 0 1 1.743-2.775c.464.078.878.338 1.15.722.127.174 2.459 3.293 7.024 4.054 1.047.176 2.112.218 3.169.125 6.744-.569 9.522-6.376 9.549-6.434a1.774 1.774 0 1 1 3.216 1.497Zm10.802-27.036a11.345 11.345 0 0 1-2.452 5.14 11.352 11.352 0 0 1-4.638 3.305c-1.289.5-2.66.756-4.042.758a11.352 11.352 0 0 1-11.202-9.657 8.93 8.93 0 0 0-6.44.213 8.928 8.928 0 0 0-4.618 4.495c.096.37.162.748.223 1.13.093.559.142 1.124.147 1.691a11.37 11.37 0 1 1-1.482-5.583 11.208 11.208 0 0 1 12.072-4.442 11.322 11.322 0 0 1 14.789-9.969 11.319 11.319 0 0 1 5.5 3.901c.092.117.184.236.272.36.522.741.954 1.542 1.286 2.386a11.17 11.17 0 0 1 .587 6.276l-.002-.004Z" fill="#F2A068"/><path d="M398.623 176.881a8.98 8.98 0 0 0-8.804 10.726 8.97 8.97 0 0 0 7.053 7.052 8.97 8.97 0 0 0 9.213-3.816 8.97 8.97 0 0 0 1.513-4.987c0-.244-.017-.481-.037-.72a8.98 8.98 0 0 0-8.938-8.255Zm33.229-9.215a9.001 9.001 0 0 0-8.798 6.935 9 9 0 0 0 10.651 10.875 9.008 9.008 0 0 0 7.116-8.653 9.007 9.007 0 0 0-8.969-9.157ZM130.962 324.33l-20.255 56.77-37.484 5.522a16.325 16.325 0 0 1-17.67-10.438l-11.78-31.544a8.72 8.72 0 0 0-4.392-4.829 8.72 8.72 0 0 0-11.501 3.783 8.724 8.724 0 0 0-.668 6.494l8.152 28.534-19.658-5.176c-9.173-2.418-17.593 5.859-15.334 15.073l6.069 24.764a23.167 23.167 0 0 0 23.015 17.645l84.685-1.875a38.23 38.23 0 0 0 19.353-5.76 38.232 38.232 0 0 0 13.716-14.818l18.989-36.535-9.902-42.929-25.335-4.681Zm99.406-176.573a8.621 8.621 0 0 0-6.763 2.779 53.18 53.18 0 0 0-3.133-6.234 40.93 40.93 0 0 1-41.98-9.788 40.869 40.869 0 0 1-23.432 41.712 72.996 72.996 0 0 0 1.329 4.686l-.266-.057a9.355 9.355 0 0 0-10.378 5.119 9.353 9.353 0 0 0 2.548 11.288l9.746 7.905.408.33a7.632 7.632 0 0 0 10.929-1.368 67.62 67.62 0 0 0 10.721 10.105l2.817 2.122c7.651 5.761 8.858 16.277 3.749 23.581a40.991 40.991 0 0 0 48.795-20.983c-9.639-1.829-16.278-11.777-13.212-21.89l3.226-10.647a52.946 52.946 0 0 0 1.533-6.589 7.64 7.64 0 0 0 2.77.501 7.679 7.679 0 0 0 7.582-7.083l1.196-16.22a8.658 8.658 0 0 0-2.14-6.359 8.64 8.64 0 0 0-6.045-2.91Zm-21.249 29.694c-.063.286-1.649 7.047-10.119 11.053-3.416 1.615-6.887 2.098-9.819 2.098a25.902 25.902 0 0 1-7.535-1.073 1.768 1.768 0 0 1-.994-.892 1.778 1.778 0 0 1-.09-1.332 1.778 1.778 0 0 1 2.196-1.143c.076.024 7.711 2.453 14.725-.867 6.826-3.228 8.124-8.406 8.176-8.625.014-.055.036-.104.053-.155a1.778 1.778 0 0 1 2.071-1.174c.17.041.332.107.482.196a1.764 1.764 0 0 1 .854 1.914Z" fill="#F2A068"/><path d="m380.418 256.141-7.108-10.592c-6.174-9.201-19.644-9.383-26.067-.355l-3.631 5.104a19.216 19.216 0 0 0-1.353 20.049 19.172 19.172 0 0 0 5.076 6.124l17.994 14.247 1.696 1.343c.215.17.438.319.659.475a15.293 15.293 0 0 0 18.666-.724 16.696 16.696 0 0 0 3.165-22.12l-9.097-13.551Z" fill="#FFE1CC"/><path d="M377.967 295.301a15.291 15.291 0 0 1-10.285-2.764c-.221-.157-.444-.306-.659-.476l-1.696-1.343-17.994-14.247a19.155 19.155 0 0 1-5.076-6.123H289.34l-7.729 7.243a67.585 67.585 0 0 0-15.823 76.106l4.162 9.63a59.957 59.957 0 0 1 1.803 4.761h95.7a53.519 53.519 0 0 1 1.396-4.699l10.318-29.696a53.715 53.715 0 0 0-1.2-38.392Zm-102.598-80.417a3.202 3.202 0 1 0-1.535-2.725 3.173 3.173 0 0 0 1.535 2.725Z" fill="#fff"/><path d="m731.391 254.305-16.537-20.975c-6.302-7.995-18.652-7.218-23.902 1.503l-2.97 4.932a17.678 17.678 0 0 0 5.248 23.712l19.13 12.9a14.069 14.069 0 0 0 17.684-1.584 15.382 15.382 0 0 0 1.347-20.488Zm-157.409-86.951a6.267 6.267 0 0 0-4.244-.254 6.27 6.27 0 0 0-3.428 2.515l-4.14 6.164a61.033 61.033 0 0 1-13.597-38.404v-.945l-.55.587a74.135 74.135 0 0 1-56.463 23.252l-4.947-.166-.011 12.405-.012 15.504a83.494 83.494 0 0 0 12.789 24.746 11.292 11.292 0 0 1 1.906 3.958l10.632 1.055 27.784 2.76a13.575 13.575 0 0 1 2.373-3.441 89.078 89.078 0 0 0 5.729-6.679 90.025 90.025 0 0 0 6.182-9.021 88.443 88.443 0 0 0 4.998-9.643l.466-1.053.184.532c.203.577.489 1.12.85 1.613a5.37 5.37 0 0 1 5.02-2.798 5.368 5.368 0 0 1 4.672 3.348 6.215 6.215 0 0 0 1.268-2.049l3.148-8.518a17.875 17.875 0 0 1 2.349-6.33l.448-1.214a6.261 6.261 0 0 0-3.406-7.924Zm-39.134 23.706c-.462.615-.987 1.18-1.566 1.687a15.245 15.245 0 0 1-7.548 3.626c-.996.178-2.006.267-3.017.266-.335 0-.675-.01-1.026-.029a18.429 18.429 0 0 1-6.264-1.404c-4.228-1.793-6.069-4.643-6.17-4.81a1.775 1.775 0 0 1 .571-2.443 1.777 1.777 0 0 1 2.432.562c.121.196 2.793 4.187 9.615 4.555h.409c3.254.088 5.638-.885 7.226-1.899a9.458 9.458 0 0 0 2.443-2.165 1.774 1.774 0 1 1 2.895 2.054Z" fill="#842306"/><path d="m263.502 206.157 1.797 4.181a15.37 15.37 0 0 0 7.047 7.576 10.489 10.489 0 0 0 10.518-.495 53.442 53.442 0 0 0 4.066 7.147l9.162 13.537a22.443 22.443 0 0 1-3.238 28.956l-3.508 3.289h52.917a19.227 19.227 0 0 1-1.272-14.819c-3.27-2.915-6.629-6.395-9.005-10.082-6.321-9.807-1.371-20.554 5.42-33.934 4.129-8.128 5.129-16.945 6.11-30.262.111-1.521.143-3.047.096-4.571l-4.853 1.695a32.536 32.536 0 0 1-41.325-19.68l-1.703-4.727a53.494 53.494 0 0 0-18.062 39.085 10.23 10.23 0 0 0-10.008.278 10.24 10.24 0 0 0-4.94 9.729c.096 1.067.36 2.112.781 3.097Zm34.833-3.408a1.773 1.773 0 0 1 2.451.507c.156.231 3.719 5.387 11.103 4.434 7.384-.954 9.334-5.904 9.412-6.116a1.776 1.776 0 0 1 3.438.513c.012.235-.022.469-.1.691-.106.294-2.666 7.188-12.296 8.431a18.034 18.034 0 0 1-2.276.149c-1.08 0-2.156-.113-3.213-.337-5.945-1.237-8.879-5.583-9.03-5.816a1.758 1.758 0 0 1 .014-1.973c.132-.192.301-.357.497-.483Zm-21.291 6.199a3.201 3.201 0 0 1 3.135 3.828 3.202 3.202 0 1 1-5.404-2.886 3.21 3.21 0 0 1 2.267-.942h.002Zm90.222 525.109.391-2.196 12.979-71.99h-59.967l11.852 82.569a26.237 26.237 0 0 1-6.956 21.799l3.185-3.351a30.152 30.152 0 0 1 19.428-9.262 30.151 30.151 0 0 1 20.654 6.056l10.823 8.241a32.753 32.753 0 0 1-12.389-31.866Zm-63.255-74.186h-59.974l13.376 74.192a32.75 32.75 0 0 1-12.387 31.868l10.823-8.242a30.123 30.123 0 0 1 40.08 3.207l3.189 3.343a26.222 26.222 0 0 1-6.956-21.801l11.849-82.567ZM176.377 243.803l-3.378-4.747c-5.973-8.396-18.499-8.222-24.241.329l-15.073 22.452a15.532 15.532 0 0 0 2.936 20.576 14.291 14.291 0 0 0 17.974.231l18.312-14.5a17.906 17.906 0 0 0 3.47-24.341Z" fill="#894915"/></svg>';
+defineCustomElement('sinch-illustration-about-page', createIllustrationClass(templateHTML));

package/illustrations/bank/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-bank': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-bank': TSinchIllustrationElement;
+    }
+}

package/illustrations/bank/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 405 400" fill="none" aria-hidden="true" focusable="false"><path d="M324.748 147.124H80.312v213.654h244.436V147.124Z" fill="#666"/><path d="M396.393 366.262h-23.601a1.686 1.686 0 0 1-1.686-1.687v-23.618a8.44 8.44 0 0 0-2.468-5.964 8.427 8.427 0 0 0-5.96-2.471h-3.372a5.055 5.055 0 0 1-5.057-5.061v-13.158a8.435 8.435 0 0 0-8.429-8.435 1.686 1.686 0 0 1-1.686-1.687V175.972a5.057 5.057 0 0 1 5.057-5.061h13.487a8.427 8.427 0 0 0 5.96-2.471 8.44 8.44 0 0 0 2.468-5.964V147a6.755 6.755 0 0 0-2.329-5.102L206.943 1.648a6.74 6.74 0 0 0-8.827 0L36.282 141.897a6.755 6.755 0 0 0-2.33 5.102v15.476c0 2.237.889 4.382 2.47 5.964a8.426 8.426 0 0 0 5.96 2.471h13.486a5.055 5.055 0 0 1 5.057 5.061V304.18a1.686 1.686 0 0 1-1.686 1.687 8.436 8.436 0 0 0-8.429 8.435v13.158a5.062 5.062 0 0 1-5.057 5.061h-3.371c-2.236 0-4.38.889-5.96 2.471a8.438 8.438 0 0 0-2.47 5.964V361.2a5.061 5.061 0 0 1-5.057 5.061H8.666c-2.235 0-4.38.888-5.96 2.47a8.437 8.437 0 0 0-2.469 5.964v16.87A8.436 8.436 0 0 0 8.667 400h387.726a8.435 8.435 0 0 0 8.429-8.435v-16.87a8.437 8.437 0 0 0-2.469-5.964 8.426 8.426 0 0 0-5.96-2.47ZM96.326 305.868a1.687 1.687 0 0 1-1.686-1.687V175.972a5.062 5.062 0 0 1 5.058-5.061h39.335a5.06 5.06 0 0 1 5.058 5.061v128.209a1.687 1.687 0 0 1-1.686 1.687 8.435 8.435 0 0 0-8.429 8.435v13.158a5.057 5.057 0 0 1-5.057 5.061h-19.107a5.057 5.057 0 0 1-5.057-5.061v-13.158a8.435 8.435 0 0 0-8.429-8.435Zm83.166 0a1.686 1.686 0 0 1-1.686-1.687V175.972a5.057 5.057 0 0 1 5.057-5.061h39.333a5.057 5.057 0 0 1 5.057 5.061v128.209a1.687 1.687 0 0 1-1.686 1.687 8.435 8.435 0 0 0-8.429 8.435v13.158a5.06 5.06 0 0 1-5.057 5.061h-19.103a5.055 5.055 0 0 1-5.057-5.061v-13.158a8.435 8.435 0 0 0-8.429-8.435Zm83.162 0a1.686 1.686 0 0 1-1.686-1.687V175.972a5.06 5.06 0 0 1 5.058-5.061h39.335a5.058 5.058 0 0 1 5.058 5.061v128.209a1.687 1.687 0 0 1-1.686 1.687 8.435 8.435 0 0 0-8.429 8.435v13.158a5.055 5.055 0 0 1-5.057 5.061H276.14a5.057 5.057 0 0 1-5.057-5.061v-13.158a8.435 8.435 0 0 0-8.429-8.435Z" fill="#CCC"/><path d="M202.53 147.124c24.206 0 43.83-19.638 43.83-43.861 0-24.224-19.624-43.862-43.83-43.862-24.207 0-43.83 19.638-43.83 43.862 0 24.223 19.623 43.861 43.83 43.861Z" fill="#666"/><path d="M202.53 137.002c18.62 0 33.715-15.106 33.715-33.739 0-18.634-15.095-33.74-33.715-33.74-18.621 0-33.716 15.106-33.716 33.74 0 18.633 15.095 33.739 33.716 33.739Z" fill="#CCC"/><path d="M204.505 122.136v2.953c0 .447-.177.876-.494 1.192a1.683 1.683 0 0 1-2.877-1.192v-2.899c-4.495-.283-8.052-2.108-10.273-5.131a3.028 3.028 0 0 1-.491-2.404 3.035 3.035 0 0 1 1.445-1.983 3.038 3.038 0 0 1 3.894.756c1.241 1.599 3.017 2.595 5.425 2.855v-10.878c-5.058-1.883-10.189-4.13-10.189-10.824 0-6.17 4.757-9.727 10.189-10.246v-2.902a1.668 1.668 0 0 1 .123-.65 1.695 1.695 0 0 1 1.562-1.053 1.682 1.682 0 0 1 1.563 1.052c.083.207.125.428.123.651v2.952c3.136.425 5.931 1.802 7.933 4.231a2.936 2.936 0 0 1 .633 2.393 2.943 2.943 0 0 1-1.418 2.027 2.926 2.926 0 0 1-3.709-.651 5.983 5.983 0 0 0-3.439-2.024v10.354c4.963 1.883 10.293 3.867 10.293 10.824 0 6.049-4.335 9.869-10.293 10.597Zm-3.398-22.797v-9.11c-2.556.418-4.178 1.984-4.178 4.339 0 2.21 1.255 3.411 4.178 4.774v-.003Zm7.683 12.237c0-2.46-1.621-3.664-4.285-4.865v9.521c2.873-.577 4.285-2.406 4.285-4.653v-.003Z" fill="#F2F2F2"/></svg>';
+defineCustomElement('sinch-illustration-bank', createIllustrationClass(templateHTML));