@nectary/components 0.45.2 → 0.47.0
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/accordion-item/index.js +1 -1
- package/alert/index.js +1 -1
- package/badge/index.js +6 -2
- package/chat-bubble/index.js +1 -1
- package/colors.json +12 -12
- package/date-picker/index.js +18 -6
- package/file-drop/index.js +1 -1
- package/file-status/index.js +1 -1
- package/horizontal-stepper-item/index.js +1 -1
- package/icons-branded/5g-readiness/index.d.ts +11 -0
- package/icons-branded/5g-readiness/index.js +4 -0
- package/icons-branded/abcd/index.d.ts +11 -0
- package/icons-branded/abcd/index.js +4 -0
- package/icons-branded/airplane/index.d.ts +11 -0
- package/icons-branded/airplane/index.js +4 -0
- package/icons-branded/announcement/index.d.ts +11 -0
- package/icons-branded/announcement/index.js +4 -0
- package/icons-branded/bell-notification/index.d.ts +11 -0
- package/icons-branded/bell-notification/index.js +4 -0
- package/icons-branded/bell-off/index.d.ts +11 -0
- package/icons-branded/bell-off/index.js +4 -0
- package/icons-branded/billing/index.d.ts +11 -0
- package/icons-branded/billing/index.js +4 -0
- package/icons-branded/boat/index.d.ts +11 -0
- package/icons-branded/boat/index.js +4 -0
- package/icons-branded/book/index.d.ts +11 -0
- package/icons-branded/book/index.js +4 -0
- package/icons-branded/calendar/index.d.ts +11 -0
- package/icons-branded/calendar/index.js +4 -0
- package/icons-branded/call/index.d.ts +11 -0
- package/icons-branded/call/index.js +4 -0
- package/icons-branded/call-and-verified/index.d.ts +11 -0
- package/icons-branded/call-and-verified/index.js +4 -0
- package/icons-branded/calling-api/index.d.ts +11 -0
- package/icons-branded/calling-api/index.js +4 -0
- package/icons-branded/car/index.d.ts +11 -0
- package/icons-branded/car/index.js +4 -0
- package/icons-branded/channels/index.d.ts +11 -0
- package/icons-branded/channels/index.js +4 -0
- package/icons-branded/chat-message/index.d.ts +11 -0
- package/icons-branded/chat-message/index.js +4 -0
- package/icons-branded/chatlayert/index.d.ts +11 -0
- package/icons-branded/chatlayert/index.js +4 -0
- package/icons-branded/cloud/index.d.ts +11 -0
- package/icons-branded/cloud/index.js +4 -0
- package/icons-branded/connection/index.d.ts +11 -0
- package/icons-branded/connection/index.js +4 -0
- package/icons-branded/contact-center/index.d.ts +11 -0
- package/icons-branded/contact-center/index.js +4 -0
- package/icons-branded/contact-pro/index.d.ts +11 -0
- package/icons-branded/contact-pro/index.js +4 -0
- package/icons-branded/cookies/index.d.ts +11 -0
- package/icons-branded/cookies/index.js +4 -0
- package/icons-branded/custom/index.d.ts +11 -0
- package/icons-branded/custom/index.js +4 -0
- package/icons-branded/customer-satisfaction-smiley/index.d.ts +11 -0
- package/icons-branded/customer-satisfaction-smiley/index.js +4 -0
- package/icons-branded/database/index.d.ts +11 -0
- package/icons-branded/database/index.js +4 -0
- package/icons-branded/decision/index.d.ts +11 -0
- package/icons-branded/decision/index.js +4 -0
- package/icons-branded/developer/index.d.ts +11 -0
- package/icons-branded/developer/index.js +4 -0
- package/icons-branded/direction/index.d.ts +11 -0
- package/icons-branded/direction/index.js +4 -0
- package/icons-branded/easytouse/index.js +1 -1
- package/icons-branded/edit/index.d.ts +11 -0
- package/icons-branded/edit/index.js +4 -0
- package/icons-branded/finance/index.js +1 -1
- package/icons-branded/flow/index.d.ts +11 -0
- package/icons-branded/flow/index.js +4 -0
- package/icons-branded/flow-chart/index.d.ts +11 -0
- package/icons-branded/flow-chart/index.js +4 -0
- package/icons-branded/global/index.d.ts +11 -0
- package/icons-branded/global/index.js +4 -0
- package/icons-branded/gym/index.d.ts +11 -0
- package/icons-branded/gym/index.js +4 -0
- package/icons-branded/handshaking/index.d.ts +11 -0
- package/icons-branded/handshaking/index.js +4 -0
- package/icons-branded/health-insurance/index.d.ts +11 -0
- package/icons-branded/health-insurance/index.js +4 -0
- package/icons-branded/healthcare/index.d.ts +11 -0
- package/icons-branded/healthcare/index.js +4 -0
- package/icons-branded/idea/index.d.ts +11 -0
- package/icons-branded/idea/index.js +4 -0
- package/icons-branded/intelligent-revenue-maximisation/index.d.ts +11 -0
- package/icons-branded/intelligent-revenue-maximisation/index.js +4 -0
- package/icons-branded/laptop/index.d.ts +11 -0
- package/icons-branded/laptop/index.js +4 -0
- package/icons-branded/layout/index.d.ts +11 -0
- package/icons-branded/layout/index.js +4 -0
- package/icons-branded/lock/index.d.ts +11 -0
- package/icons-branded/lock/index.js +4 -0
- package/icons-branded/logistic/index.d.ts +11 -0
- package/icons-branded/logistic/index.js +4 -0
- package/icons-branded/long-message/index.d.ts +11 -0
- package/icons-branded/long-message/index.js +4 -0
- package/icons-branded/loop/index.d.ts +11 -0
- package/icons-branded/loop/index.js +4 -0
- package/icons-branded/low-cost/index.d.ts +11 -0
- package/icons-branded/low-cost/index.js +4 -0
- package/icons-branded/make-it-happen/index.d.ts +11 -0
- package/icons-branded/make-it-happen/index.js +4 -0
- package/icons-branded/make-money/index.d.ts +11 -0
- package/icons-branded/make-money/index.js +4 -0
- package/icons-branded/massage/index.d.ts +11 -0
- package/icons-branded/massage/index.js +4 -0
- package/icons-branded/media/index.d.ts +11 -0
- package/icons-branded/media/index.js +4 -0
- package/icons-branded/message/index.d.ts +11 -0
- package/icons-branded/message/index.js +4 -0
- package/icons-branded/message-questions/index.d.ts +11 -0
- package/icons-branded/message-questions/index.js +4 -0
- package/icons-branded/messaging/index.d.ts +11 -0
- package/icons-branded/messaging/index.js +4 -0
- package/icons-branded/mic/index.d.ts +11 -0
- package/icons-branded/mic/index.js +4 -0
- package/icons-branded/mobile/index.d.ts +11 -0
- package/icons-branded/mobile/index.js +4 -0
- package/icons-branded/mobile-intergration/index.d.ts +11 -0
- package/icons-branded/mobile-intergration/index.js +4 -0
- package/icons-branded/mobile-numbers/index.d.ts +11 -0
- package/icons-branded/mobile-numbers/index.js +4 -0
- package/icons-branded/money/index.d.ts +11 -0
- package/icons-branded/money/index.js +4 -0
- package/icons-branded/multiple-channels/index.js +1 -1
- package/icons-branded/music/index.d.ts +11 -0
- package/icons-branded/music/index.js +4 -0
- package/icons-branded/mute/index.d.ts +11 -0
- package/icons-branded/mute/index.js +4 -0
- package/icons-branded/news/index.d.ts +11 -0
- package/icons-branded/news/index.js +4 -0
- package/icons-branded/numbers/index.d.ts +11 -0
- package/icons-branded/numbers/index.js +4 -0
- package/icons-branded/office/index.d.ts +11 -0
- package/icons-branded/office/index.js +4 -0
- package/icons-branded/office-activities/index.d.ts +11 -0
- package/icons-branded/office-activities/index.js +4 -0
- package/icons-branded/opened-message/index.d.ts +11 -0
- package/icons-branded/opened-message/index.js +4 -0
- package/icons-branded/operators/index.d.ts +11 -0
- package/icons-branded/operators/index.js +4 -0
- package/icons-branded/package/index.d.ts +11 -0
- package/icons-branded/package/index.js +4 -0
- package/icons-branded/path/index.d.ts +11 -0
- package/icons-branded/path/index.js +4 -0
- package/icons-branded/perso-message/index.d.ts +11 -0
- package/icons-branded/perso-message/index.js +4 -0
- package/icons-branded/pie-chart/index.d.ts +11 -0
- package/icons-branded/pie-chart/index.js +4 -0
- package/icons-branded/piggybank/index.d.ts +11 -0
- package/icons-branded/piggybank/index.js +4 -0
- package/icons-branded/pin/index.d.ts +11 -0
- package/icons-branded/pin/index.js +4 -0
- package/icons-branded/price-tag/index.d.ts +11 -0
- package/icons-branded/price-tag/index.js +4 -0
- package/icons-branded/protection/index.d.ts +11 -0
- package/icons-branded/protection/index.js +4 -0
- package/icons-branded/purpose/index.d.ts +11 -0
- package/icons-branded/purpose/index.js +4 -0
- package/icons-branded/puzzle/index.d.ts +11 -0
- package/icons-branded/puzzle/index.js +4 -0
- package/icons-branded/queue/index.d.ts +11 -0
- package/icons-branded/queue/index.js +4 -0
- package/icons-branded/retail/index.d.ts +11 -0
- package/icons-branded/retail/index.js +4 -0
- package/icons-branded/rich-content/index.d.ts +11 -0
- package/icons-branded/rich-content/index.js +4 -0
- package/icons-branded/rocket/index.js +1 -1
- package/icons-branded/roi/index.d.ts +11 -0
- package/icons-branded/roi/index.js +4 -0
- package/icons-branded/search/index.d.ts +11 -0
- package/icons-branded/search/index.js +4 -0
- package/icons-branded/send/index.d.ts +11 -0
- package/icons-branded/send/index.js +4 -0
- package/icons-branded/settings/index.js +1 -1
- package/icons-branded/shopping-cart/index.d.ts +11 -0
- package/icons-branded/shopping-cart/index.js +4 -0
- package/icons-branded/support/index.d.ts +11 -0
- package/icons-branded/support/index.js +4 -0
- package/icons-branded/system-settings/index.d.ts +11 -0
- package/icons-branded/system-settings/index.js +4 -0
- package/icons-branded/telemast/index.d.ts +11 -0
- package/icons-branded/telemast/index.js +4 -0
- package/icons-branded/thumbs-down/index.d.ts +11 -0
- package/icons-branded/thumbs-down/index.js +4 -0
- package/icons-branded/thumbs-up/index.d.ts +11 -0
- package/icons-branded/thumbs-up/index.js +4 -0
- package/icons-branded/tutorial/index.d.ts +11 -0
- package/icons-branded/tutorial/index.js +4 -0
- package/icons-branded/verification-api/index.d.ts +11 -0
- package/icons-branded/verification-api/index.js +4 -0
- package/icons-branded/video-calling/index.d.ts +11 -0
- package/icons-branded/video-calling/index.js +4 -0
- package/icons-branded/video-off/index.d.ts +11 -0
- package/icons-branded/video-off/index.js +4 -0
- package/icons-branded/video-on/index.d.ts +11 -0
- package/icons-branded/video-on/index.js +4 -0
- package/icons-branded/voice-calling/index.d.ts +11 -0
- package/icons-branded/voice-calling/index.js +4 -0
- package/icons-branded/voice-video-and-data/index.d.ts +11 -0
- package/icons-branded/voice-video-and-data/index.js +4 -0
- package/icons-branded/webhook/index.d.ts +11 -0
- package/icons-branded/webhook/index.js +4 -0
- package/icons-branded/wheels/index.d.ts +11 -0
- package/icons-branded/wheels/index.js +4 -0
- package/icons-branded/wi-fi/index.d.ts +11 -0
- package/icons-branded/wi-fi/index.js +4 -0
- package/illustrations/create-illustration-class.js +1 -1
- package/inline-alert/index.js +1 -1
- package/logo/engage-icon/index.d.ts +11 -0
- package/logo/engage-icon/index.js +4 -0
- package/logo/engage-icon-wordmark/index.d.ts +11 -0
- package/logo/engage-icon-wordmark/index.js +4 -0
- package/package.json +1 -1
- package/tag/index.js +4 -2
- package/textarea/index.js +41 -20
- package/theme/button.css +2 -2
- package/theme/chip.css +8 -0
- package/theme/contextual.css +23 -11
- package/theme/palette.css +12 -12
- package/theme/tag.css +8 -0
- package/toast/index.js +1 -1
- package/utils/dom.js +3 -1
- package/vertical-stepper-item/index.js +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-make-money': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-make-money': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M33 38.41v-3.054l2.1-1.208v4.362c0 1.994-1.6 3.49-3.5 3.49H16.5c-2 0-3.5-1.596-3.5-3.49V9.49C13 7.496 14.5 6 16.5 6h15c2 0 3.5 1.496 3.5 3.49v8.82a8.97 8.97 0 0 0-2-1.368V9.49c0-.797-.7-1.496-1.4-1.496H16.5c-.8 0-1.5.699-1.5 1.496v28.92c0 .798.7 1.496 1.5 1.496h15c.8 0 1.5-.698 1.5-1.496Z"/><path d="M28 9.989h-8c-.6 0-1 .399-1 .997s.4.997 1 .997h8c.6 0 1-.399 1-.997s-.4-.997-1-.997Zm-2.5 26.427c0 .826-.672 1.495-1.5 1.495s-1.5-.67-1.5-1.495c0-.827.672-1.496 1.5-1.496s1.5.67 1.5 1.495Z"/><path d="M28 19.813v1.246a2.593 2.593 0 0 0-1.143.557 2.448 2.448 0 0 0-.622.798 2.337 2.337 0 0 0-.235.967c0 1.44 1.131 2.052 2.396 2.398l.093.025c.955.257 1.45.39 1.45.814 0 .264-.23.52-.958.52a1.684 1.684 0 0 1-.628-.094 1.622 1.622 0 0 1-.542-.317.977.977 0 0 0-.582-.277c-.223-.025-.524.025-.711.14a.989.989 0 0 0-.316.305.934.934 0 0 0-.095.829.96.96 0 0 0 .238.362 3.7 3.7 0 0 0 1.655.828v1.273c0 .216.105.422.293.575.187.152.442.238.707.238.265 0 .52-.086.707-.238a.745.745 0 0 0 .293-.575v-1.293c1.226-.263 2-1.024 2-2.294 0-1.605-1.323-2.043-2.56-2.398-1.092-.301-1.38-.556-1.38-.83 0-.273.43-.383.748-.383.27 0 .9.114.9.114s.35.11.562.131a.998.998 0 0 0 .606-.13.947.947 0 0 0 .35-.284.87.87 0 0 0 .125-.84.91.91 0 0 0-.254-.363A3.483 3.483 0 0 0 30 21v-1.187a.745.745 0 0 0-.293-.575A1.127 1.127 0 0 0 29 19c-.265 0-.52.086-.707.238a.745.745 0 0 0-.293.575Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29 15.972c-4.979 0-9 4.01-9 8.975s4.021 8.976 9 8.976 9-4.01 9-8.976c-.096-5.06-4.117-8.975-9-8.975Zm0 15.945a7.06 7.06 0 0 1-7.085-7.065A7.06 7.06 0 0 1 29 17.786a7.06 7.06 0 0 1 7.085 7.066c-.096 3.915-3.255 6.97-7.085 7.065Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-make-money', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-massage': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-massage': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 30a1 1 0 1 0 0 2h26.897c.447 0 1.235.32 1.95 1.025C33.54 33.705 34 34.59 34 35.5c0 2.064-1.323 3.5-3.103 3.5H18.138a.998.998 0 0 1 0-1.997h10.48a1 1 0 1 0 0-2h-10.48a2.998 2.998 0 0 0 0 5.997h12.76c2.274 0 3.956-1.378 4.692-3.271a4.5 4.5 0 1 0-.066-4.338A6.17 6.17 0 0 0 34.25 31.6c-.935-.921-2.199-1.6-3.353-1.6H4Zm38 5.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 18a4.5 4.5 0 1 0-3.593-1.79.866.866 0 0 0-.107.095L3.281 30.274a.997.997 0 0 0-.28.71A1 1 0 0 1 4 30h2.33l11.244-11.62 10.348 9.107c.077.067.118.12.14.157.255.44.278.71.203 1.024-.014.06-.053.13-.167.201a.983.983 0 0 1-.506.131h-.881a1 1 0 0 1-.631-.224l-4.905-3.99a1.051 1.051 0 0 0-.064-.048l-1.544-1.062a1 1 0 1 0-1.134 1.648l.61.419L15.24 30h2.681l2.732-3.06L24.415 30h5.382c.187-.24.332-.528.413-.867.214-.893.05-1.685-.42-2.494a2.648 2.648 0 0 0-.546-.653l-9.09-8c.114.01.23.014.346.014Zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-massage', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-media': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-media': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.95 11.845a1 1 0 0 1 1.14-.737l12.723 2.206-3 1.5-9.152-1.577a397.673 397.673 0 0 0-1.678 6.918 166.212 166.212 0 0 0-1.265 5.84 43.897 43.897 0 0 0-.382 2.232c-.088.639-.11 1.028-.096 1.196.09 1.077.354 2.48 1.234 3.778.864 1.277 2.388 2.549 5.177 3.269 2.837.732 4.671.472 5.935-.11 1.282-.59 2.125-1.575 2.874-2.606.449-.617.94-1.687 1.439-3.257.493-1.55.973-3.518 1.432-5.875l.192-.981 2.29-1.327-.518 2.69c-.468 2.402-.966 4.45-1.49 6.1-.519 1.63-1.087 2.946-1.728 3.827-.798 1.098-1.89 2.434-3.655 3.246-1.784.821-4.11 1.045-7.27.23-3.209-.829-5.168-2.362-6.334-4.084-1.152-1.7-1.468-3.49-1.572-4.734-.034-.413.022-1.004.109-1.634.09-.66.23-1.46.399-2.339.339-1.76.808-3.878 1.28-5.913a386.565 386.565 0 0 1 1.873-7.687l.043-.171Z"/><path d="M8.611 11.906a1 1 0 0 0-.7 1.157l.033.163a282.602 282.602 0 0 0 .435 2.11c.287 1.374.682 3.229 1.111 5.149.43 1.919.894 3.91 1.322 5.555.214.822.42 1.566.61 2.175.184.587.372 1.116.557 1.465l.014.025.01.018c.54.95 1.024 1.8 1.653 2.493.668.736 1.468 1.27 2.61 1.7l.38.144a9.17 9.17 0 0 1-1.153-2.842 3.892 3.892 0 0 1-.355-.346c-.455-.501-.83-1.143-1.399-2.142-.089-.17-.228-.535-.407-1.11a46.914 46.914 0 0 1-.584-2.083c-.42-1.612-.879-3.578-1.306-5.488a389.406 389.406 0 0 1-1.387-6.48L26.77 8.692l1.223 3.785 2.278.395-1.909-5.726a1 1 0 0 0-1.228-.644L8.61 11.906Z" class="accent"/><path d="M19.662 21.805c.384-1.376 1.95-2.14 3.499-1.708 1.548.433 2.49 1.899 2.106 3.275a2.36 2.36 0 0 1-.723 1.141s-.46-1.472-2.08-1.924c-1.62-.453-2.776.567-2.776.567a2.36 2.36 0 0 1-.026-1.35Zm11.908.643c-1.548-.433-3.115.332-3.5 1.708-.127.454-.109.917.027 1.35 0 0 1.156-1.02 2.776-.567 1.62.453 2.08 1.924 2.08 1.924.34-.3.596-.687.723-1.14.385-1.376-.558-2.843-2.106-3.275Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M44.086 8.026c.506-.085.914.388.914.902v8.084c0 1.5-1 3-3 3-1.588 0-3-1.412-3-3s1.412-3 3-3c.225 0 .5-.079 1 .147v-3.966l-5 .916v6.903c-.002 1.586-.928 3-3 3-1.588 0-3-1.412-3-3 0-1.5 1.287-3 2.875-3 .305 0 .85.048 1.125.136v-4.886a1 1 0 0 1 .836-.986l7.25-1.25ZM43 17.012c0-.483-.517-1-1-1s-1 .517-1 1 .517 1 1 1 1-.517 1-1Zm-8 0c.483 0 1 .517 1 1s-.517 1-1 1-1-.517-1-1 .517-1 1-1Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-media', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-message': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-message': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.133 13C8.955 13 8 13.985 8 15.2v17.6c0 1.215.955 2.2 2.133 2.2h27.734C39.045 35 40 34.015 40 32.8V15.2c0-1.215-.955-2.2-2.133-2.2H10.133ZM37 15H11l13 7.5L37 15Zm-27 1.782V32a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V16.782L24.5 24.5a1.04 1.04 0 0 1-1.066 0L10 16.782Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-message', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-message-questions': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-message-questions': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.553 12.008a.583.583 0 0 0-.383.067.51.51 0 0 0-.23.267 1 1 0 1 1-1.88-.681 2.51 2.51 0 0 1 1.118-1.323 2.583 2.583 0 0 1 1.704-.303 2.555 2.555 0 0 1 1.51.844c.391.45.609 1.025.608 1.623 0 .483-.178.931-.352 1.269a6.458 6.458 0 0 1-.628.965 10.259 10.259 0 0 1-.842.957l-.017.016-.005.005-.003.003a1 1 0 0 1-1.394-1.434h.001l.009-.01a6.554 6.554 0 0 0 .195-.203c.13-.14.303-.336.473-.556.172-.223.326-.451.433-.659.053-.102.087-.188.108-.255a.49.49 0 0 0 .022-.099V12.5c0-.11-.04-.22-.118-.311a.555.555 0 0 0-.329-.181ZM36.571 18a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1Z" class="accent"/><path d="M37.5 6a8.49 8.49 0 0 0-8.5 8.5 8.49 8.49 0 0 0 8.5 8.5 8.49 8.49 0 0 0 8.5-8.5C45.91 9.707 42.112 6 37.5 6Zm0 15.101a6.676 6.676 0 0 1-6.692-6.691A6.676 6.676 0 0 1 37.5 7.718a6.676 6.676 0 0 1 6.691 6.692c-.09 3.707-3.074 6.6-6.691 6.691Z" class="accent"/><path d="M29.129 13.016a8.59 8.59 0 0 0-.115 1.982.99.99 0 0 1-.062.002H12a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h4v5l7.43-4.99H36a1 1 0 0 0 1-1V25h2v7a3 3 0 0 1-3 3H23.95l-8.407 5.441L14 41.5V35h-2a3 3 0 0 1-3-3V16a3 3 0 0 1 3-3h16.952a1 1 0 0 1 .177.016Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-message-questions', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-messaging': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-messaging': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M26 23.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm3.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm6.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="m28.5 32 8.5 4.69V32h1a3 3 0 0 0 3-3V18a3 3 0 0 0-3-3H21a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h7.5Zm-8.207-14.697A1.01 1.01 0 0 1 21 17h17a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-3v3.25l-6-3.24h-8a1 1 0 0 1-1-1v-11a1 1 0 0 1 .293-.707Z" class="accent"/><path d="M33 36.798V38.5c0 .798-.787 1.5-1.584 1.5H16.484c-.796 0-1.493-.792-1.493-1.59V9.49c0-.797.697-1.496 1.493-1.496h15.032c.697 0 1.484.708 1.484 1.506V15h2l.009-5.5c0-1.994-1.602-3.5-3.593-3.5H16.484C14.494 6 13 7.496 13 9.49v29.02c0 1.894 1.493 3.49 3.484 3.49h15.032A3.466 3.466 0 0 0 35 38.51v-.557l-2-1.155Z"/><path d="M28 10h-7.987c-.597 0-1.013.402-1.013 1s.371 1 .968 1H28c.597 0 .995-.415.995-1.014 0-.598-.398-.986-.995-.986Zm-2.014 26.468c0 .826-.668 1.496-1.493 1.496-.824 0-1.493-.67-1.493-1.496s.669-1.496 1.493-1.496c.825 0 1.493.67 1.493 1.496Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-messaging', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-mic': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-mic': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.465 8.565C22.402 7.563 23.674 7 25 7s2.598.563 3.535 1.565C29.473 9.567 30 10.925 30 12.343v11.314c0 1.417-.527 2.776-1.465 3.778C27.598 28.437 26.326 29 25 29s-2.598-.563-3.535-1.565C20.527 26.433 20 25.075 20 23.657V12.343c0-1.417.527-2.776 1.465-3.778ZM25 9c-.78 0-1.721.41-2.273 1-.551.59-.727 1.166-.727 2v11.314c0 .834.176 2.097.727 2.686.552.59 1.493 1 2.273 1s1.721-.41 2.273-1c.551-.59.727-1.51.727-2.343V12.343c0-.834-.176-1.754-.727-2.343C26.72 9.41 25.78 9 25 9Z" class="accent"/><path d="M16 19c.552 0 1 .41 1 1v2.748c0 2.268.785 4.649 2.286 6.252 1.499 1.602 3.594 1.998 5.714 2 2.12-.002 4.215-.398 5.714-2 1.5-1.603 2.286-3.984 2.286-6.252V20c0-.59.448-1 1-1s1 .479 1 1.069v2.748c0 2.834-1.054 5.552-2.929 7.557-1.638 1.75-3.786 2.38-6.071 2.626v3.5c0 .052.007.45 0 .5h4c.552 0 1 .341 1 .931 0 .59-.448 1.069-1 1.069H20c-.552 0-1-.478-1-1.069 0-.59.448-.931 1-.931h4c-.007-.05 0-.494 0-.546V33c-2.285-.245-4.433-.876-6.071-2.626C16.054 28.369 15 25.65 15 22.817v-2.748c0-.59.448-1.069 1-1.069Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-mic', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-mobile': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-mobile': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M28 12h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Z" class="accent"/><path d="M25.5 36.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M35 9.46v29.08A3.46 3.46 0 0 1 31.54 42H16.46A3.46 3.46 0 0 1 13 38.54V9.46A3.46 3.46 0 0 1 16.46 6h15.08A3.46 3.46 0 0 1 35 9.46Zm-2.428 30.112A1.46 1.46 0 0 0 33 38.54V9.46A1.46 1.46 0 0 0 31.54 8H16.46A1.46 1.46 0 0 0 15 9.46v29.08A1.46 1.46 0 0 0 16.46 40h15.08a1.46 1.46 0 0 0 1.032-.428Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-mobile', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-mobile-intergration': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-mobile-intergration': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M31.54 6H16.46A3.46 3.46 0 0 0 13 9.46V25.1a5.022 5.022 0 0 1 2-.001V9.46A1.46 1.46 0 0 1 16.46 8h15.08A1.46 1.46 0 0 1 33 9.46v3.639a5.101 5.101 0 0 1 2 .001V9.46A3.46 3.46 0 0 0 31.54 6ZM25.5 36.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/><path d="M13 37v1.55A3.46 3.46 0 0 0 16.46 42h15.08A3.46 3.46 0 0 0 35 38.54V25h-2v13.54A1.46 1.46 0 0 1 31.54 40H16.46A1.46 1.46 0 0 1 15 38.54V37h-2Zm15-25h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29 19c.463 2.282 2.581 4 5 4a5 5 0 0 0 0-10c-2.419 0-4.537 1.718-5 4h-2a4 4 0 0 0-4 4v6a2 2 0 0 1-2 2h-2c-.463-2.282-2.581-4-5-4a5 5 0 0 0 0 10c2.419 0 4.537-1.718 5-4h2a4 4 0 0 0 4-4v-6a2 2 0 0 1 2-2h2Zm8-1a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM17 30a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-mobile-intergration', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-mobile-numbers': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-mobile-numbers': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M28 12h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm-4.5 26a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.46 42h15.08A3.46 3.46 0 0 0 35 38.54V9.46A3.46 3.46 0 0 0 31.54 6H16.46A3.46 3.46 0 0 0 13 9.46v29.08A3.46 3.46 0 0 0 16.46 42ZM15.428 8.428A1.46 1.46 0 0 1 16.46 8h15.08A1.46 1.46 0 0 1 33 9.46v29.08A1.46 1.46 0 0 1 31.54 40H16.46A1.46 1.46 0 0 1 15 38.54V9.46c0-.387.154-.759.428-1.032Z"/><path d="M25 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-4-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-mobile-numbers', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-money': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-money': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M27.453 5.355a1 1 0 0 1 1.403-.102L42.38 17.162a1 1 0 0 1 .095 1.426L21.238 42.624a1 1 0 0 1-1.409.081L6.333 30.812c-.411-.365-.404-1.046-.043-1.46L27.453 5.355Zm.855 2.061L8.402 29.974l12.01 10.574 19.891-22.531-11.995-10.6Z"/><path d="M29.017 10.726a1 1 0 0 1 .089 1.411l-1.984 2.251a1 1 0 0 1-1.5-1.322l1.983-2.251a1 1 0 0 1 1.412-.09Zm-6.382 22.367a1 1 0 0 1 .09 1.411l-1.984 2.25a1 1 0 0 1-1.5-1.321l1.983-2.251a1 1 0 0 1 1.411-.09Zm-2.718-11.539.932.827a2.594 2.594 0 0 0-.343 1.225c-.008.345.054.683.183.995.13.312.322.59.567.818 1.077.957 2.285.517 3.384-.198l.081-.053c.826-.543 1.254-.825 1.571-.543.198.175.236.517-.248 1.061a1.662 1.662 0 0 1-1.083.602.977.977 0 0 0-.595.25c-.166.15-.33.409-.367.626a.991.991 0 0 0 .018.438.935.935 0 0 0 .556.622.96.96 0 0 0 .429.062 3.697 3.697 0 0 0 1.718-.687l.952.846a.745.745 0 0 0 .624.163c.239-.039.472-.172.648-.37.176-.199.281-.446.292-.687a.745.745 0 0 0-.236-.6l-.966-.86c.618-1.09.563-2.175-.386-3.019-1.2-1.066-2.406-.368-3.493.32-.95.617-1.332.663-1.537.48-.204-.18-.001-.574.21-.812.18-.201.683-.597.683-.597s.315-.19.472-.333a.998.998 0 0 0 .305-.54.949.949 0 0 0 .02-.45.87.87 0 0 0-.545-.65.909.909 0 0 0-.44-.053 3.48 3.48 0 0 0-1.19.41l-.887-.788a.745.745 0 0 0-.624-.163 1.127 1.127 0 0 0-.648.37 1.127 1.127 0 0 0-.292.687.745.745 0 0 0 .235.6Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-money', createIconClass(templateHTML));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineCustomElement } from '../../utils';
|
|
2
2
|
import { createIconClass } from '../create-icon-class';
|
|
3
|
-
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h2v5.266L20.777 24H28a2 2 0 0 0 2-2V12h7.5a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5H34v4.131L27.803 26h-6.56l-2.513 1.545c.346.284.788.455 1.27.455h7.197L36 33.868V32h1.5a.5.5 0 0 1 .5.5v4c0 .5 0 1.5-.5 1.5h-27c-.5 0-.5-.5-.5-1.5v-4a.5.5 0 0 1 .5-.5h16.78L25 30H10a2 2 0 0 0-2 2v5c0 2 0 3 2 3h28c2 0 2-1 2-3v-5a2 2 0 0 0-2-2h-2v-2h2a2 2 0 0 0 2-2V12a2 2 0 0 0-2-2h-8V8a2 2 0 0 0-2-2H10Zm0 2.5a.5.5 0 0 1 .5-.5h17a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5h-7.277L14 25.734V22h-3.5a.5.5 0 0 1-.5-.5v-13Z"/><path
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h2v5.266L20.777 24H28a2 2 0 0 0 2-2V12h7.5a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5H34v4.131L27.803 26h-6.56l-2.513 1.545c.346.284.788.455 1.27.455h7.197L36 33.868V32h1.5a.5.5 0 0 1 .5.5v4c0 .5 0 1.5-.5 1.5h-27c-.5 0-.5-.5-.5-1.5v-4a.5.5 0 0 1 .5-.5h16.78L25 30H10a2 2 0 0 0-2 2v5c0 2 0 3 2 3h28c2 0 2-1 2-3v-5a2 2 0 0 0-2-2h-2v-2h2a2 2 0 0 0 2-2V12a2 2 0 0 0-2-2h-8V8a2 2 0 0 0-2-2H10Zm0 2.5a.5.5 0 0 1 .5-.5h17a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5h-7.277L14 25.734V22h-3.5a.5.5 0 0 1-.5-.5v-13Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 12a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Zm0 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Zm-1 19a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm16 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" class="accent"/></svg>';
|
|
4
4
|
defineCustomElement('sinch-icon-branded-multiple-channels', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-music': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-music': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M13 36a1.12 1.12 0 0 1-.707-.241.758.758 0 0 1-.293-.583v-6.352c0-.219.105-.428.293-.583A1.12 1.12 0 0 1 13 28c.265 0 .52.087.707.241a.758.758 0 0 1 .293.583v6.352a.758.758 0 0 1-.293.583A1.118 1.118 0 0 1 13 36Zm19 0a1.12 1.12 0 0 1-.707-.241.758.758 0 0 1-.293-.583v-6.352c0-.219.105-.428.293-.583A1.12 1.12 0 0 1 32 28c.265 0 .52.087.707.241a.758.758 0 0 1 .293.583v6.352a.758.758 0 0 1-.293.583A1.118 1.118 0 0 1 32 36Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M40.086 10.026c.506-.085.914.388.914.902v8.084c0 1.5-1 3-3 3-1.588 0-3-1.412-3-3s1.412-3 3-3c.225 0 .5-.079 1 .148v-3.967l-5 .916v6.903c-.002 1.586-.928 3-3 3-1.588 0-3-1.412-3-3 0-1.5 1.287-3 2.875-3 .305 0 .85.048 1.125.136v-4.886a1 1 0 0 1 .836-.986l7.25-1.25ZM39 19.012c0-.483-.517-1-1-1s-1 .517-1 1 .517 1 1 1 1-.517 1-1Zm-8 0c.483 0 1 .517 1 1s-.517 1-1 1-1-.517-1-1 .517-1 1-1Z" class="accent"/><path d="M33.916 25.204c.056.46.084.927.084 1.396V35a1 1 0 1 0 2 0v-8.4c0-.834-.076-1.66-.224-2.47l-1.86 1.074Zm-4.328-10.179A13.426 13.426 0 0 0 22.5 13a13.45 13.45 0 0 0-9.549 3.986A13.651 13.651 0 0 0 9 26.6V35a1 1 0 1 0 2 0v-8.4c0-3.08 1.213-6.03 3.371-8.205A11.45 11.45 0 0 1 22.5 15c1.775 0 3.508.414 5.072 1.19l2.016-1.165Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-music', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-mute': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-mute': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.29 8.318a.933.933 0 0 1 1.404 0l30.015 32.83a1.158 1.158 0 0 1 0 1.534.933.933 0 0 1-1.403 0L9.291 9.852a1.159 1.159 0 0 1 0-1.534Z" class="accent"/><path d="M27.98 24.143a5.69 5.69 0 0 0 .02-.486V12.343c0-.834-.176-1.754-.727-2.343C26.72 9.41 25.78 9 25 9s-1.721.41-2.273 1c-.551.59-.727 1.166-.727 2v5.603l-2-2.188v-3.072c0-1.417.527-2.776 1.465-3.778C22.402 7.563 23.674 7 25 7s2.598.563 3.535 1.565C29.473 9.567 30 10.925 30 12.343v11.314c0 .769-.155 1.52-.447 2.207l-1.574-1.721ZM22.727 26c.544.581 1.467.989 2.241 1l1.587 1.735A4.708 4.708 0 0 1 25 29c-1.326 0-2.598-.563-3.535-1.565-.938-1.002-1.465-2.36-1.465-3.778v-2.09l2.016 2.204c.055.787.254 1.74.711 2.229Z"/><path d="M25 31c1.108 0 2.209-.11 3.221-.442l1.412 1.544c-1.125.504-2.358.761-3.633.898v3.579c.002.133.005.382 0 .421h4c.552 0 1 .341 1 .931 0 .59-.448 1.069-1 1.069H20c-.552 0-1-.478-1-1.069 0-.59.448-.931 1-.931h4c-.005-.04-.002-.32 0-.465V33c-2.285-.245-4.433-.876-6.071-2.626C16.054 28.369 15 25.65 15 22.817v-2.748c0-.59.448-1.069 1-1.069s1 .41 1 1v2.748c0 2.268.785 4.649 2.286 6.252 1.499 1.602 3.594 1.998 5.714 2Zm7.837-1.545C34.23 27.576 35 25.24 35 22.817v-2.748c0-.59-.448-1.069-1-1.069s-1 .41-1 1v2.748c0 1.831-.512 3.736-1.5 5.246l1.337 1.461Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-mute', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-news': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-news': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M13.293 15.293A1 1 0 0 0 14 17h14a1 1 0 0 0 0-2H14a1 1 0 0 0-.707.293Zm10 6A1 1 0 0 1 24 21h4a1 1 0 0 1 0 2h-4a1 1 0 0 1-.707-1.707ZM23 27.868a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.306 21.306c.196-.196.462-.306.74-.306H20c.277 0 .498.064.694.26.196.197.306.463.306.74v5.778c0 .278-.11.674-.306.87-.196.196-.585.352-.863.352h-5.785c-.278 0-.544-.11-.74-.306C13.11 28.498 13 28.277 13 28v-5.954c0-.278.11-.544.306-.74ZM15 23v4h4v-4h-4Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.172 10.217A4.236 4.236 0 0 0 8 13.154v17.654c0 1.377.527 2.697 1.464 3.671A4.908 4.908 0 0 0 13 36h22a4.907 4.907 0 0 0 3.535-1.52A5.295 5.295 0 0 0 40 30.807V19.385a4.236 4.236 0 0 0-1.172-2.938A3.926 3.926 0 0 0 36 15.231v-2.077a4.236 4.236 0 0 0-1.172-2.937A3.926 3.926 0 0 0 32 9H12c-1.06 0-2.078.438-2.828 1.217Zm24.242 1.468c.375.39.586.918.586 1.469v17.654c0 .104.016.25.046.402L36 30.038v-12.73c.53 0 1.04.218 1.414.608.375.39.586.918.586 1.469v11.423c0 .826-.316 1.618-.879 2.203-.562.584-1.325.989-2.121.989H13c-.796 0-1.559-.405-2.121-.99A3.177 3.177 0 0 1 10 30.809V13.154c0-.551.21-1.08.586-1.469.375-.39.884-.608 1.414-.608h20c.53 0 1.04.219 1.414.608Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-news', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-numbers': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-numbers': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M18.5 14.77a1 1 0 1 1 1.956.416l-3.77 18.044a1 1 0 0 1-1.956-.416L18.5 14.77Zm10.998 0a1 1 0 0 1 1.956.416l-3.77 18.044a1 1 0 0 1-1.956-.416l3.77-18.044Z" class="accent"/><path d="M13 31a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2H13Zm2-12a1 1 0 0 1 0-2h18a1 1 0 1 1 0 2H15Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 12a3 3 0 0 1 3-3h24a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3V12Zm3-1a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V12a1 1 0 0 0-1-1H11Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-numbers', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-office': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-office': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.464 7.464A5 5 0 0 1 14 6h20a5 5 0 0 1 5 5v26h3a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2h3V11a5 5 0 0 1 1.464-3.536ZM11 37V11a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v26h-8v-5a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v5h-8Zm10 0h6v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17 14a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Zm10 0a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Zm-10 8a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Zm10 0a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-office', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-office-activities': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-office-activities': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M27 32c6.627 0 12-5.373 12-12S33.627 8 27 8s-12 5.373-12 12c0 1.918.45 3.73 1.25 5.338l-7.978 8.477a1 1 0 0 0 .02 1.392l4 4a1 1 0 0 0 1.436-.022l7.938-8.433A11.95 11.95 0 0 0 27 32Zm-9.991-11.577 9.568 9.568a9.996 9.996 0 0 1-9.568-9.568ZM27 10c-4.775 0-8.769 3.347-9.762 7.823l11.939 11.94C33.653 28.768 37 24.774 37 20c0-5.523-4.477-10-10-10Zm-7.08 19.69a12.068 12.068 0 0 1-2.59-2.582l-6.937 7.37 2.585 2.586 6.941-7.375Z"/><circle cx="36" cy="38" r="3" class="accent" stroke="#007171" stroke-width="2"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-office-activities', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-opened-message': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-opened-message': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.566 11.194a1 1 0 0 0-1.132 0L22 12h-3.5l3.801-2.454a3 3 0 0 1 3.398 0L29.5 12H26l-1.434-.806ZM36 19l.937.694-12.543 5.373a1 1 0 0 1-.788 0l-12.543-5.373L12 19l.019-2.39-3.585 2.464a1 1 0 0 0-.434.824v16.088a3 3 0 0 0 3 3h26a3 3 0 0 0 3-3V19.898a1 1 0 0 0-.434-.824L36 16.5V19Zm2 2.414-12.819 5.492a3 3 0 0 1-2.362 0L10 21.414v14.572a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V21.414Z"/><path d="M13 12a1 1 0 0 0-1 1v7.098l2 .855V14h20v6.956l2-.86V13a1 1 0 0 0-1-1H13Z" class="accent"/><path d="M16 17a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H17a1 1 0 0 1-1-1Zm0 3a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H17a1 1 0 0 1-1-1Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-opened-message', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-operators': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-operators': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M23.5 19a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24.45 21.69a1 1 0 0 0-1.9 0l-7.5 23a1 1 0 1 0 1.9.62l.73-2.238 10.121-4.656 2.248 6.894a1 1 0 1 0 1.902-.62l-7.5-23Zm-5.925 18.792 1.585-4.862 5.461 1.62-7.046 3.242Zm3.605-6.349 4.733 1.405-1.118-3.429-3.615 2.024Zm-.963-1.752 3.946-2.21-1.613-4.945-2.333 7.155Z"/><path d="M10 17.5c0-2.915.924-5.614 2.495-7.821.32-.45.954-.507 1.38-.155.425.353.48.981.165 1.436A11.447 11.447 0 0 0 12 17.5c0 2.43.754 4.684 2.04 6.54.314.455.26 1.083-.166 1.436-.425.352-1.059.295-1.379-.154A13.438 13.438 0 0 1 10 17.5Zm23.126 7.976c.425.352 1.059.295 1.379-.154A13.438 13.438 0 0 0 37 17.5a13.44 13.44 0 0 0-2.495-7.821c-.32-.45-.954-.507-1.38-.155-.425.353-.48.981-.165 1.436A11.447 11.447 0 0 1 35 17.5c0 2.43-.754 4.684-2.04 6.54-.314.455-.26 1.083.166 1.436Z" class="accent"/><path d="M30.046 22.924c.425.352 1.06.296 1.366-.164A9.456 9.456 0 0 0 33 17.5a9.456 9.456 0 0 0-1.51-5.14c-.341-.53-1.068-.595-1.554-.192-.365.302-.41.84-.152 1.237A7.465 7.465 0 0 1 31 17.5a7.46 7.46 0 0 1-1.139 3.975c-.293.468-.24 1.096.185 1.449Zm-3.19-2.644c.486.403 1.218.34 1.513-.219a5.476 5.476 0 0 0 .631-2.56c0-.925-.228-1.797-.631-2.562-.295-.558-1.027-.622-1.513-.22-.365.303-.404.841-.199 1.268.22.458.343.971.343 1.513 0 .542-.123 1.055-.343 1.513-.205.427-.166.965.199 1.267Zm-6.474-1.188c.194.378.157.861-.17 1.132-.523.434-1.314.365-1.621-.241A5.477 5.477 0 0 1 18 17.5c0-.924.228-1.796.631-2.56.295-.559 1.027-.623 1.513-.22.365.302.404.84.199 1.267-.22.458-.343.971-.343 1.513 0 .573.138 1.114.382 1.592Zm-3.243 2.383c.293.468.24 1.096-.185 1.449-.425.352-1.06.296-1.366-.164A9.456 9.456 0 0 1 14 17.5c0-1.894.554-3.659 1.51-5.14.341-.53 1.068-.595 1.554-.192.365.302.41.84.152 1.237A7.465 7.465 0 0 0 16 17.5a7.46 7.46 0 0 0 1.139 3.975Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-operators', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-package': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-package': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="m17.5 14.5 10.776 5.861 2.651-1.403-11.196-5.638L17.5 14.5Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.532 9.116a1 1 0 0 1 .936 0l13 6.877a1 1 0 0 1 .532.884v14.246a1 1 0 0 1-.532.884l-13 6.877a1 1 0 0 1-.992-.032l-13-8A1 1 0 0 1 10 30V16.877a1 1 0 0 1 .532-.884l13-6.877ZM12 18.538l11 5.819V36.21l-11-6.769V18.538ZM25 36.34l11-5.82V18.538l-11 5.819V36.34Zm-1-13.717 10.861-5.746L24 11.131l-10.861 5.746L24 22.623Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-package', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-path': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-path': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="m39.542 37-10.24-9.986 1.396-1.432L41 35.628v-6.277a1 1 0 1 1 2 0V38a1 1 0 0 1-1 1h-9a1 1 0 1 1 0-2h6.542Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M32 9c0-.56.462-1 1-1h9.026c.538 0 .974.453.974 1.013l-.026 8.974c0 .56-.436 1.013-.974 1.013s-.974-.453-.974-1.013L41 11.5 28.116 25.685a.957.957 0 0 1-.706.315H5.974C5.436 26 5 25.547 5 24.987c0-.56.444-.987.982-.987H27l12.5-14H33c-.538 0-1-.44-1-1Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-path', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-perso-message': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-perso-message': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M23.95 35 14 40.69V35h-2a3 3 0 0 1-3-3V16a3 3 0 0 1 3-3h18.996a1.004 1.004 0 1 1 0 2.008L12 15a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h4v4.25l7.43-4.24H36a1 1 0 0 0 1-1V29a1 1 0 1 1 2 0v3a3 3 0 0 1-3 3H23.95Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 27a1 1 0 0 1 1-1h11a1 1 0 1 1 0 2H14a1 1 0 0 1-1-1Zm0-6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H14a1 1 0 0 1-1-1Z" class="accent"/><path d="M30 26h2a6 6 0 0 1 12 0h2a8 8 0 1 0-16 0Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38 17a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-perso-message', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-pie-chart': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-pie-chart': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.998 24A13.998 13.998 0 1 1 24 10.002V8a15.999 15.999 0 1 0 16 16h-2.002Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M37.856 20A13.999 13.999 0 0 0 26 8.144V20h11.856Zm2.113 1c.034.552-.417 1-.969 1H25a1 1 0 0 1-1-1V7c0-.552.448-1.003 1-.969a16 16 0 0 1 14.969 14.97Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-pie-chart', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-piggybank': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-piggybank': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.053 14.197c-.755.136-1.225.319-1.424.462-.482.348-1.132.473-1.453-.048-.32-.52-.19-1.224.29-1.571.587-.423 1.427-.665 2.243-.812.854-.154 1.83-.228 2.791-.228.962 0 1.937.074 2.791.228.816.147 1.656.39 2.242.812.482.347.612 1.05.291 1.571-.321.52-.971.396-1.453.048-.2-.143-.669-.326-1.424-.462A14.218 14.218 0 0 0 23.5 14c-.872 0-1.73.068-2.447.197Z" class="accent"/><path d="M15 20a1 1 0 1 0-2 0v3a1 1 0 1 0 2 0v-3Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.698 13.877c4.855-5.816 13.32-7.505 20.133-3.623 4.622 2.633 7.632 7.216 8.17 12.127v.002l.061.066c.06.06.15.145.267.23.238.173.537.31.877.31.34 0 .638-.137.877-.31a2.062 2.062 0 0 0 .327-.296l.008-.01A1 1 0 0 1 44 23.597l-.216.245c-.122.127-.3.292-.529.457-.453.328-1.155.69-2.05.69-.419 0-.795-.08-1.124-.198A15.884 15.884 0 0 1 38 32c-.775 1.36-1.926 2.574-3.001 3.61V39a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2h-4v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2.334c-1.434-.709-2.765-2.08-3.995-3.666H7a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h1.504c.018-1.605.135-3.233.861-4.929L7.152 14.53a1 1 0 0 1 1.086-1.501l3.46.848Zm19.143-1.885c-6.13-3.493-13.792-1.83-17.968 3.616a1 1 0 0 1-1.031.363l-1.69-.414 1.196 1.913a1 1 0 0 1 .046.977c-.88 1.761-.894 3.417-.894 5.553a1 1 0 0 1-1 1H8v6h3.5a1 1 0 0 1 .8.4c1.495 1.993 2.835 3.258 4.016 3.651A1 1 0 0 1 17 36v2h4v-2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2h4v-2.824a1 1 0 0 1 .327-.74c1.056-.961 2.189-2.115 2.936-3.426 3.814-6.695 1.273-15.204-5.422-19.018Z"/><path d="m43.784 23.842.215-.244-.001.001-.002.003-.006.008-.015.018a3.417 3.417 0 0 1-.191.214Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-piggybank', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-pin': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-pin': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 10a9.692 9.692 0 0 0-6.904 2.913C15.24 14.796 14 17.297 14 20c0 1.748.793 4.32 1.788 6.4.989 2.068 2.317 4.138 3.66 5.99a65.257 65.257 0 0 0 4.545 5.565 65.285 65.285 0 0 0 4.546-5.566c1.343-1.85 2.67-3.921 3.66-5.99C33.193 24.32 34 21.822 34 20.074c0-2.703-1.24-5.277-3.096-7.16A9.692 9.692 0 0 0 24 10Zm0 30-.813-.333-.002-.002-.007-.008-.026-.026a29.023 29.023 0 0 1-.45-.476 67.29 67.29 0 0 1-5.065-6.149c-1.384-1.908-2.784-4.084-3.84-6.293-1.052-2.199-1.797-4.5-1.797-6.64 0-3.171 1.24-6.23 3.476-8.5A11.964 11.964 0 0 1 24 8c3.22 0 6.284 1.3 8.523 3.573a12.111 12.111 0 0 1 3.477 8.5c0 2.14-.745 4.441-1.796 6.64-1.057 2.21-2.457 4.385-3.841 6.294a67.29 67.29 0 0 1-5.42 6.525l-.096.1-.025.026-.007.007-.002.002L24 40Zm0 0 .812-.332A1.137 1.137 0 0 1 24 40c-.31 0-.606-.121-.813-.333L24 40Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 2a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-pin', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-price-tag': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-price-tag': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><circle cx="32.5" cy="13.5" r="1.5" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.775 7.311A1 1 0 0 1 23.5 7H38a1 1 0 0 1 1 1v15.254a1 1 0 0 1-.299.713L23.718 38.713a1 1 0 0 1-1.426-.024L8.275 23.943a1 1 0 0 1 0-1.378l14.5-15.254ZM23.93 9 10.38 23.254l12.661 13.32L37 22.835V9H23.93Z"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-price-tag', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-protection': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-protection': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.649 8.064a1 1 0 0 1 .702 0l12 4.5A1 1 0 0 1 37 13.5V24c0 4.946-3.282 8.95-6.341 11.628a33.532 33.532 0 0 1-6.06 4.188l-.109.057-.03.015-.009.004-.002.002h-.001l-.222.08L24 40l-.226-.026-.222-.08-.003-.002-.01-.004-.03-.015A20.735 20.735 0 0 1 23 39.6a33.532 33.532 0 0 1-5.659-3.972c-3.058-2.678-6.34-6.682-6.34-11.628V13.5a1 1 0 0 1 .649-.936l12-4.5ZM24 40l-.226-.026-.222-.08c.282.14.614.14.896 0l-.222.08L24 40Zm0-2.133.031-.017a31.536 31.536 0 0 0 5.31-3.727C32.282 31.55 35 28.052 35 24v-9.807l-11-4.125-11 4.125V24c0 4.054 2.718 7.55 5.659 10.122a31.536 31.536 0 0 0 5.31 3.728l.031.017Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 20h-.444C17.208 20 16 21.037 16 22.454v5.091C16 28.963 17.209 30 18.556 30h10.888C30.792 30 32 28.963 32 27.546v-5.091C32 21.037 30.791 20 29.444 20H29v-1.18a4.734 4.734 0 0 0-1.481-3.425A5.098 5.098 0 0 0 24 14a5.098 5.098 0 0 0-3.519 1.395A4.734 4.734 0 0 0 19 18.82V20Zm2.862-3.158A3.098 3.098 0 0 1 24 16a3.1 3.1 0 0 1 2.138.842c.558.533.862 1.245.862 1.977V20h-6v-1.18c0-.733.304-1.445.862-1.978ZM18 22.455c0-.19.184-.455.556-.455h10.888c.372 0 .556.266.556.454v5.091c0 .19-.184.455-.556.455H18.556c-.372 0-.556-.266-.556-.454v-5.091Z" class="accent"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-protection', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-branded-purpose': TSinchIconBrandedReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-branded-purpose': TSinchIconBrandedElement;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { defineCustomElement } from '../../utils';
|
|
2
|
+
import { createIconClass } from '../create-icon-class';
|
|
3
|
+
const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M26 27a8 8 0 1 1-.864-3.62l1.734-1.001A10 10 0 0 0 18 17c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10c0-.682-.068-1.348-.198-1.991l-1.862 1.007c.04.322.06.65.06.984Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31 27c0 7.18-5.82 13-13 13S5 34.18 5 27s5.82-13 13-13c4.966 0 9.282 2.785 11.47 6.877l1.734-1C28.668 15.187 23.706 12 18 12 9.716 12 3 18.716 3 27c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-1.546-.234-3.038-.669-4.442l-1.799.974C30.837 24.636 31 25.799 31 27Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.018 29.22a3 3 0 1 1 .77-3.33l1.743-1.006a5 5 0 1 0 .43 2.744l-2.943 1.592Z"/><path d="m18 26.83 21.65-12.5" stroke="#272727" stroke-width="2" stroke-linecap="round"/><path d="M32.16 14.674a1 1 0 0 1 .499-.926l5.653-3.264a1 1 0 0 1 1.498.806l.134 2.232a1 1 0 0 1-.498.926l-5.653 3.264a1 1 0 0 1-1.498-.806l-.134-2.232Zm3.448 5.971a1 1 0 0 0 1.05.031l5.654-3.264a1 1 0 0 0 .051-1.7l-1.866-1.232a1 1 0 0 0-1.05-.032l-5.654 3.264a1 1 0 0 0-.051 1.7l1.866 1.233Z" stroke="#272727" stroke-width="2"/></svg>';
|
|
4
|
+
defineCustomElement('sinch-icon-branded-purpose', createIconClass(templateHTML));
|