@nectary/components 0.24.0 → 0.26.0

package/icons/table-rows/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-table-rows': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-table-rows': TSinchIconElement;
+    }
+}

package/icons/table-rows/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 7H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2v1c0 1.1-.9 2-2 2Zm0 2.5H4c-1.1 0-2 .9-2 2v1c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-1c0-1.1-.9-2-2-2Zm0 7.5H4c-1.1 0-2 .9-2 2v1c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-1c0-1.1-.9-2-2-2Z"/></svg>';
+defineCustomElement('sinch-icon-table-rows', createIconClass(templateHTML));

package/icons/text-fields/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-text-fields': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-text-fields': TSinchIconElement;
+    }
+}

package/icons/text-fields/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M2.5 5.5C2.5 6.33 3.17 7 4 7h3.5v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7H14c.83 0 1.5-.67 1.5-1.5S14.83 4 14 4H4c-.83 0-1.5.67-1.5 1.5ZM20 9h-6c-.83 0-1.5.67-1.5 1.5S13.17 12 14 12h1.5v5.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V12H20c.83 0 1.5-.67 1.5-1.5S20.83 9 20 9Z"/></svg>';
+defineCustomElement('sinch-icon-text-fields', createIconClass(templateHTML));

package/icons/text-format/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-text-format': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-text-format': TSinchIconElement;
+    }
+}

package/icons/text-format/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 18c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1Zm4.5-5.2h5l.66 1.6c.15.36.5.6.89.6.69 0 1.15-.71.88-1.34l-3.88-8.97C12.87 4.27 12.46 4 12 4c-.46 0-.87.27-1.05.69l-3.88 8.97c-.27.63.2 1.34.89 1.34.39 0 .74-.24.89-.6l.65-1.6ZM12 5.98 13.87 11h-3.74L12 5.98Z"/></svg>';
+defineCustomElement('sinch-icon-text-format', createIconClass(templateHTML));

package/icons/title/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-title': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-title': TSinchIconElement;
+    }
+}

package/icons/title/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 5.5C5 6.33 5.67 7 6.5 7h4v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7h4c.83 0 1.5-.67 1.5-1.5S18.33 4 17.5 4h-11C5.67 4 5 4.67 5 5.5Z"/></svg>';
+defineCustomElement('sinch-icon-title', createIconClass(templateHTML));

package/icons/unarchive/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-unarchive': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-unarchive': TSinchIconElement;
+    }
+}

package/icons/unarchive/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m20.55 5.22-1.39-1.68A1.51 1.51 0 0 0 18 3H6c-.47 0-.88.21-1.15.55L3.46 5.22C3.17 5.57 3 6.01 3 6.5V19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6.5c0-.49-.17-.93-.45-1.28Zm-8.2 4.63L17.5 15H14v2h-4v-2H6.5l5.15-5.15c.19-.19.51-.19.7 0ZM5.12 5l.82-1h12l.93 1H5.12Z"/></svg>';
+defineCustomElement('sinch-icon-unarchive', createIconClass(templateHTML));

package/icons/vertical-align-bottom/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-vertical-align-bottom': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-vertical-align-bottom': TSinchIconElement;
+    }
+}

package/icons/vertical-align-bottom/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14.79 13H13V4c0-.55-.45-1-1-1s-1 .45-1 1v9H9.21c-.45 0-.67.54-.35.85l2.79 2.79c.2.2.51.2.71 0l2.79-2.79a.5.5 0 0 0-.36-.85ZM4 20c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z"/></svg>';
+defineCustomElement('sinch-icon-vertical-align-bottom', createIconClass(templateHTML));

package/icons/vertical-align-center/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-vertical-align-center': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-vertical-align-center': TSinchIconElement;
+    }
+}

package/icons/vertical-align-center/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.21 19H11v3c0 .55.45 1 1 1s1-.45 1-1v-3h1.79c.45 0 .67-.54.35-.85l-2.79-2.79c-.2-.2-.51-.2-.71 0l-2.79 2.79a.5.5 0 0 0 .36.85Zm5.58-14H13V2c0-.55-.45-1-1-1s-1 .45-1 1v3H9.21a.5.5 0 0 0-.36.85l2.79 2.79c.2.2.51.2.71 0l2.79-2.79c.32-.31.1-.85-.35-.85ZM4 12c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z"/></svg>';
+defineCustomElement('sinch-icon-vertical-align-center', createIconClass(templateHTML));

