@nectary/components 0.25.0 → 0.26.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/dialog/index.js +2 -2
- package/icons/add/index.d.ts +11 -0
- package/icons/add/index.js +4 -0
- package/icons/add-box/index.d.ts +11 -0
- package/icons/add-box/index.js +4 -0
- package/icons/add-circle/index.d.ts +11 -0
- package/icons/add-circle/index.js +4 -0
- package/icons/add-circle-outline/index.d.ts +11 -0
- package/icons/add-circle-outline/index.js +4 -0
- package/icons/amp-stories/index.d.ts +11 -0
- package/icons/amp-stories/index.js +4 -0
- package/icons/archive/index.d.ts +11 -0
- package/icons/archive/index.js +4 -0
- package/icons/attach-file/index.d.ts +11 -0
- package/icons/attach-file/index.js +4 -0
- package/icons/attach-money/index.d.ts +11 -0
- package/icons/attach-money/index.js +4 -0
- package/icons/attribution/index.d.ts +11 -0
- package/icons/attribution/index.js +4 -0
- package/icons/backspace/index.d.ts +11 -0
- package/icons/backspace/index.js +4 -0
- package/icons/ballot/index.d.ts +11 -0
- package/icons/ballot/index.js +4 -0
- package/icons/bar-chart/index.d.ts +11 -0
- package/icons/bar-chart/index.js +4 -0
- package/icons/biotech/index.d.ts +11 -0
- package/icons/biotech/index.js +4 -0
- package/icons/block/index.d.ts +11 -0
- package/icons/block/index.js +4 -0
- package/icons/border-all/index.d.ts +11 -0
- package/icons/border-all/index.js +4 -0
- package/icons/border-bottom/index.d.ts +11 -0
- package/icons/border-bottom/index.js +4 -0
- package/icons/border-clear/index.d.ts +11 -0
- package/icons/border-clear/index.js +4 -0
- package/icons/border-horizontal/index.d.ts +11 -0
- package/icons/border-horizontal/index.js +4 -0
- package/icons/border-inner/index.d.ts +11 -0
- package/icons/border-inner/index.js +4 -0
- package/icons/border-left/index.d.ts +11 -0
- package/icons/border-left/index.js +4 -0
- package/icons/border-outer/index.d.ts +11 -0
- package/icons/border-outer/index.js +4 -0
- package/icons/border-right/index.d.ts +11 -0
- package/icons/border-right/index.js +4 -0
- package/icons/border-style/index.d.ts +11 -0
- package/icons/border-style/index.js +4 -0
- package/icons/border-top/index.d.ts +11 -0
- package/icons/border-top/index.js +4 -0
- package/icons/border-vertical/index.d.ts +11 -0
- package/icons/border-vertical/index.js +4 -0
- package/icons/bubble-chart/index.d.ts +11 -0
- package/icons/bubble-chart/index.js +4 -0
- package/icons/calculate/index.d.ts +11 -0
- package/icons/calculate/index.js +4 -0
- package/icons/clear/index.d.ts +11 -0
- package/icons/clear/index.js +4 -0
- package/icons/content-copy/index.d.ts +11 -0
- package/icons/content-copy/index.js +4 -0
- package/icons/content-cut/index.d.ts +11 -0
- package/icons/content-cut/index.js +4 -0
- package/icons/content-paste/index.d.ts +11 -0
- package/icons/content-paste/index.js +4 -0
- package/icons/delete-sweep/index.d.ts +11 -0
- package/icons/delete-sweep/index.js +4 -0
- package/icons/drafts/index.d.ts +11 -0
- package/icons/drafts/index.js +4 -0
- package/icons/drag-handle/index.d.ts +11 -0
- package/icons/drag-handle/index.js +4 -0
- package/icons/dynamic-feed/index.d.ts +11 -0
- package/icons/dynamic-feed/index.js +4 -0
- package/icons/file-copy/index.d.ts +11 -0
- package/icons/file-copy/index.js +4 -0
- package/icons/flag/index.d.ts +11 -0
- package/icons/flag/index.js +4 -0
- package/icons/font-download/index.d.ts +11 -0
- package/icons/font-download/index.js +4 -0
- package/icons/format-align-center/index.d.ts +11 -0
- package/icons/format-align-center/index.js +4 -0
- package/icons/format-align-justify/index.d.ts +11 -0
- package/icons/format-align-justify/index.js +4 -0
- package/icons/format-align-left/index.d.ts +11 -0
- package/icons/format-align-left/index.js +4 -0
- package/icons/format-align-right/index.d.ts +11 -0
- package/icons/format-align-right/index.js +4 -0
- package/icons/format-bold/index.d.ts +11 -0
- package/icons/format-bold/index.js +4 -0
- package/icons/format-clear/index.d.ts +11 -0
- package/icons/format-clear/index.js +4 -0
- package/icons/format-color-reset/index.d.ts +11 -0
- package/icons/format-color-reset/index.js +4 -0
- package/icons/format-indent-decrease/index.d.ts +11 -0
- package/icons/format-indent-decrease/index.js +4 -0
- package/icons/format-indent-increase/index.d.ts +11 -0
- package/icons/format-indent-increase/index.js +4 -0
- package/icons/format-italic/index.d.ts +11 -0
- package/icons/format-italic/index.js +4 -0
- package/icons/format-line-spacing/index.d.ts +11 -0
- package/icons/format-line-spacing/index.js +4 -0
- package/icons/format-list-bulleted/index.d.ts +11 -0
- package/icons/format-list-bulleted/index.js +4 -0
- package/icons/format-list-numbered/index.d.ts +11 -0
- package/icons/format-list-numbered/index.js +4 -0
- package/icons/format-list-numbered-rtl/index.d.ts +11 -0
- package/icons/format-list-numbered-rtl/index.js +4 -0
- package/icons/format-paint/index.d.ts +11 -0
- package/icons/format-paint/index.js +4 -0
- package/icons/format-quote/index.d.ts +11 -0
- package/icons/format-quote/index.js +4 -0
- package/icons/format-shapes/index.d.ts +11 -0
- package/icons/format-shapes/index.js +4 -0
- package/icons/format-size/index.d.ts +11 -0
- package/icons/format-size/index.js +4 -0
- package/icons/format-strikethrough/index.d.ts +11 -0
- package/icons/format-strikethrough/index.js +4 -0
- package/icons/format-textdirection-l-to-r/index.d.ts +11 -0
- package/icons/format-textdirection-l-to-r/index.js +4 -0
- package/icons/format-textdirection-r-to-l/index.d.ts +11 -0
- package/icons/format-textdirection-r-to-l/index.js +4 -0
- package/icons/format-underlined/index.d.ts +11 -0
- package/icons/format-underlined/index.js +4 -0
- package/icons/forward/index.d.ts +11 -0
- package/icons/forward/index.js +4 -0
- package/icons/functions/index.d.ts +11 -0
- package/icons/functions/index.js +4 -0
- package/icons/gesture/index.d.ts +11 -0
- package/icons/gesture/index.js +4 -0
- package/icons/height/index.d.ts +11 -0
- package/icons/height/index.js +4 -0
- package/icons/highlight/index.d.ts +11 -0
- package/icons/highlight/index.js +4 -0
- package/icons/horizontal-rule/index.d.ts +11 -0
- package/icons/horizontal-rule/index.js +4 -0
- package/icons/how-to-reg/index.d.ts +11 -0
- package/icons/how-to-reg/index.js +4 -0
- package/icons/how-to-vote/index.d.ts +11 -0
- package/icons/how-to-vote/index.js +4 -0
- package/icons/inbox/index.d.ts +11 -0
- package/icons/inbox/index.js +4 -0
- package/icons/insert-chart/index.d.ts +11 -0
- package/icons/insert-chart/index.js +4 -0
- package/icons/insert-chart-outlined/index.d.ts +11 -0
- package/icons/insert-chart-outlined/index.js +4 -0
- package/icons/insert-comment/index.d.ts +11 -0
- package/icons/insert-comment/index.js +4 -0
- package/icons/insert-drive-file/index.d.ts +11 -0
- package/icons/insert-drive-file/index.js +4 -0
- package/icons/insert-emoticon/index.js +1 -1
- package/icons/insert-invitation/index.d.ts +11 -0
- package/icons/insert-invitation/index.js +4 -0
- package/icons/insert-link/index.d.ts +11 -0
- package/icons/insert-link/index.js +4 -0
- package/icons/insert-photo/index.d.ts +11 -0
- package/icons/insert-photo/index.js +4 -0
- package/icons/insights/index.d.ts +11 -0
- package/icons/insights/index.js +4 -0
- package/icons/linear-scale/index.d.ts +11 -0
- package/icons/linear-scale/index.js +4 -0
- package/icons/link/index.d.ts +11 -0
- package/icons/link/index.js +4 -0
- package/icons/link-off/index.d.ts +11 -0
- package/icons/link-off/index.js +4 -0
- package/icons/low-priority/index.d.ts +11 -0
- package/icons/low-priority/index.js +4 -0
- package/icons/mail/index.d.ts +11 -0
- package/icons/mail/index.js +4 -0
- package/icons/markunread/index.d.ts +11 -0
- package/icons/markunread/index.js +4 -0
- package/icons/merge-type/index.d.ts +11 -0
- package/icons/merge-type/index.js +4 -0
- package/icons/mode/index.d.ts +11 -0
- package/icons/mode/index.js +4 -0
- package/icons/mode-comment/index.d.ts +11 -0
- package/icons/mode-comment/index.js +4 -0
- package/icons/monetization-on/index.d.ts +11 -0
- package/icons/monetization-on/index.js +4 -0
- package/icons/money-off/index.d.ts +11 -0
- package/icons/money-off/index.js +4 -0
- package/icons/money-off-csred/index.d.ts +11 -0
- package/icons/money-off-csred/index.js +4 -0
- package/icons/move-to-inbox/index.d.ts +11 -0
- package/icons/move-to-inbox/index.js +4 -0
- package/icons/multiline-chart/index.d.ts +11 -0
- package/icons/multiline-chart/index.js +4 -0
- package/icons/next-week/index.d.ts +11 -0
- package/icons/next-week/index.js +4 -0
- package/icons/notes/index.js +1 -1
- package/icons/outlined-flag/index.d.ts +11 -0
- package/icons/outlined-flag/index.js +4 -0
- package/icons/pie-chart/index.d.ts +11 -0
- package/icons/pie-chart/index.js +4 -0
- package/icons/pie-chart-outline/index.d.ts +11 -0
- package/icons/pie-chart-outline/index.js +4 -0
- package/icons/policy/index.d.ts +11 -0
- package/icons/policy/index.js +4 -0
- package/icons/post-add/index.d.ts +11 -0
- package/icons/post-add/index.js +4 -0
- package/icons/publish/index.d.ts +11 -0
- package/icons/publish/index.js +4 -0
- package/icons/push-pin/index.d.ts +11 -0
- package/icons/push-pin/index.js +4 -0
- package/icons/redo/index.d.ts +11 -0
- package/icons/redo/index.js +4 -0
- package/icons/remove/index.d.ts +11 -0
- package/icons/remove/index.js +4 -0
- package/icons/remove-circle/index.d.ts +11 -0
- package/icons/remove-circle/index.js +4 -0
- package/icons/remove-circle-outline/index.d.ts +11 -0
- package/icons/remove-circle-outline/index.js +4 -0
- package/icons/reply-all/index.d.ts +11 -0
- package/icons/reply-all/index.js +4 -0
- package/icons/report/index.d.ts +11 -0
- package/icons/report/index.js +4 -0
- package/icons/report-off/index.d.ts +11 -0
- package/icons/report-off/index.js +4 -0
- package/icons/report-outline/index.d.ts +11 -0
- package/icons/report-outline/index.js +4 -0
- package/icons/save/index.d.ts +11 -0
- package/icons/save/index.js +4 -0
- package/icons/save-alt/index.d.ts +11 -0
- package/icons/save-alt/index.js +4 -0
- package/icons/scatter-plot/index.d.ts +11 -0
- package/icons/scatter-plot/index.js +4 -0
- package/icons/score/index.d.ts +11 -0
- package/icons/score/index.js +4 -0
- package/icons/select-all/index.d.ts +11 -0
- package/icons/select-all/index.js +4 -0
- package/icons/short-text/index.d.ts +11 -0
- package/icons/short-text/index.js +4 -0
- package/icons/show-chart/index.d.ts +11 -0
- package/icons/show-chart/index.js +4 -0
- package/icons/smart-toy/index.d.ts +11 -0
- package/icons/smart-toy/index.js +4 -0
- package/icons/sort/index.d.ts +11 -0
- package/icons/sort/index.js +4 -0
- package/icons/space-bar/index.d.ts +11 -0
- package/icons/space-bar/index.js +4 -0
- package/icons/square-foot/index.d.ts +11 -0
- package/icons/square-foot/index.js +4 -0
- package/icons/stacked-line-chart/index.d.ts +11 -0
- package/icons/stacked-line-chart/index.js +4 -0
- package/icons/strikethrough-s/index.d.ts +11 -0
- package/icons/strikethrough-s/index.js +4 -0
- package/icons/subscript/index.d.ts +11 -0
- package/icons/subscript/index.js +4 -0
- package/icons/superscript/index.d.ts +11 -0
- package/icons/superscript/index.js +4 -0
- package/icons/table-chart/index.d.ts +11 -0
- package/icons/table-chart/index.js +4 -0
- package/icons/table-rows/index.d.ts +11 -0
- package/icons/table-rows/index.js +4 -0
- package/icons/text-fields/index.d.ts +11 -0
- package/icons/text-fields/index.js +4 -0
- package/icons/text-format/index.d.ts +11 -0
- package/icons/text-format/index.js +4 -0
- package/icons/title/index.d.ts +11 -0
- package/icons/title/index.js +4 -0
- package/icons/unarchive/index.d.ts +11 -0
- package/icons/unarchive/index.js +4 -0
- package/icons/vertical-align-bottom/index.d.ts +11 -0
- package/icons/vertical-align-bottom/index.js +4 -0
- package/icons/vertical-align-center/index.d.ts +11 -0
- package/icons/vertical-align-center/index.js +4 -0
- package/icons/vertical-align-top/index.d.ts +11 -0
- package/icons/vertical-align-top/index.js +4 -0
- package/icons/waves/index.d.ts +11 -0
- package/icons/waves/index.js +4 -0
- package/icons/weekend/index.d.ts +11 -0
- package/icons/weekend/index.js +4 -0
- package/icons/where-to-vote/index.d.ts +11 -0
- package/icons/where-to-vote/index.js +4 -0
- package/icons/wrap-text/index.d.ts +11 -0
- package/icons/wrap-text/index.js +4 -0
- package/index.d.ts +136 -0
- package/index.js +137 -1
- package/package.json +1 -1
- package/popover/index.js +1 -1
- package/search/index.js +44 -46
- package/search-option/index.d.ts +1 -1
- package/search-option/index.js +4 -4
- package/segment/index.d.ts +2 -1
- package/segment/index.js +16 -3
- package/segment-collapse/index.d.ts +1 -0
- package/segment-collapse/index.js +19 -3
- package/segmented-control/index.d.ts +5 -5
- package/segmented-control-option/index.js +1 -1
- package/segmented-icon-control/index.d.ts +22 -0
- package/segmented-icon-control/index.js +126 -0
- package/segmented-icon-control-option/index.d.ts +27 -0
- package/segmented-icon-control-option/index.js +103 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-text-fields': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-text-fields': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-text-fields', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-text-format': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-text-format': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-text-format', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-title': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-title': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-title', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-unarchive': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-unarchive': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-unarchive', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-vertical-align-bottom': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-vertical-align-bottom': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-vertical-align-bottom', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-vertical-align-center': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-vertical-align-center': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-vertical-align-center', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-vertical-align-top': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-vertical-align-top': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-vertical-align-top', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-waves': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-waves': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-waves', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-weekend': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-weekend': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-weekend', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-where-to-vote': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-where-to-vote': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-where-to-vote', createIconClass(templateHTML));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TSinchIconElement, TSinchIconReact } from '../types';
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
'sinch-icon-wrap-text': TSinchIconReact;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'sinch-icon-wrap-text': TSinchIconElement;
|
|
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 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>';
|
|
4
|
+
defineCustomElement('sinch-icon-wrap-text', createIconClass(templateHTML));
|
package/index.d.ts
CHANGED
|
@@ -120,6 +120,7 @@ import './icons/warning-amber';
|
|
|
120
120
|
import './icons/send';
|
|
121
121
|
import './icons/undo';
|
|
122
122
|
import './icons/mark-chat-unread';
|
|
123
|
+
import './icons/smart-toy';
|
|
123
124
|
import './icons/switch-right';
|
|
124
125
|
import './icons/switch-left';
|
|
125
126
|
import './icons/volume-up';
|
|
@@ -143,6 +144,140 @@ import './icons/history';
|
|
|
143
144
|
import './icons/forum';
|
|
144
145
|
import './icons/chat-bubble-outline';
|
|
145
146
|
import './icons/star';
|
|
147
|
+
import './icons/wrap-text';
|
|
148
|
+
import './icons/vertical-align-top';
|
|
149
|
+
import './icons/vertical-align-center';
|
|
150
|
+
import './icons/vertical-align-bottom';
|
|
151
|
+
import './icons/title';
|
|
152
|
+
import './icons/text-fields';
|
|
153
|
+
import './icons/table-rows';
|
|
154
|
+
import './icons/table-chart';
|
|
155
|
+
import './icons/superscript';
|
|
156
|
+
import './icons/subscript';
|
|
157
|
+
import './icons/strikethrough-s';
|
|
158
|
+
import './icons/stacked-line-chart';
|
|
159
|
+
import './icons/space-bar';
|
|
160
|
+
import './icons/show-chart';
|
|
161
|
+
import './icons/short-text';
|
|
162
|
+
import './icons/score';
|
|
163
|
+
import './icons/scatter-plot';
|
|
164
|
+
import './icons/publish';
|
|
165
|
+
import './icons/post-add';
|
|
166
|
+
import './icons/pie-chart-outline';
|
|
167
|
+
import './icons/pie-chart';
|
|
168
|
+
import './icons/multiline-chart';
|
|
169
|
+
import './icons/money-off-csred';
|
|
170
|
+
import './icons/money-off';
|
|
171
|
+
import './icons/monetization-on';
|
|
172
|
+
import './icons/mode-comment';
|
|
173
|
+
import './icons/mode';
|
|
174
|
+
import './icons/merge-type';
|
|
175
|
+
import './icons/linear-scale';
|
|
176
|
+
import './icons/insert-photo';
|
|
177
|
+
import './icons/insert-link';
|
|
178
|
+
import './icons/insert-invitation';
|
|
179
|
+
import './icons/insert-drive-file';
|
|
180
|
+
import './icons/insert-comment';
|
|
181
|
+
import './icons/insert-chart-outlined';
|
|
182
|
+
import './icons/insert-chart';
|
|
183
|
+
import './icons/horizontal-rule';
|
|
184
|
+
import './icons/highlight';
|
|
185
|
+
import './icons/height';
|
|
186
|
+
import './icons/functions';
|
|
187
|
+
import './icons/format-underlined';
|
|
188
|
+
import './icons/format-textdirection-r-to-l';
|
|
189
|
+
import './icons/format-textdirection-l-to-r';
|
|
190
|
+
import './icons/format-strikethrough';
|
|
191
|
+
import './icons/format-size';
|
|
192
|
+
import './icons/format-shapes';
|
|
193
|
+
import './icons/format-quote';
|
|
194
|
+
import './icons/format-paint';
|
|
195
|
+
import './icons/format-list-numbered-rtl';
|
|
196
|
+
import './icons/format-list-numbered';
|
|
197
|
+
import './icons/format-list-bulleted';
|
|
198
|
+
import './icons/format-line-spacing';
|
|
199
|
+
import './icons/format-italic';
|
|
200
|
+
import './icons/format-indent-increase';
|
|
201
|
+
import './icons/format-indent-decrease';
|
|
202
|
+
import './icons/format-color-reset';
|
|
203
|
+
import './icons/format-clear';
|
|
204
|
+
import './icons/format-bold';
|
|
205
|
+
import './icons/format-align-right';
|
|
206
|
+
import './icons/format-align-left';
|
|
207
|
+
import './icons/format-align-justify';
|
|
208
|
+
import './icons/format-align-center';
|
|
209
|
+
import './icons/drag-handle';
|
|
210
|
+
import './icons/bubble-chart';
|
|
211
|
+
import './icons/border-vertical';
|
|
212
|
+
import './icons/border-top';
|
|
213
|
+
import './icons/border-style';
|
|
214
|
+
import './icons/border-right';
|
|
215
|
+
import './icons/border-outer';
|
|
216
|
+
import './icons/border-left';
|
|
217
|
+
import './icons/border-inner';
|
|
218
|
+
import './icons/border-horizontal';
|
|
219
|
+
import './icons/border-clear';
|
|
220
|
+
import './icons/border-bottom';
|
|
221
|
+
import './icons/border-all';
|
|
222
|
+
import './icons/bar-chart';
|
|
223
|
+
import './icons/attach-money';
|
|
224
|
+
import './icons/attach-file';
|
|
225
|
+
import './icons/where-to-vote';
|
|
226
|
+
import './icons/weekend';
|
|
227
|
+
import './icons/waves';
|
|
228
|
+
import './icons/unarchive';
|
|
229
|
+
import './icons/text-format';
|
|
230
|
+
import './icons/square-foot';
|
|
231
|
+
import './icons/sort';
|
|
232
|
+
import './icons/select-all';
|
|
233
|
+
import './icons/save-alt';
|
|
234
|
+
import './icons/save';
|
|
235
|
+
import './icons/report-off';
|
|
236
|
+
import './icons/report-outline';
|
|
237
|
+
import './icons/report';
|
|
238
|
+
import './icons/reply-all';
|
|
239
|
+
import './icons/remove-circle-outline';
|
|
240
|
+
import './icons/remove-circle';
|
|
241
|
+
import './icons/remove';
|
|
242
|
+
import './icons/redo';
|
|
243
|
+
import './icons/push-pin';
|
|
244
|
+
import './icons/policy';
|
|
245
|
+
import './icons/outlined-flag';
|
|
246
|
+
import './icons/next-week';
|
|
247
|
+
import './icons/move-to-inbox';
|
|
248
|
+
import './icons/markunread';
|
|
249
|
+
import './icons/mail';
|
|
250
|
+
import './icons/low-priority';
|
|
251
|
+
import './icons/link-off';
|
|
252
|
+
import './icons/link';
|
|
253
|
+
import './icons/insights';
|
|
254
|
+
import './icons/inbox';
|
|
255
|
+
import './icons/how-to-vote';
|
|
256
|
+
import './icons/how-to-reg';
|
|
257
|
+
import './icons/gesture';
|
|
258
|
+
import './icons/forward';
|
|
259
|
+
import './icons/font-download';
|
|
260
|
+
import './icons/flag';
|
|
261
|
+
import './icons/file-copy';
|
|
262
|
+
import './icons/dynamic-feed';
|
|
263
|
+
import './icons/drafts';
|
|
264
|
+
import './icons/delete-sweep';
|
|
265
|
+
import './icons/content-paste';
|
|
266
|
+
import './icons/content-cut';
|
|
267
|
+
import './icons/content-copy';
|
|
268
|
+
import './icons/clear';
|
|
269
|
+
import './icons/calculate';
|
|
270
|
+
import './icons/block';
|
|
271
|
+
import './icons/biotech';
|
|
272
|
+
import './icons/ballot';
|
|
273
|
+
import './icons/backspace';
|
|
274
|
+
import './icons/attribution';
|
|
275
|
+
import './icons/archive';
|
|
276
|
+
import './icons/amp-stories';
|
|
277
|
+
import './icons/add-circle-outline';
|
|
278
|
+
import './icons/add-circle';
|
|
279
|
+
import './icons/add-box';
|
|
280
|
+
import './icons/add';
|
|
146
281
|
import './illustration/phone-and-cat';
|
|
147
282
|
import './pagination';
|
|
148
283
|
import './table';
|
|
@@ -194,3 +329,4 @@ import './chat';
|
|
|
194
329
|
import './title';
|
|
195
330
|
import './popover';
|
|
196
331
|
import './segmented-control';
|
|
332
|
+
import './segmented-icon-control';
|
package/index.js
CHANGED
|
@@ -120,6 +120,7 @@ import './icons/warning-amber';
|
|
|
120
120
|
import './icons/send';
|
|
121
121
|
import './icons/undo';
|
|
122
122
|
import './icons/mark-chat-unread';
|
|
123
|
+
import './icons/smart-toy';
|
|
123
124
|
import './icons/switch-right';
|
|
124
125
|
import './icons/switch-left';
|
|
125
126
|
import './icons/volume-up';
|
|
@@ -143,6 +144,140 @@ import './icons/history';
|
|
|
143
144
|
import './icons/forum';
|
|
144
145
|
import './icons/chat-bubble-outline';
|
|
145
146
|
import './icons/star';
|
|
147
|
+
import './icons/wrap-text';
|
|
148
|
+
import './icons/vertical-align-top';
|
|
149
|
+
import './icons/vertical-align-center';
|
|
150
|
+
import './icons/vertical-align-bottom';
|
|
151
|
+
import './icons/title';
|
|
152
|
+
import './icons/text-fields';
|
|
153
|
+
import './icons/table-rows';
|
|
154
|
+
import './icons/table-chart';
|
|
155
|
+
import './icons/superscript';
|
|
156
|
+
import './icons/subscript';
|
|
157
|
+
import './icons/strikethrough-s';
|
|
158
|
+
import './icons/stacked-line-chart';
|
|
159
|
+
import './icons/space-bar';
|
|
160
|
+
import './icons/show-chart';
|
|
161
|
+
import './icons/short-text';
|
|
162
|
+
import './icons/score';
|
|
163
|
+
import './icons/scatter-plot';
|
|
164
|
+
import './icons/publish';
|
|
165
|
+
import './icons/post-add';
|
|
166
|
+
import './icons/pie-chart-outline';
|
|
167
|
+
import './icons/pie-chart';
|
|
168
|
+
import './icons/multiline-chart';
|
|
169
|
+
import './icons/money-off-csred';
|
|
170
|
+
import './icons/money-off';
|
|
171
|
+
import './icons/monetization-on';
|
|
172
|
+
import './icons/mode-comment';
|
|
173
|
+
import './icons/mode';
|
|
174
|
+
import './icons/merge-type';
|
|
175
|
+
import './icons/linear-scale';
|
|
176
|
+
import './icons/insert-photo';
|
|
177
|
+
import './icons/insert-link';
|
|
178
|
+
import './icons/insert-invitation';
|
|
179
|
+
import './icons/insert-drive-file';
|
|
180
|
+
import './icons/insert-comment';
|
|
181
|
+
import './icons/insert-chart-outlined';
|
|
182
|
+
import './icons/insert-chart';
|
|
183
|
+
import './icons/horizontal-rule';
|
|
184
|
+
import './icons/highlight';
|
|
185
|
+
import './icons/height';
|
|
186
|
+
import './icons/functions';
|
|
187
|
+
import './icons/format-underlined';
|
|
188
|
+
import './icons/format-textdirection-r-to-l';
|
|
189
|
+
import './icons/format-textdirection-l-to-r';
|
|
190
|
+
import './icons/format-strikethrough';
|
|
191
|
+
import './icons/format-size';
|
|
192
|
+
import './icons/format-shapes';
|
|
193
|
+
import './icons/format-quote';
|
|
194
|
+
import './icons/format-paint';
|
|
195
|
+
import './icons/format-list-numbered-rtl';
|
|
196
|
+
import './icons/format-list-numbered';
|
|
197
|
+
import './icons/format-list-bulleted';
|
|
198
|
+
import './icons/format-line-spacing';
|
|
199
|
+
import './icons/format-italic';
|
|
200
|
+
import './icons/format-indent-increase';
|
|
201
|
+
import './icons/format-indent-decrease';
|
|
202
|
+
import './icons/format-color-reset';
|
|
203
|
+
import './icons/format-clear';
|
|
204
|
+
import './icons/format-bold';
|
|
205
|
+
import './icons/format-align-right';
|
|
206
|
+
import './icons/format-align-left';
|
|
207
|
+
import './icons/format-align-justify';
|
|
208
|
+
import './icons/format-align-center';
|
|
209
|
+
import './icons/drag-handle';
|
|
210
|
+
import './icons/bubble-chart';
|
|
211
|
+
import './icons/border-vertical';
|
|
212
|
+
import './icons/border-top';
|
|
213
|
+
import './icons/border-style';
|
|
214
|
+
import './icons/border-right';
|
|
215
|
+
import './icons/border-outer';
|
|
216
|
+
import './icons/border-left';
|
|
217
|
+
import './icons/border-inner';
|
|
218
|
+
import './icons/border-horizontal';
|
|
219
|
+
import './icons/border-clear';
|
|
220
|
+
import './icons/border-bottom';
|
|
221
|
+
import './icons/border-all';
|
|
222
|
+
import './icons/bar-chart';
|
|
223
|
+
import './icons/attach-money';
|
|
224
|
+
import './icons/attach-file';
|
|
225
|
+
import './icons/where-to-vote';
|
|
226
|
+
import './icons/weekend';
|
|
227
|
+
import './icons/waves';
|
|
228
|
+
import './icons/unarchive';
|
|
229
|
+
import './icons/text-format';
|
|
230
|
+
import './icons/square-foot';
|
|
231
|
+
import './icons/sort';
|
|
232
|
+
import './icons/select-all';
|
|
233
|
+
import './icons/save-alt';
|
|
234
|
+
import './icons/save';
|
|
235
|
+
import './icons/report-off';
|
|
236
|
+
import './icons/report-outline';
|
|
237
|
+
import './icons/report';
|
|
238
|
+
import './icons/reply-all';
|
|
239
|
+
import './icons/remove-circle-outline';
|
|
240
|
+
import './icons/remove-circle';
|
|
241
|
+
import './icons/remove';
|
|
242
|
+
import './icons/redo';
|
|
243
|
+
import './icons/push-pin';
|
|
244
|
+
import './icons/policy';
|
|
245
|
+
import './icons/outlined-flag';
|
|
246
|
+
import './icons/next-week';
|
|
247
|
+
import './icons/move-to-inbox';
|
|
248
|
+
import './icons/markunread';
|
|
249
|
+
import './icons/mail';
|
|
250
|
+
import './icons/low-priority';
|
|
251
|
+
import './icons/link-off';
|
|
252
|
+
import './icons/link';
|
|
253
|
+
import './icons/insights';
|
|
254
|
+
import './icons/inbox';
|
|
255
|
+
import './icons/how-to-vote';
|
|
256
|
+
import './icons/how-to-reg';
|
|
257
|
+
import './icons/gesture';
|
|
258
|
+
import './icons/forward';
|
|
259
|
+
import './icons/font-download';
|
|
260
|
+
import './icons/flag';
|
|
261
|
+
import './icons/file-copy';
|
|
262
|
+
import './icons/dynamic-feed';
|
|
263
|
+
import './icons/drafts';
|
|
264
|
+
import './icons/delete-sweep';
|
|
265
|
+
import './icons/content-paste';
|
|
266
|
+
import './icons/content-cut';
|
|
267
|
+
import './icons/content-copy';
|
|
268
|
+
import './icons/clear';
|
|
269
|
+
import './icons/calculate';
|
|
270
|
+
import './icons/block';
|
|
271
|
+
import './icons/biotech';
|
|
272
|
+
import './icons/ballot';
|
|
273
|
+
import './icons/backspace';
|
|
274
|
+
import './icons/attribution';
|
|
275
|
+
import './icons/archive';
|
|
276
|
+
import './icons/amp-stories';
|
|
277
|
+
import './icons/add-circle-outline';
|
|
278
|
+
import './icons/add-circle';
|
|
279
|
+
import './icons/add-box';
|
|
280
|
+
import './icons/add';
|
|
146
281
|
import './illustration/phone-and-cat';
|
|
147
282
|
import './pagination';
|
|
148
283
|
import './table';
|
|
@@ -193,4 +328,5 @@ import './chat-block';
|
|
|
193
328
|
import './chat';
|
|
194
329
|
import './title';
|
|
195
330
|
import './popover';
|
|
196
|
-
import './segmented-control';
|
|
331
|
+
import './segmented-control';
|
|
332
|
+
import './segmented-icon-control';
|
package/package.json
CHANGED
package/popover/index.js
CHANGED
|
@@ -13,7 +13,7 @@ function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(
|
|
|
13
13
|
|
|
14
14
|
import dialogPolyfill from 'dialog-polyfill';
|
|
15
15
|
import { defineCustomElement, getBooleanAttribute, getLiteralAttribute, getRect, isAttrTrue, updateLiteralAttribute, getReactEventHandler, updateBooleanAttribute, NectaryElement } from '../utils';
|
|
16
|
-
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:
|
|
16
|
+
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>';
|
|
17
17
|
const orientationValues = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
|
|
18
18
|
const template = document.createElement('template');
|
|
19
19
|
template.innerHTML = templateHTML;
|