@nectary/assets 1.0.0 → 2.1.0

package/{lib/esm/icons-branded → icons-branded}/create-icon-class.js

@@ -1,5 +1,5 @@
 import { attrValueToPixels, getBooleanAttribute, getIntegerAttribute, NectaryElement, updateAttribute, updateBooleanAttribute } from '../utils';
-const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;fill:var(--sinch-sys-color-text-default);height:var(--sinch-global-size-icon,48px)}.accent{fill:var(--sinch-sys-color-primary-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-text-inverted)}:host([inverted]:not([inverted=false])) .accent{fill:var(--sinch-sys-color-cta-default)}</style>';
+const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;fill:var(--sinch-sys-color-text-default);height:var(--sinch-global-size-icon,48px)}.accent{fill:var(--sinch-sys-color-primary-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-basic-pure)}:host([inverted]:not([inverted=false])) .accent{fill:var(--sinch-ref-color-honey-500)}</style>';
 const DEFAULT_SIZE = 48;
 const MIN_SIZE = 4;
 const MAX_SIZE = 256;

package/{lib/esm/illustrations → illustrations}/create-illustration-class.js

@@ -1,5 +1,5 @@
 import { getIntegerAttribute, getLiteralAttribute, NectaryElement, updateAttribute, updateIntegerAttribute, updateLiteralAttribute } from '../utils';
-const illustrationStylesHtml = '<style>:host{display:block}svg{display:block;pointer-events:none}#wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}#wrapper>*{flex-shrink:0}:host([valign=top]) #wrapper{align-items:flex-start}:host([valign=bottom]) #wrapper{align-items:flex-end}:host([halign=left]) #wrapper{justify-content:left}:host([halign=right]) #wrapper{justify-content:right}:host([background=yellow]) #wrapper{background-color:var(--sinch-comp-card-color-yellow-default-background-initial)}:host([background=green]) #wrapper{background-color:var(--sinch-comp-card-color-green-default-background-initial)}:host([background=blue]) #wrapper{background-color:var(--sinch-comp-card-color-blue-default-background-initial)}:host([background=white]) #wrapper{background-color:var(--sinch-comp-card-color-white-default-background-initial)}:host([background=gray]) #wrapper,:host([background=grey]) #wrapper{background-color:var(--sinch-comp-card-color-gray-default-background-initial)}</style>';
+const illustrationStylesHtml = '<style>:host{display:block}svg{display:block;pointer-events:none}#wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}#wrapper>*{flex-shrink:0}:host([valign=top]) #wrapper{align-items:flex-start}:host([valign=bottom]) #wrapper{align-items:flex-end}:host([halign=left]) #wrapper{justify-content:left}:host([halign=right]) #wrapper{justify-content:right}:host([background=yellow]) #wrapper{background-color:var(--sinch-sys-color-surface-primary-default)}:host([background=green]) #wrapper{background-color:var(--sinch-ref-color-tropical-50)}:host([background=blue]) #wrapper{background-color:var(--sinch-ref-color-ocean-100)}:host([background=white]) #wrapper{background-color:var(--sinch-sys-color-basic-pure)}:host([background=gray]) #wrapper,:host([background=grey]) #wrapper{background-color:var(--sinch-sys-color-surface-tertiary-default)}</style>';
 import { backgroundValues, valignValues, halignValues } from './utils';
 const DEFAULT_SIZE = 256;
 const MIN_SIZE = 16;

package/{lib/esm/logo → logo}/create-logo-class.js

@@ -1,5 +1,5 @@
 import { getBooleanAttribute, getIntegerAttribute, NectaryElement, updateAttribute, updateBooleanAttribute, updateIntegerAttribute } from '../utils';
-const logoStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;fill:var(--sinch-sys-color-text-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-text-inverted)}</style>';
+const logoStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;fill:var(--sinch-sys-color-text-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-basic-pure)}</style>';
 const DEFAULT_SIZE = 16;
 const MIN_SIZE = 4;
 const MAX_SIZE = 256;

package/logo/simple-texting-icon/index.d.ts

@@ -0,0 +1,15 @@
+import type { TSinchLogoElement, TSinchLogoReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-logo-simple-texting-icon': TSinchLogoReact & {
+                colored?: boolean;
+            };
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-logo-simple-texting-icon': TSinchLogoElement & {
+            colored?: boolean;
+        };
+    }
+}

package/logo/simple-texting-icon/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createLogoClass } from '../create-logo-class';
+const templateHTML = '<style>:root{--icon-fill:unset}.logo{fill:var(--icon-fill)}:host([colored]){--icon-fill:#0067FF}</style><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_59370_41008)"><path d="M23.6522 47.3044C36.7165 47.3044 47.3043 36.7165 47.3043 23.6522C47.3043 10.5878 36.7165 0 23.6522 0C10.5878 0 0 10.5878 0 23.6522C0 36.7165 10.5878 47.3044 23.6522 47.3044Z" class="logo"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9026 11.6869C33.4609 12.5113 34.6852 13.7495 35.527 15.3113L35.5305 15.3078H35.5444C36.3826 16.8661 36.8278 18.6713 36.8278 21.4574V23.0469C36.8278 23.6591 36.8105 24.2261 36.7652 24.7617C36.4278 29.8434 34.8696 33.1304 32.9252 35.273C29.3267 39.2281 24.4325 39.2069 23.6728 39.2036C23.6541 39.2035 23.638 39.2034 23.6244 39.2034H23.5339C23.5248 39.2034 23.5117 39.1996 23.4994 39.1959C23.4883 39.1926 23.4779 39.1895 23.4713 39.1895C23.3183 39.1269 23.2278 39.0052 23.1652 38.8521C23.0609 38.5774 23.12 38.3304 23.3809 38.1321C23.5613 37.9895 23.7494 37.8503 23.9379 37.7107C24.1311 37.5677 24.3248 37.4243 24.5113 37.2765C24.6052 37.2 24.6818 37.1374 24.7722 37.0608C24.7722 37.0608 25.0957 36.7721 25.3705 36.48C25.6452 36.1913 26.1357 35.4852 26.6087 34.4765C26.6539 34.3687 26.64 34.2608 26.5635 34.1843C26.4731 34.0765 26.32 34.1078 26.32 34.1078H20.8731C18.0905 34.1078 16.2852 33.6661 14.7235 32.8243C13.1652 32 11.9409 30.7617 11.0992 29.2C10.2609 27.6417 9.81567 25.8365 9.81567 23.0504V21.4608C9.81567 18.6782 10.2574 16.873 11.0992 15.3113C11.9235 13.753 13.1618 12.5287 14.7235 11.6869C16.2818 10.8487 18.087 10.4034 20.8731 10.4034H25.7531C28.5357 10.4034 30.3409 10.8452 31.9026 11.6869ZM31.7218 17.3009H14.9078C14.5705 17.3009 14.3096 17.5757 14.3096 17.8992V20.3026C14.3096 20.64 14.5844 20.9009 14.9078 20.9009H31.7218C32.0591 20.9009 32.32 20.6261 32.32 20.3026V17.8992C32.32 17.5618 32.0452 17.3009 31.7218 17.3009ZM23.6139 23.6035H14.9078C14.5705 23.6035 14.3096 23.8783 14.3096 24.2018V26.6053C14.3096 26.9426 14.5844 27.2035 14.9078 27.2035H23.6139C23.9513 27.2035 24.2122 26.9287 24.2122 26.6053V24.2018C24.2122 23.8644 23.9374 23.6035 23.6139 23.6035Z" fill="white"/></g><defs><clipPath id="clip0_59370_41008"><rect width="48" height="48" fill="white"/></clipPath></defs></svg>';
+defineCustomElement('sinch-logo-simple-texting-icon', createLogoClass(templateHTML));