package/icons/vertical-align-top/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-vertical-align-top': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-vertical-align-top': TSinchIconElement;
+    }
+}

package/icons/vertical-align-top/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.21 11H11v9c0 .55.45 1 1 1s1-.45 1-1v-9h1.79c.45 0 .67-.54.35-.85l-2.79-2.79c-.2-.2-.51-.2-.71 0l-2.79 2.79a.5.5 0 0 0 .36.85ZM4 4c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z"/></svg>';
+defineCustomElement('sinch-icon-vertical-align-top', createIconClass(templateHTML));

package/icons/waves/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-waves': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-waves': TSinchIconElement;
+    }
+}

package/icons/waves/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17 16.99c-1.35 0-2.2.42-2.95.8-.65.33-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.42-2.95.8-.43.22-.81.41-1.27.52-.45.1-.78.46-.78.91v.1c0 .6.56 1.03 1.14.91.74-.15 1.3-.43 1.81-.69.65-.33 1.17-.6 2.05-.6.88 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.42 2.95-.8.65-.33 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.52.26 1.08.55 1.83.7a.94.94 0 0 0 1.12-.91v-.09c0-.46-.34-.82-.79-.92-.46-.1-.83-.29-1.26-.52-.75-.39-1.6-.81-2.95-.81Zm0-4.45c-1.35 0-2.2.43-2.95.8-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.43-2.95.8-.43.21-.81.41-1.28.52-.44.1-.77.46-.77.91v.1a.93.93 0 0 0 1.12.91c.75-.15 1.31-.44 1.83-.69.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.52.26 1.08.55 1.83.7a.94.94 0 0 0 1.12-.92v-.09c0-.46-.34-.82-.79-.92-.46-.1-.83-.29-1.26-.52-.75-.38-1.6-.8-2.95-.8Zm2.95-8.08c-.75-.38-1.58-.8-2.95-.8s-2.2.42-2.95.8c-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.37-1.57-.8-2.95-.8-1.38 0-2.2.42-2.95.8-.43.22-.81.41-1.27.52-.45.1-.78.46-.78.91v.07c0 .6.54 1.04 1.12.92.75-.15 1.31-.44 1.83-.69.65-.33 1.17-.6 2.05-.6.88 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.52.26 1.08.55 1.83.7A.94.94 0 0 0 22 5.97v-.09c0-.46-.34-.82-.79-.92-.46-.1-.83-.28-1.26-.5ZM17 8.09c-1.35 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.43-2.95.8-.43.23-.8.42-1.26.52-.45.1-.79.46-.79.92v.09a.93.93 0 0 0 1.12.91c.75-.15 1.31-.44 1.83-.69.65-.32 1.18-.6 2.05-.6.87 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.52.26 1.08.55 1.83.7a.94.94 0 0 0 1.12-.91v-.09c0-.46-.34-.82-.79-.92-.46-.1-.83-.29-1.26-.52-.75-.39-1.6-.81-2.95-.81Z"/></svg>';
+defineCustomElement('sinch-icon-waves', createIconClass(templateHTML));

package/icons/weekend/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-weekend': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-weekend': TSinchIconElement;
+    }
+}

package/icons/weekend/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M21 10c-1.1 0-2 .9-2 2v3H5v-3c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2Zm-3-5H6c-1.1 0-2 .9-2 2v2.15c1.16.41 2 1.51 2 2.82V14h12v-2.03c0-1.3.84-2.4 2-2.82V7c0-1.1-.9-2-2-2Z"/></svg>';
+defineCustomElement('sinch-icon-weekend', createIconClass(templateHTML));

package/icons/where-to-vote/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-where-to-vote': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-where-to-vote': TSinchIconElement;
+    }
+}

package/icons/where-to-vote/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C8.14 2 5 5.14 5 9c0 4.17 4.42 9.92 6.23 12.11.4.48 1.13.48 1.53 0C14.58 18.92 19 13.17 19 9c0-3.86-3.14-7-7-7Zm4.31 6.16-5.13 5.13a.996.996 0 0 1-1.41 0L7.7 11.22c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l1.36 1.36 4.42-4.42c.39-.39 1.03-.39 1.42 0 .38.4.38 1.03-.01 1.42Z"/></svg>';
+defineCustomElement('sinch-icon-where-to-vote', createIconClass(templateHTML));

package/icons/wrap-text/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-wrap-text': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-wrap-text': TSinchIconElement;
+    }
+}

package/icons/wrap-text/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 7h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1Zm11.83 4H5c-.55 0-1 .45-1 1s.45 1 1 1h12.13c1 0 1.93.67 2.09 1.66.21 1.25-.76 2.34-1.97 2.34H15v-.79c0-.45-.54-.67-.85-.35l-1.79 1.79c-.2.2-.2.51 0 .71l1.79 1.79c.32.32.85.09.85-.35V19h2c2.34 0 4.21-2.01 3.98-4.39-.2-2.08-2.06-3.61-4.15-3.61ZM9 17H5c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1Z"/></svg>';
+defineCustomElement('sinch-icon-wrap-text', createIconClass(templateHTML));

package/index.d.ts

@@ -120,6 +120,7 @@ import './icons/warning-amber';
 import './icons/send';
 import './icons/undo';
 import './icons/mark-chat-unread';
+import './icons/smart-toy';
 import './icons/switch-right';
 import './icons/switch-left';
 import './icons/volume-up';
@@ -143,6 +144,140 @@ import './icons/history';
 import './icons/forum';
 import './icons/chat-bubble-outline';
 import './icons/star';
+import './icons/wrap-text';
+import './icons/vertical-align-top';
+import './icons/vertical-align-center';
+import './icons/vertical-align-bottom';
+import './icons/title';
+import './icons/text-fields';
+import './icons/table-rows';
+import './icons/table-chart';
+import './icons/superscript';
+import './icons/subscript';
+import './icons/strikethrough-s';
+import './icons/stacked-line-chart';
+import './icons/space-bar';
+import './icons/show-chart';
+import './icons/short-text';
+import './icons/score';
+import './icons/scatter-plot';
+import './icons/publish';
+import './icons/post-add';
+import './icons/pie-chart-outline';
+import './icons/pie-chart';
+import './icons/multiline-chart';
+import './icons/money-off-csred';
+import './icons/money-off';
+import './icons/monetization-on';
+import './icons/mode-comment';
+import './icons/mode';
+import './icons/merge-type';
+import './icons/linear-scale';
+import './icons/insert-photo';
+import './icons/insert-link';
+import './icons/insert-invitation';
+import './icons/insert-drive-file';
+import './icons/insert-comment';
+import './icons/insert-chart-outlined';
+import './icons/insert-chart';
+import './icons/horizontal-rule';
+import './icons/highlight';
+import './icons/height';
+import './icons/functions';
+import './icons/format-underlined';
+import './icons/format-textdirection-r-to-l';
+import './icons/format-textdirection-l-to-r';
+import './icons/format-strikethrough';
+import './icons/format-size';
+import './icons/format-shapes';
+import './icons/format-quote';
+import './icons/format-paint';
+import './icons/format-list-numbered-rtl';
+import './icons/format-list-numbered';
+import './icons/format-list-bulleted';
+import './icons/format-line-spacing';
+import './icons/format-italic';
+import './icons/format-indent-increase';
+import './icons/format-indent-decrease';
+import './icons/format-color-reset';
+import './icons/format-clear';
+import './icons/format-bold';
+import './icons/format-align-right';
+import './icons/format-align-left';
+import './icons/format-align-justify';
+import './icons/format-align-center';
+import './icons/drag-handle';
+import './icons/bubble-chart';
+import './icons/border-vertical';
+import './icons/border-top';
+import './icons/border-style';
+import './icons/border-right';
+import './icons/border-outer';
+import './icons/border-left';
+import './icons/border-inner';
+import './icons/border-horizontal';
+import './icons/border-clear';
+import './icons/border-bottom';
+import './icons/border-all';
+import './icons/bar-chart';
+import './icons/attach-money';
+import './icons/attach-file';
+import './icons/where-to-vote';
+import './icons/weekend';
+import './icons/waves';
+import './icons/unarchive';
+import './icons/text-format';
+import './icons/square-foot';
+import './icons/sort';
+import './icons/select-all';
+import './icons/save-alt';
+import './icons/save';
+import './icons/report-off';
+import './icons/report-outline';
+import './icons/report';
+import './icons/reply-all';
+import './icons/remove-circle-outline';
+import './icons/remove-circle';
+import './icons/remove';
+import './icons/redo';
+import './icons/push-pin';
+import './icons/policy';
+import './icons/outlined-flag';
+import './icons/next-week';
+import './icons/move-to-inbox';
+import './icons/markunread';
+import './icons/mail';
+import './icons/low-priority';
+import './icons/link-off';
+import './icons/link';
+import './icons/insights';
+import './icons/inbox';
+import './icons/how-to-vote';
+import './icons/how-to-reg';
+import './icons/gesture';
+import './icons/forward';
+import './icons/font-download';
+import './icons/flag';
+import './icons/file-copy';
+import './icons/dynamic-feed';
+import './icons/drafts';
+import './icons/delete-sweep';
+import './icons/content-paste';
+import './icons/content-cut';
+import './icons/content-copy';
+import './icons/clear';
+import './icons/calculate';
+import './icons/block';
+import './icons/biotech';
+import './icons/ballot';
+import './icons/backspace';
+import './icons/attribution';
+import './icons/archive';
+import './icons/amp-stories';
+import './icons/add-circle-outline';
+import './icons/add-circle';
+import './icons/add-box';
+import './icons/add';
 import './illustration/phone-and-cat';
 import './pagination';
 import './table';