package/logo/simple-texting-icon-wordmark/index.d.ts

@@ -0,0 +1,15 @@
+import type { TSinchLogoElement, TSinchLogoReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-logo-simple-texting-icon-wordmark': TSinchLogoReact & {
+                colored?: boolean;
+            };
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-logo-simple-texting-icon-wordmark': TSinchLogoElement & {
+            colored?: boolean;
+        };
+    }
+}

package/logo/simple-texting-icon-wordmark/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createLogoClass } from '../create-logo-class';
+const templateHTML = '<style>:root{--icon-fill:unset}.logo{fill:var(--icon-fill)}:host([colored]){--icon-fill:#0067FF}</style><svg width="279" height="48" viewBox="0 0 279 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_59370_41003)"><path d="M57.4365 8.20169C57.847 8.38256 58.32 8.47299 58.8556 8.47299C59.4122 8.47299 59.8817 8.3756 60.2643 8.18082C60.6469 7.97908 60.9356 7.71473 61.1304 7.38777C61.3252 7.06082 61.4226 6.70604 61.4226 6.32343C61.4226 5.89212 61.3322 5.54082 61.1513 5.26951C60.9704 4.99125 60.7304 4.76864 60.4313 4.60169C60.1322 4.43473 59.8017 4.28864 59.44 4.16343C59.0991 4.05212 58.7965 3.94777 58.5322 3.85038C58.2678 3.75299 58.0591 3.63473 57.9061 3.4956C57.753 3.34952 57.6765 3.15473 57.6765 2.91126C57.6765 2.62604 57.7739 2.41039 57.9687 2.2643C58.1704 2.11126 58.4174 2.03821 58.7096 2.04517C59.0504 2.04517 59.3148 2.14604 59.5026 2.34778C59.6974 2.54256 59.7983 2.76865 59.8052 3.02604H61.2348C61.2209 2.59473 61.1061 2.22256 60.8904 1.90952C60.6817 1.59647 60.3896 1.353 60.0139 1.17908C59.6452 1.00517 59.2104 0.918213 58.7304 0.918213C58.2504 0.918213 57.8261 1.00517 57.4574 1.17908C57.0887 1.34604 56.7965 1.58604 56.5809 1.89908C56.3722 2.20517 56.2713 2.57387 56.2783 3.00517C56.2783 3.51299 56.4243 3.91995 56.7165 4.22604C57.0156 4.53212 57.4469 4.78256 58.0104 4.97734C58.3583 5.0956 58.6852 5.20691 58.9913 5.31125C59.2974 5.4156 59.5409 5.55125 59.7217 5.71821C59.9096 5.88517 60.0035 6.13212 60.0035 6.41734C60.0035 6.70256 59.8991 6.93212 59.6904 7.10604C59.4817 7.27299 59.2 7.35647 58.8452 7.35647C58.4348 7.35647 58.1113 7.24169 57.8748 7.01212C57.6452 6.7756 57.5235 6.48691 57.5096 6.14604H56.1009C56.1078 6.63995 56.2296 7.06082 56.4661 7.40864C56.7026 7.74951 57.0261 8.01386 57.4365 8.20169Z" class="logo"/><path d="M63.5269 1.04691V8.34777H64.8626V1.04691H63.5269Z" class="logo"/><path d="M67.2174 1.04691V8.34777H68.553V3.21734L71.9861 8.34777H73.3217V1.04691H71.9861V6.18778L68.553 1.04691H67.2174Z" class="logo"/><path d="M77.0817 8.00343C77.6104 8.31647 78.2435 8.47299 78.9809 8.47299C79.8574 8.47299 80.5739 8.26082 81.1304 7.83647C81.6939 7.41212 82.0452 6.8243 82.1843 6.07299H80.713C80.6226 6.44864 80.4278 6.7443 80.1287 6.95995C79.8365 7.16864 79.4469 7.27299 78.96 7.27299C78.2852 7.27299 77.7565 7.0469 77.3739 6.59473C76.9913 6.1356 76.8 5.50604 76.8 4.70604C76.8 3.90604 76.9913 3.27647 77.3739 2.81734C77.7565 2.35821 78.2852 2.12865 78.96 2.12865C79.4469 2.12865 79.8365 2.24343 80.1287 2.473C80.4278 2.6956 80.6226 3.00517 80.713 3.40169H82.1843C82.0452 2.6156 81.6939 2.00691 81.1304 1.5756C80.5739 1.13734 79.8574 0.918213 78.9809 0.918213C78.2435 0.918213 77.6104 1.07821 77.0817 1.39821C76.553 1.71821 76.1461 2.16343 75.8609 2.73387C75.5756 3.3043 75.433 3.96169 75.433 4.70604C75.433 5.45038 75.5756 6.10777 75.8609 6.67821C76.1461 7.24169 76.553 7.68343 77.0817 8.00343Z" class="logo"/><path d="M84.3026 1.04691V8.34777H85.6383V5.16517H88.9148V8.34777H90.2504V1.04691H88.9148V4.07995H85.6383V1.04691H84.3026Z" class="logo"/><path d="M66.9843 41.0295C60.4626 41.0295 56.4035 37.5269 56 32.0591H61.5478C61.687 34.9113 63.5304 36.7374 66.8765 36.7374C69.6487 36.7374 71.6313 35.513 71.6313 33.4226C71.6313 31.7948 70.3757 30.8348 68.1774 30.4L63.9339 29.5617C60.0139 28.8035 56.9774 26.6817 56.9774 22.3895C56.9774 17.7878 61.0504 14.473 66.6296 14.473C72.2087 14.473 76.6852 17.8643 77.04 23.2556H71.4922C71.3043 20.56 69.433 18.7165 66.7061 18.7165C63.9791 18.7165 62.5217 20.233 62.5217 22.0313C62.5217 23.8295 64.1496 24.5565 66.0244 24.9113L70.4557 25.8087C74.9948 26.7061 77.4435 28.8 77.4435 32.6261C77.4435 37.5687 73.4783 41.0226 67.0017 41.0226H66.9843V41.0295Z" class="logo"/><path d="M87.1652 40.6713V40.6678H92.167V29.9304C92.167 27.0469 93.7635 25.4991 95.7774 25.4991C97.9756 25.4991 99.1235 27.1269 99.1235 29.8226V40.6678H104.097V29.9304C104.097 27.0469 105.725 25.4991 107.708 25.4991C109.906 25.4991 111.054 27.1269 111.054 29.8226V40.6678H116.028V28.2435C116.028 23.6278 113.395 21.0713 109.506 21.0713C106.623 21.0713 104.685 22.3722 103.169 24.4939C102.191 22.2956 100.101 21.0713 97.5443 21.0713C94.9878 21.0713 93.1896 22.2191 91.7809 24.1704V21.4296H87.1652V40.6678H87.1617L87.1652 40.6713Z" class="logo"/><path fill-rule="evenodd" clip-rule="evenodd" d="M123.391 38.1808C124.835 40.0522 126.786 41.0295 129.047 41.0295L129.043 41.0226L129.061 41.0087C134.25 41.0087 137.597 36.6852 137.597 31.033C137.597 25.3809 134.25 21.0574 129.061 21.0574C126.612 21.0574 124.473 22.1739 123.002 24.233V21.4295H118.386V47.6139H123.391V38.1808ZM123.423 31.0539C123.423 27.4122 125.482 25.5061 127.93 25.5061C130.379 25.5061 132.438 27.3808 132.438 31.0539C132.438 34.7269 130.379 36.5704 127.93 36.5704C125.482 36.5704 123.423 34.6956 123.423 31.0539Z" class="logo"/><path d="M139.614 40.6714V14.8H144.664V40.6714H139.614Z" class="logo"/><path fill-rule="evenodd" clip-rule="evenodd" d="M156.157 21.0574C150.609 21.0574 146.612 25.2417 146.612 30.9739C146.612 36.9843 150.47 40.9809 156.233 40.9809C160.911 40.9809 164.257 38.4869 165.343 34.1322H160.369C159.798 36.0382 158.327 37.1235 156.125 37.1235C153.569 37.1235 152.052 35.3878 151.725 32.2574H165.374C166.289 26 162.247 21.0574 156.157 21.0574ZM160.09 29.0991H151.819C152.25 26.2609 153.69 24.7443 156.063 24.7443C158.435 24.7443 159.951 26.4348 160.09 29.0991Z" class="logo"/><path d="M170.706 40.6714V19.7427H162.574V14.8H184.372V19.7427H176.191V40.6714H170.706Z" class="logo"/><path fill-rule="evenodd" clip-rule="evenodd" d="M190.553 21.0574C185.005 21.0574 181.009 25.2417 181.009 30.9739C181.009 36.9843 184.866 40.9809 190.63 40.9809C195.308 40.9809 198.654 38.4869 199.739 34.1322H194.765C194.195 36.0382 192.72 37.1235 190.522 37.1235C187.965 37.1235 186.445 35.3878 186.122 32.2574H199.77C200.685 26 196.64 21.0574 190.553 21.0574ZM194.487 29.0991H186.216C186.647 26.2609 188.09 24.7443 190.459 24.7443C192.828 24.7443 194.348 26.4348 194.487 29.0991Z" class="logo"/><path d="M245.837 40.6713H240.831V21.4296H245.447V24.1704C246.856 22.2643 248.838 21.0713 251.35 21.0713C255.207 21.0713 257.871 23.5965 257.871 28.2435V40.6678H252.897V29.9304C252.897 27.0782 251.781 25.4991 249.503 25.4991C247.52 25.4991 245.83 27.0782 245.83 30.1774V40.6643L245.837 40.6713Z" class="logo"/><path fill-rule="evenodd" clip-rule="evenodd" d="M265.37 40.7339H260.536L260.532 40.7374V40.7513C260.751 45.1826 264.205 47.9861 269.395 47.9861C275.096 47.9861 278.55 44.8869 278.55 39.7739V21.4296H273.979V24.0626C272.57 22.08 270.619 21.0713 268.031 21.0713C263.277 21.0713 259.962 25.0678 259.962 30.5078C259.962 35.9478 263.492 39.9443 268.219 39.9443C270.557 39.9443 272.543 38.8765 273.579 37.033V39.8365C273.579 42.6087 272.139 44.08 269.367 44.08C266.998 44.08 265.586 42.9322 265.37 40.7339ZM273.534 30.5391C273.534 33.5617 271.812 35.6209 269.179 35.6209V35.6069C266.595 35.6069 264.967 33.6243 264.967 30.4939C264.967 27.3635 266.56 25.3809 269.179 25.3809C271.798 25.3809 273.534 27.5165 273.534 30.5391Z" class="logo"/><path d="M231.569 25.7217V21.4295H226.052V15.7286H221.078V21.4156H213.176L209.21 28.0452L205.29 21.4156H199.527L205.583 30.8521L199.092 40.6573H204.668L208.88 33.7495L213.203 40.6573H218.89L212.445 31.0365L215.76 25.7078H221.061V34.4312C221.061 38.7547 223.541 41.0295 227.506 41.0295C228.977 41.0295 230.139 40.7826 231.363 40.1634V35.8086C230.65 36.2121 229.784 36.4278 228.838 36.4278C227.04 36.4278 226.035 35.5304 226.035 33.2973V25.7217H231.569Z" class="logo"/><path d="M78.8626 18.5009C78.8626 20.2052 80.2261 21.4609 82.1774 21.4609C84.16 21.4609 85.5235 20.2678 85.5235 18.5009C85.5235 16.7339 84.1287 15.4783 82.1774 15.4783C80.2261 15.4783 78.8626 16.7965 78.8626 18.5009Z" class="logo"/><path d="M82.2852 22.9495C81.3704 22.9495 80.5044 22.7339 79.7287 22.3617V40.6747H84.7339V22.4243C83.9896 22.7513 83.1548 22.9495 82.2852 22.9495Z" class="logo"/><path d="M232.835 18.5009C232.835 20.2052 234.198 21.4609 236.15 21.4609C238.132 21.4609 239.496 20.2678 239.496 18.5009C239.496 16.7339 238.101 15.4783 236.15 15.4783C234.198 15.4783 232.835 16.7965 232.835 18.5009Z" class="logo"/><path d="M236.257 22.9495C235.343 22.9495 234.477 22.7339 233.701 22.3617V40.6747H238.706V22.4243C237.962 22.7513 237.127 22.9495 236.257 22.9495Z" class="logo"/><path d="M23.6522 47.3044C36.7165 47.3044 47.3043 36.7165 47.3043 23.6522C47.3043 10.5878 36.7165 0 23.6522 0C10.5878 0 0 10.5878 0 23.6522C0 36.7165 10.5878 47.3044 23.6522 47.3044Z" class="logo"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9026 11.6869C33.4609 12.5113 34.6852 13.7495 35.527 15.3113L35.5305 15.3078H35.5444C36.3826 16.8661 36.8278 18.6713 36.8278 21.4574V23.0469C36.8278 23.6591 36.8105 24.2261 36.7652 24.7617C36.4278 29.8434 34.8696 33.1304 32.9252 35.273C29.3267 39.2281 24.4325 39.2069 23.6728 39.2036C23.6541 39.2035 23.638 39.2034 23.6244 39.2034H23.5339C23.5248 39.2034 23.5117 39.1996 23.4994 39.1959C23.4883 39.1926 23.4779 39.1895 23.4713 39.1895C23.3183 39.1269 23.2278 39.0052 23.1652 38.8521C23.0609 38.5774 23.12 38.3304 23.3809 38.1321C23.5613 37.9895 23.7494 37.8503 23.9379 37.7107C24.1311 37.5677 24.3248 37.4243 24.5113 37.2765C24.6052 37.2 24.6818 37.1374 24.7722 37.0608C24.7722 37.0608 25.0957 36.7721 25.3705 36.48C25.6452 36.1913 26.1357 35.4852 26.6087 34.4765C26.6539 34.3687 26.64 34.2608 26.5635 34.1843C26.4731 34.0765 26.32 34.1078 26.32 34.1078H20.8731C18.0905 34.1078 16.2852 33.6661 14.7235 32.8243C13.1652 32 11.9409 30.7617 11.0992 29.2C10.2609 27.6417 9.81567 25.8365 9.81567 23.0504V21.4608C9.81567 18.6782 10.2574 16.873 11.0992 15.3113C11.9235 13.753 13.1618 12.5287 14.7235 11.6869C16.2818 10.8487 18.087 10.4034 20.8731 10.4034H25.7531C28.5357 10.4034 30.3409 10.8452 31.9026 11.6869ZM31.7218 17.3009H14.9078C14.5705 17.3009 14.3096 17.5757 14.3096 17.8992V20.3026C14.3096 20.64 14.5844 20.9009 14.9078 20.9009H31.7218C32.0591 20.9009 32.32 20.6261 32.32 20.3026V17.8992C32.32 17.5618 32.0452 17.3009 31.7218 17.3009ZM23.6139 23.6035H14.9078C14.5705 23.6035 14.3096 23.8783 14.3096 24.2018V26.6053C14.3096 26.9426 14.5844 27.2035 14.9078 27.2035H23.6139C23.9513 27.2035 24.2122 26.9287 24.2122 26.6053V24.2018C24.2122 23.8644 23.9374 23.6035 23.6139 23.6035Z" fill="white"/></g><defs><clipPath id="clip0_59370_41003"><rect width="278.609" height="48" fill="white"/></clipPath></defs></svg>';
+defineCustomElement('sinch-logo-simple-texting-icon-wordmark', createLogoClass(templateHTML));