@@ -193,3 +328,5 @@ import './chat-block';
 import './chat';
 import './title';
 import './popover';
+import './segmented-control';
+import './segmented-icon-control';

package/index.js

@@ -120,6 +120,7 @@ import './icons/warning-amber';
 import './icons/send';
 import './icons/undo';
 import './icons/mark-chat-unread';
+import './icons/smart-toy';
 import './icons/switch-right';
 import './icons/switch-left';
 import './icons/volume-up';
@@ -143,6 +144,140 @@ import './icons/history';
 import './icons/forum';
 import './icons/chat-bubble-outline';
 import './icons/star';
+import './icons/wrap-text';
+import './icons/vertical-align-top';
+import './icons/vertical-align-center';
+import './icons/vertical-align-bottom';
+import './icons/title';
+import './icons/text-fields';
+import './icons/table-rows';
+import './icons/table-chart';
+import './icons/superscript';
+import './icons/subscript';
+import './icons/strikethrough-s';
+import './icons/stacked-line-chart';
+import './icons/space-bar';
+import './icons/show-chart';
+import './icons/short-text';
+import './icons/score';
+import './icons/scatter-plot';
+import './icons/publish';
+import './icons/post-add';
+import './icons/pie-chart-outline';
+import './icons/pie-chart';
+import './icons/multiline-chart';
+import './icons/money-off-csred';
+import './icons/money-off';
+import './icons/monetization-on';
+import './icons/mode-comment';
+import './icons/mode';
+import './icons/merge-type';
+import './icons/linear-scale';
+import './icons/insert-photo';
+import './icons/insert-link';
+import './icons/insert-invitation';
+import './icons/insert-drive-file';
+import './icons/insert-comment';
+import './icons/insert-chart-outlined';
+import './icons/insert-chart';
+import './icons/horizontal-rule';
+import './icons/highlight';
+import './icons/height';
+import './icons/functions';
+import './icons/format-underlined';
+import './icons/format-textdirection-r-to-l';
+import './icons/format-textdirection-l-to-r';
+import './icons/format-strikethrough';
+import './icons/format-size';
+import './icons/format-shapes';
+import './icons/format-quote';
+import './icons/format-paint';
+import './icons/format-list-numbered-rtl';
+import './icons/format-list-numbered';
+import './icons/format-list-bulleted';
+import './icons/format-line-spacing';
+import './icons/format-italic';
+import './icons/format-indent-increase';
+import './icons/format-indent-decrease';
+import './icons/format-color-reset';
+import './icons/format-clear';
+import './icons/format-bold';
+import './icons/format-align-right';
+import './icons/format-align-left';
+import './icons/format-align-justify';
+import './icons/format-align-center';
+import './icons/drag-handle';
+import './icons/bubble-chart';
+import './icons/border-vertical';
+import './icons/border-top';
+import './icons/border-style';
+import './icons/border-right';
+import './icons/border-outer';
+import './icons/border-left';
+import './icons/border-inner';
+import './icons/border-horizontal';
+import './icons/border-clear';
+import './icons/border-bottom';
+import './icons/border-all';
+import './icons/bar-chart';
+import './icons/attach-money';
+import './icons/attach-file';
+import './icons/where-to-vote';
+import './icons/weekend';
+import './icons/waves';
+import './icons/unarchive';
+import './icons/text-format';
+import './icons/square-foot';
+import './icons/sort';
+import './icons/select-all';
+import './icons/save-alt';
+import './icons/save';
+import './icons/report-off';
+import './icons/report-outline';
+import './icons/report';
+import './icons/reply-all';
+import './icons/remove-circle-outline';
+import './icons/remove-circle';
+import './icons/remove';
+import './icons/redo';
+import './icons/push-pin';
+import './icons/policy';
+import './icons/outlined-flag';
+import './icons/next-week';
+import './icons/move-to-inbox';
+import './icons/markunread';
+import './icons/mail';
+import './icons/low-priority';
+import './icons/link-off';
+import './icons/link';
+import './icons/insights';
+import './icons/inbox';
+import './icons/how-to-vote';
+import './icons/how-to-reg';
+import './icons/gesture';
+import './icons/forward';
+import './icons/font-download';
+import './icons/flag';
+import './icons/file-copy';
+import './icons/dynamic-feed';
+import './icons/drafts';
+import './icons/delete-sweep';
+import './icons/content-paste';
+import './icons/content-cut';
+import './icons/content-copy';
+import './icons/clear';
+import './icons/calculate';
+import './icons/block';
+import './icons/biotech';
+import './icons/ballot';
+import './icons/backspace';
+import './icons/attribution';
+import './icons/archive';
+import './icons/amp-stories';
+import './icons/add-circle-outline';
+import './icons/add-circle';
+import './icons/add-box';
+import './icons/add';
 import './illustration/phone-and-cat';
 import './pagination';
 import './table';
@@ -192,4 +327,6 @@ import './chat-bubble';
 import './chat-block';
 import './chat';
 import './title';
-import './popover';
+import './popover';
+import './segmented-control';
+import './segmented-icon-control';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nectary/components",
-  "version": "0.24.0",
+  "version": "0.26.0",
   "files": [
     "theme.css",
     "**/*/*.js",
@@ -13,9 +13,7 @@
     "colors.json"
   ],
   "scripts": {
-    "prebuild": "rimraf utils.{js,d.ts} index.{js,d.ts} */*.{js,d.ts} */**/*.{js,d.ts}",
-    "build": "NODE_ENV=production babel . --extensions '.ts' --ignore '*.d.ts' --out-dir .",
-    "postbuild": "tsc"
+    "build": "NODE_ENV=production babel . --extensions '.ts' --out-dir . && tsc"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
@@ -29,8 +27,8 @@
     "@babel/preset-typescript": "^7.16.0",
     "@types/node": "^17.0.14",
     "@types/react": "^17.0.0",
+    "babel-plugin-html-inline-minifier": "workspace:babel-plugin-html-inline-minifier@*",
     "babel-plugin-transform-inline-environment-variables": "^0.4.3",
-    "rimraf": "^3.0.2",
     "typescript": "^4.4.2"
   }
 }

package/popover/index.js

@@ -13,7 +13,7 @@ function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(
 
 import dialogPolyfill from 'dialog-polyfill';
 import { defineCustomElement, getBooleanAttribute, getLiteralAttribute, getRect, isAttrTrue, updateLiteralAttribute, getReactEventHandler, updateBooleanAttribute, NectaryElement } from '../utils';
-const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{position:relative}dialog{outline:0;font:var(--sinch-font-body);color:var(--sinch-color-text-default);background-color:var(--sinch-color-snow-100);box-shadow:1px 2px 6px rgba(0,0,0,.15);border:1px solid var(--sinch-color-snow-500);border-radius:4px;overflow-y:auto;contain:content;padding:12px;box-sizing:border-box}dialog:not([open]){display:none}dialog::backdrop{background-color:transparent}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent}dialog.fixed{position:fixed;top:50%;transform:translate(0,-50%)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}</style><div id="wrapper"><div id="target" aria-haspopup="dialog" aria-expanded="false"><slot name="target"></slot></div><dialog id="dialog" tabindex="-1"><slot name="content"></slot></dialog></div>';
+const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{position:relative}dialog{outline:0;font:var(--sinch-font-body);color:var(--sinch-color-text-default);background-color:var(--sinch-color-snow-100);box-shadow:1px 2px 6px rgba(0,0,0,.15);border:none;border-radius:4px;overflow-y:auto;contain:content;padding:0;box-sizing:border-box}dialog:not([open]){display:none}dialog::backdrop{background-color:transparent}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent}dialog.fixed{position:fixed;top:50%;transform:translate(0,-50%)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}</style><div id="wrapper"><div id="target" aria-haspopup="dialog" aria-expanded="false"><slot name="target"></slot></div><dialog id="dialog" tabindex="-1"><slot name="content"></slot></dialog></div>';
 const orientationValues = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
 const template = document.createElement('template');
 template.innerHTML = templateHTML;