package/package.json

@@ -1,61 +1,18 @@
 {
   "name": "@nectary/assets",
-  "version": "1.0.0",
+  "version": "2.1.0",
   "files": [
-    "lib"
+    "**/*/*.css",
+    "**/*/*.json",
+    "**/*/*.js",
+    "**/*/*.d.ts",
+    "types.d.ts"
   ],
-  "exports": {
-    "./package.json": "./package.json",
-    "./changelog.md": "./changelog.md",
-    "./*/types": "./lib/esm/*/types.d.ts",
-    "./*.json": "./lib/esm/*.json",
-    "./*/create-icon-class": {
-      "types": "./lib/esm/*/create-icon-class.d.ts",
-      "require": "./lib/cjs/*/create-icon-class.js",
-      "default": "./lib/esm/*/create-icon-class.js"
-    },
-    "./*/create-animation-class": {
-      "types": "./lib/esm/*/create-animation-class.d.ts",
-      "require": "./lib/cjs/*/create-animation-class.js",
-      "default": "./lib/esm/*/create-animation-class.js"
-    },
-    "./*/create-logo-class": {
-      "types": "./lib/esm/*/create-logo-class.d.ts",
-      "require": "./lib/cjs/*/create-logo-class.js",
-      "default": "./lib/esm/*/create-logo-class.js"
-    },
-    "./*/create-illustration-class": {
-      "types": "./lib/esm/*/create-illustration-class.d.ts",
-      "require": "./lib/cjs/*/create-illustration-class.js",
-      "default": "./lib/esm/*/create-illustration-class.js"
-    },
-    "./*/utils": {
-      "types": "./lib/esm/*/utils.d.ts",
-      "require": "./lib/cjs/*/utils.js",
-      "default": "./lib/esm/*/utils.js"
-    },
-    "./utils/*": {
-      "types": "./lib/esm/utils/*.d.ts",
-      "require": "./lib/cjs/utils/*.js",
-      "default": "./lib/esm/utils/*.js"
-    },
-    "./utils": {
-      "types": "./lib/esm/utils/index.d.ts",
-      "require": "./lib/cjs/utils/index.js",
-      "default": "./lib/esm/utils/index.js"
-    },
-    "./*": {
-      "types": "./lib/esm/*/index.d.ts",
-      "require": "./lib/cjs/*/index.js",
-      "default": "./lib/esm/*/index.js"
-    }
-  },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "prebuild": "rimraf lib",
-    "build": "./build-lib.sh"
+    "build": "NODE_ENV=production babel . --extensions '.ts' --out-dir . && tsc --declaration --emitDeclarationOnly"
   },
   "dependencies": {
     "@babel/runtime": "^7.22.15",
@@ -64,7 +21,6 @@
   "devDependencies": {
     "@babel/cli": "^7.22.15",
     "@babel/core": "^7.22.20",
-    "@babel/plugin-transform-modules-commonjs": "^7.24.1",
     "@babel/plugin-transform-runtime": "^7.22.15",
     "@babel/preset-env": "^7.22.20",
     "@babel/preset-typescript": "^7.22.15",
@@ -72,7 +28,6 @@
     "@types/react": "^18.2.21",
     "babel-plugin-html-inline-minifier": "workspace:*",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
-    "rimraf": "^5.0.7",
     "typescript": "^5.2.2"
   }
 }

package/{lib/esm/utils → utils}/dom.js

@@ -37,7 +37,7 @@ export function getLiteralAttribute($element, literals, attrName, defaultValue)
     return attrValue;
   }
   if (typeof defaultValue === 'undefined') {
-    if (undefined !== 'production') {
+    if ('production' !== 'production') {
       throw new Error(`Invalid attribute value: ${attrName} = ${attrValue}`);
     }
   }

package/{lib/esm/utils → utils}/element.js

@@ -1,4 +1,4 @@
-import pkg from '../../package.json';
+import pkg from '../package.json';
 const nectaryDefinitions = new Map();
 let nectaryRegistry = null;
 export const defineCustomElement = (name, constructor) => {

package/lib/cjs/animations/create-animation-class.js

@@ -1,109 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAnimationClass = void 0;
-var _lottieWeb = _interopRequireDefault(require('lottie-web'));
-var _utils = require('../utils');
-const templateHTML = '<style>#svg{display:block}</style><div id="wrapper"></div>';
-const animationDirectionValues = ['forward', 'backward'];
-const createAnimationClass = animationData => {
-  const template = document.createElement('template');
-  template.innerHTML = templateHTML;
-  return class extends _utils.NectaryElement {
-    #$wrapper;
-    #anim = null;
-    constructor() {
-      super();
-      const shadowRoot = this.attachShadow();
-      shadowRoot.appendChild(template.content.cloneNode(true));
-      this.#$wrapper = shadowRoot.querySelector('#wrapper');
-    }
-    connectedCallback() {
-      const config = {
-        container: this.#$wrapper,
-        renderer: 'svg',
-        loop: this.loop,
-        autoplay: this.autoplay,
-        rendererSettings: {
-          id: 'svg',
-          progressiveLoad: true,
-          preserveAspectRatio: 'xMidYMid meet',
-          imagePreserveAspectRatio: 'xMidYMid meet'
-        },
-        animationData
-      };
-      this.#anim = _lottieWeb.default.loadAnimation(config);
-      this.#anim.setSubframe(false);
-      this.#updateDirection();
-    }
-    disconnectedCallback() {
-      this.#anim?.destroy();
-      this.#anim = null;
-    }
-    static get observedAttributes() {
-      return ['size'];
-    }
-    attributeChangedCallback(name, _, newVal) {
-      switch (name) {
-        case 'size':
-          {
-            this.#$wrapper.style.setProperty('height', (0, _utils.attrValueToPixels)(newVal));
-            break;
-          }
-        case 'direction':
-          {
-            this.#updateDirection();
-            break;
-          }
-        case 'loop':
-          {
-            this.#updateLoop();
-            break;
-          }
-      }
-    }
-    set size(value) {
-      (0, _utils.updateAttribute)(this, 'size', value);
-    }
-    get size() {
-      return (0, _utils.getIntegerAttribute)(this, 'size', null);
-    }
-    set loop(isEnabled) {
-      (0, _utils.updateBooleanAttribute)(this, 'loop', isEnabled);
-    }
-    get loop() {
-      return (0, _utils.getBooleanAttribute)(this, 'loop');
-    }
-    set autoplay(isEnabled) {
-      (0, _utils.updateBooleanAttribute)(this, 'autoplay', isEnabled);
-    }
-    get autoplay() {
-      return (0, _utils.getBooleanAttribute)(this, 'autoplay');
-    }
-    set direction(value) {
-      (0, _utils.updateLiteralAttribute)(this, animationDirectionValues, 'direction', value);
-    }
-    get direction() {
-      return (0, _utils.getLiteralAttribute)(this, animationDirectionValues, 'direction', 'forward');
-    }
-    play() {
-      this.#anim?.play();
-    }
-    stop() {
-      this.#anim?.stop();
-    }
-    pause() {
-      this.#anim?.pause();
-    }
-    #updateDirection() {
-      this.#anim?.setDirection(this.direction === 'forward' ? 1 : -1);
-    }
-    #updateLoop() {
-      this.#anim?.setLoop(this.loop);
-    }
-  };
-};
-exports.createAnimationClass = createAnimationClass;

package/lib/cjs/animations/engage-logo/index.js

@@ -1,7 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');
-var _utils = require('../../utils');
-var _createAnimationClass = require('../create-animation-class');
-var _lottie = _interopRequireDefault(require('./lottie.json'));
-(0, _utils.defineCustomElement)('sinch-animation-engage-logo', (0, _createAnimationClass.createAnimationClass)(_lottie.default));

package/lib/cjs/animations/sinch-logo/index.js

@@ -1,7 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');
-var _utils = require('../../utils');
-var _createAnimationClass = require('../create-animation-class');
-var _lottie = _interopRequireDefault(require('./lottie.json'));
-(0, _utils.defineCustomElement)('sinch-animation-sinch-logo', (0, _createAnimationClass.createAnimationClass)(_lottie.default));

package/lib/cjs/animations/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/cjs/icons/360/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 7C6.48 7 2 9.24 2 12c0 2.24 2.94 4.13 7 4.77v2.02c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79a.5.5 0 0 0-.85.36v1.52c-3.15-.56-5-1.9-5-2.73 0-1.06 3.04-3 8-3s8 1.94 8 3c0 .66-1.2 1.68-3.32 2.34-.41.13-.68.51-.68.94 0 .67.65 1.16 1.28.96C20.11 15.36 22 13.79 22 12c0-2.76-4.48-5-10-5Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-360', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/3d-rotation/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><g clip-path="url(#a)"><path d="M8.41 14.96c-.19 0-.37-.03-.52-.08a1.07 1.07 0 0 1-.4-.24c-.11-.1-.2-.22-.26-.37-.06-.14-.09-.3-.09-.47h-1.3c0 .36.07.68.21.95.14.27.33.5.56.69.24.18.51.32.82.41.3.1.62.15.96.15.37 0 .72-.05 1.03-.15.32-.1.6-.25.83-.44.23-.19.42-.43.55-.72.13-.29.2-.61.2-.97 0-.19-.02-.38-.07-.56a1.67 1.67 0 0 0-.23-.51c-.1-.16-.24-.3-.4-.43-.17-.13-.37-.23-.61-.31a2.098 2.098 0 0 0 .89-.75c.1-.15.17-.3.22-.46.05-.16.07-.32.07-.48 0-.36-.06-.68-.18-.96a1.78 1.78 0 0 0-.51-.69c-.2-.19-.47-.33-.77-.43C9.1 8.05 8.76 8 8.39 8c-.36 0-.69.05-1 .16-.3.11-.57.26-.79.45-.21.19-.38.41-.51.67-.12.26-.18.54-.18.85h1.3c0-.17.03-.32.09-.45a.94.94 0 0 1 .25-.34c.11-.09.23-.17.38-.22.15-.05.3-.08.48-.08.4 0 .7.1.89.31.19.2.29.49.29.86 0 .18-.03.34-.08.49a.87.87 0 0 1-.25.37c-.11.1-.25.18-.41.24-.16.06-.36.09-.58.09H7.5v1.03h.77c.22 0 .42.02.6.07s.33.13.45.23c.12.11.22.24.29.4.07.16.1.35.1.57 0 .41-.12.72-.35.93-.23.23-.55.33-.95.33Zm9.3-4.72c-.18-.47-.43-.87-.75-1.2-.32-.33-.7-.59-1.14-.77-.43-.18-.92-.27-1.46-.27H12v8h2.3c.55 0 1.06-.09 1.51-.27.45-.18.84-.43 1.16-.76.32-.33.57-.73.74-1.19.17-.47.26-.99.26-1.57v-.4c0-.58-.09-1.1-.26-1.57Zm-1.13 1.96c0 .42-.05.79-.14 1.13-.1.33-.24.62-.43.85-.19.23-.43.41-.71.53-.29.12-.62.18-.99.18h-.91V9.11h.97c.72 0 1.27.23 1.64.69.38.46.57 1.12.57 1.99v.41Zm-1.43-8.36 1.33-1.33c3.09 1.46 5.34 4.37 5.89 7.86.06.41.44.69.86.62.41-.06.69-.45.62-.86-.6-3.81-2.96-7.01-6.24-8.75A11.81 11.81 0 0 0 11.34.02l3.81 3.82Zm-6.3 16.31-1.33 1.33a10.504 10.504 0 0 1-5.89-7.86.737.737 0 0 0-.86-.62c-.41.06-.69.45-.62.86.6 3.81 2.96 7.01 6.24 8.75 1.67.89 3.83 1.51 6.27 1.36l-3.81-3.82Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>';
-(0, _element.defineCustomElement)('sinch-icon-3d-rotation', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/4k/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 3H5c-1.1 0-2 .9-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2Zm-7 9.76c0 .41-.34.75-.75.75H11v.74c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-.75h-2c-.55 0-1-.45-1-1V9.75c0-.41.34-.75.75-.75s.75.34.75.75V12h1.5V9.75c0-.41.34-.75.75-.75s.75.34.75.75V12h.25c.41 0 .75.34.75.75v.01Zm5.47 1.14c.22.33.13.77-.2.98a.702.702 0 0 1-.98-.2L14.5 12v2.24c0 .41-.34.75-.75.75a.74.74 0 0 1-.75-.74v-4.5c0-.41.34-.75.75-.75s.75.34.75.75v2.24l1.79-2.68a.71.71 0 0 1 .98-.2c.33.22.41.66.2.98L16.2 12l1.27 1.9Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-4k', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/5g/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 13h1v2h-5V9h6c.55 0 1-.45 1-1s-.45-1-1-1h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h5c1.1 0 2-.9 2-2v-3c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1ZM4 13h4v2H4c-.55 0-1 .45-1 1s.45 1 1 1h4c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2H5V9h4c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-5g', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/6-ft-apart/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M6 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm4 3.43c0-.81-.48-1.53-1.22-1.85a6.95 6.95 0 0 0-5.56 0A2.01 2.01 0 0 0 2 9.43V10h8v-.57ZM18 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm4 3.43c0-.81-.48-1.53-1.22-1.85a6.95 6.95 0 0 0-5.56 0A2.01 2.01 0 0 0 14 9.43V10h8v-.57Zm-.35 4.92-1.79 1.79c-.32.32-.86.1-.86-.35v-.8L5 15v.79c0 .45-.54.67-.85.35l-1.79-1.79c-.2-.2-.2-.51 0-.71l1.79-1.79a.5.5 0 0 1 .85.36v.8L19 13v-.79c0-.45.54-.67.85-.35l1.79 1.79c.2.19.2.51.01.7ZM10 18.5c0-.28-.22-.5-.5-.5h-2c-.28 0-.5.22-.5.5v3c0 .28.22.5.5.5h2c.28 0 .5-.22.5-.5V20c0-.28-.22-.5-.5-.5H8V19h1.5c.28 0 .5-.22.5-.5Zm-1 2v.5H8v-.5h1Zm8-1.5h-.5v2.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5V19H15c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h2c.28 0 .5.22.5.5s-.22.5-.5.5Zm-3-.5c0 .28-.22.5-.5.5h-1v.5h.5c.28 0 .5.22.5.5s-.22.5-.5.5h-.5v1c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3c0-.28.22-.5.5-.5h1.5c.28 0 .5.22.5.5Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-6-ft-apart', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/ac-unit/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21 11h-3.17l2.54-2.54a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0L15 11h-2V9l3.95-3.95c.39-.39.39-1.03 0-1.42a.996.996 0 0 0-1.41 0L13 6.17V3c0-.55-.45-1-1-1s-1 .45-1 1v3.17L8.46 3.63a.996.996 0 0 0-1.41 0c-.39.39-.39 1.03 0 1.42L11 9v2H9L5.05 7.05c-.39-.39-1.03-.39-1.42 0a.996.996 0 0 0 0 1.41L6.17 11H3c-.55 0-1 .45-1 1s.45 1 1 1h3.17l-2.54 2.54a.996.996 0 0 0 0 1.41c.39.39 1.03.39 1.42 0L9 13h2v2l-3.95 3.95c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0L11 17.83V21c0 .55.45 1 1 1s1-.45 1-1v-3.17l2.54 2.54c.39.39 1.02.39 1.41 0 .39-.39.39-1.03 0-1.42L13 15v-2h2l3.95 3.95c.39.39 1.03.39 1.42 0a.996.996 0 0 0 0-1.41L17.83 13H21c.55 0 1-.45 1-1s-.45-1-1-1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-ac-unit', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/access-alarm/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15.87 15.25-3.37-2V8.72c0-.4-.32-.72-.72-.72h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l3.65 2.19c.34.2.78.1.98-.24.21-.35.1-.8-.25-1Zm5.31-10.24L18.1 2.45c-.42-.35-1.05-.3-1.41.13-.35.42-.29 1.05.13 1.41l3.07 2.56c.42.35 1.05.3 1.41-.13a1 1 0 0 0-.12-1.41ZM4.1 6.55l3.07-2.56c.43-.36.49-.99.13-1.41a.988.988 0 0 0-1.4-.13L2.82 5.01a1 1 0 0 0-.12 1.41c.35.43.98.48 1.4.13ZM12 4a9 9 0 1 0 .001 18.001A9 9 0 0 0 12 4Zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-access-alarm', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/access-alarms/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15.87 15.25-3.37-2V8.72c0-.4-.32-.72-.72-.72h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l3.65 2.19c.34.2.78.1.98-.24.21-.35.1-.8-.25-1Zm5.31-10.24L18.1 2.45c-.42-.35-1.05-.3-1.41.13-.35.42-.29 1.05.13 1.41l3.07 2.56c.42.35 1.05.3 1.41-.13a1 1 0 0 0-.12-1.41ZM4.1 6.55l3.07-2.56c.43-.36.49-.99.13-1.41a.988.988 0 0 0-1.4-.13L2.82 5.01a1 1 0 0 0-.12 1.41c.35.43.98.48 1.4.13ZM12 4a9 9 0 1 0 .001 18.001A9 9 0 0 0 12 4Zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-access-alarms', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/access-time/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24a.71.71 0 0 0-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-access-time', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/accessibility/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Zm8 7h-5v12c0 .55-.45 1-1 1s-1-.45-1-1v-5h-2v5c0 .55-.45 1-1 1s-1-.45-1-1V9H4c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-accessibility', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/accessibility-new/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20.75 6.99c-.14-.55-.69-.87-1.24-.75-2.38.53-5.03.76-7.51.76-2.48 0-5.13-.23-7.51-.76-.55-.12-1.1.2-1.24.75-.14.56.2 1.13.75 1.26 1.61.36 3.35.61 5 .75v12c0 .55.45 1 1 1s1-.45 1-1v-5h2v5c0 .55.45 1 1 1s1-.45 1-1V9c1.65-.14 3.39-.39 4.99-.75.56-.13.9-.7.76-1.26ZM12 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-accessibility-new', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/accessible/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm7 5.9c0-.49-.36-.89-.84-.97a5.762 5.762 0 0 1-3.23-1.76l-1.29-1.43c-.17-.19-.38-.34-.61-.45-.01 0-.01-.01-.02-.01H13c-.37-.21-.78-.31-1.25-.25C10.73 7.15 10 8.07 10 9.1V15c0 1.1.9 2 2 2h5v4c0 .55.45 1 1 1s1-.45 1-1v-4.5c0-1.1-.9-2-2-2h-3v-3.45c1 .83 2.4 1.54 3.8 1.82.62.13 1.2-.34 1.2-.97ZM12.83 18c-.41 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.31.84-2.41 2-2.83V12.1a5 5 0 1 0 5.9 5.9h-2.07Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-accessible', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/accessible-forward/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 6.54a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM15 17h-2c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3v-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5Zm3-3.5h-1.86l1.67-3.67C18.42 8.5 17.44 7 15.96 7h-5.2c-.81 0-1.54.47-1.87 1.2l-.28.76c-.21.56.11 1.17.68 1.33.49.14 1-.11 1.2-.58l.3-.71H13l-1.83 4.1c-.6 1.33.39 2.9 1.85 2.9H18v4c0 .55.45 1 1 1s1-.45 1-1v-4.5c0-1.1-.9-2-2-2Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-accessible-forward', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/account-balance/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 11.5v4c0 .83.67 1.5 1.5 1.5S7 16.33 7 15.5v-4c0-.83-.67-1.5-1.5-1.5S4 10.67 4 11.5Zm6 0v4c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5ZM3.5 22h16c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-16c-.83 0-1.5.67-1.5 1.5S2.67 22 3.5 22ZM16 11.5v4c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5ZM10.57 1.49l-7.9 4.16c-.41.21-.67.64-.67 1.1C2 7.44 2.56 8 3.25 8h16.51C20.44 8 21 7.44 21 6.75c0-.46-.26-.89-.67-1.1l-7.9-4.16c-.58-.31-1.28-.31-1.86 0Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-account-balance', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/account-balance-wallet/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M10 16V8a2 2 0 0 1 2-2h9V5c0-1.1-.9-2-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-1h-9a2 2 0 0 1-2-2Zm3-8c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h9V8h-9Zm3 5.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-account-balance-wallet', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/account-box/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3 5v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5a2 2 0 0 0-2 2Zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3Zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-account-box', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/account-circle/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3Zm0 14.2a7.2 7.2 0 0 1-6-3.22c.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08a7.2 7.2 0 0 1-6 3.22Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-account-circle', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/ad-units/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2Zm-1 18H8c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h8c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Z"/><path d="M15 6H9c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-ad-units', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-a-photo/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3 8c0 .55.45 1 1 1s1-.45 1-1V6h2c.55 0 1-.45 1-1s-.45-1-1-1H5V2c0-.55-.45-1-1-1s-1 .45-1 1v2H1c-.55 0-1 .45-1 1s.45 1 1 1h2v2Zm10 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/><path d="M21 6h-3.17l-1.24-1.35A1.99 1.99 0 0 0 15.12 4h-6.4c.17.3.28.63.28 1 0 1.1-.9 2-2 2H6v1c0 1.1-.9 2-2 2-.37 0-.7-.11-1-.28V20c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-8 13c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-a-photo', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-alarm/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15 12h-2v-2c0-.55-.45-1-1-1s-1 .45-1 1v2H9c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1Zm6.18-6.99L18.1 2.45c-.42-.35-1.05-.3-1.41.13-.35.42-.29 1.05.13 1.41l3.07 2.56c.42.35 1.05.3 1.41-.13a1 1 0 0 0-.12-1.41ZM4.1 6.55l3.07-2.56c.43-.36.49-.99.13-1.41a.988.988 0 0 0-1.4-.13L2.82 5.01a1 1 0 0 0-.12 1.41c.35.43.98.48 1.4.13ZM12 4a9 9 0 1 0 .001 18.001A9 9 0 0 0 12 4Zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-alarm', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-alert/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 23c1.1 0 1.99-.89 1.99-1.99h-3.98c0 1.1.89 1.99 1.99 1.99Zm7-6v-6c0-3.35-2.36-6.15-5.5-6.83V3c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v1.17C7.36 4.85 5 7.65 5 11v6l-1.29 1.29c-.63.63-.19 1.71.7 1.71h15.17c.89 0 1.34-1.08.71-1.71L19 17Zm-4-3.99h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H9c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h2V9c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1v.01c0 .55-.45 1-1 1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-alert', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-box/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-3 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-box', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-business/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3 6h13c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1s.45 1 1 1Zm12 11h2v-3h.18c.63 0 1.1-.58.98-1.2l-1-5c-.09-.46-.5-.8-.98-.8H2.82c-.48 0-.89.34-.98.8l-1 5c-.12.62.35 1.2.98 1.2H2v5c0 .55.45 1 1 1h7c.55 0 1-.45 1-1v-5h4v3Zm-6 1H4v-4h5v4Z"/><path d="M22 18h-2v-2c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-business', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-circle/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm4 11h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-circle', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-circle-outline/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 7c-.55 0-1 .45-1 1v3H8c-.55 0-1 .45-1 1s.45 1 1 1h3v3c0 .55.45 1 1 1s1-.45 1-1v-3h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V8c0-.55-.45-1-1-1Zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-circle-outline', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-comment/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M22 4c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4Zm-6 7h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V6c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-comment', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-ic-call/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14 8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V4c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1Zm5.21 7.27-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84A15.045 15.045 0 0 1 6.6 10.8l1.85-1.85c.43-.43.64-1.04.57-1.64l-.29-2.52a2 2 0 0 0-1.98-1.78H5.02c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1-.76-1.86-1.77-1.97Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-ic-call', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-location/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13 7c0-.55-.44-1-1-1-.55 0-1 .44-1 1v2H9c-.55 0-1 .44-1 1 0 .55.44 1 1 1h2v2c0 .55.44 1 1 1 .55 0 1-.44 1-1v-2h2c.55 0 1-.44 1-1 0-.55-.44-1-1-1h-2V7Zm-1-5c4.2 0 8 3.22 8 8.2 0 3.18-2.45 6.92-7.34 11.23-.38.33-.95.33-1.33 0C6.45 17.12 4 13.38 4 10.2 4 5.22 7.8 2 12 2Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-location', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-location-alt/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 1c.55 0 1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1h-2v2c0 .55-.45 1-1 1s-1-.45-1-1V6h-2c-.55 0-1-.45-1-1s.45-1 1-1h2V2c0-.55.45-1 1-1Zm-7 12c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm2.72-9.53c-.44.36-.72.91-.72 1.53 0 1.1.9 2 2 2h1v1c0 1.1.9 2 2 2 .32 0 .62-.08.89-.21.07.45.11.92.11 1.41 0 3.18-2.45 6.92-7.34 11.23-.38.33-.95.33-1.33 0C6.45 18.12 4 14.38 4 11.2 4 6.22 7.8 3 12 3c.94 0 1.86.16 2.72.47Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-location-alt', (0, _createIconClass.createIconClass)(templateHTML));

package/lib/cjs/icons/add-photo-alternate/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _element = require('../../utils/element');
-var _createIconClass = require('../create-icon-class');
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21.02 5H19V2.98c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V5h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V7h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98ZM16 9.01V8h-1.01c-.53 0-1.03-.21-1.41-.58-.37-.38-.58-.88-.58-1.44 0-.36.1-.69.27-.98H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8.28c-.3.17-.64.28-1.02.28A2 2 0 0 1 16 9.01ZM15.96 19H6a.5.5 0 0 1-.4-.8l1.98-2.63c.21-.28.62-.26.82.02L10 18l2.61-3.48c.2-.26.59-.27.79-.01l2.95 3.68c.26.33.03.81-.39.81Z"/></svg>';
-(0, _element.defineCustomElement)('sinch-icon-add-photo-alternate', (0, _createIconClass.createIconClass)(templateHTML));