@nectary/components 1.4.0 → 2.1.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.
Files changed (209) hide show
  1. package/accordion/index.js +0 -3
  2. package/accordion/types.d.ts +0 -3
  3. package/accordion-item/index.d.ts +2 -0
  4. package/accordion-item/index.js +33 -34
  5. package/action-menu/index.js +5 -1
  6. package/action-menu-option/index.js +2 -2
  7. package/alert/index.js +4 -21
  8. package/alert/utils.d.ts +0 -3
  9. package/alert/utils.js +1 -6
  10. package/avatar/index.js +5 -21
  11. package/avatar/utils.d.ts +0 -4
  12. package/avatar/utils.js +2 -15
  13. package/badge/index.js +36 -68
  14. package/badge/types.d.ts +0 -4
  15. package/badge/utils.d.ts +0 -6
  16. package/badge/utils.js +1 -17
  17. package/button/index.js +25 -27
  18. package/button/types.d.ts +2 -2
  19. package/button/utils.d.ts +0 -3
  20. package/button/utils.js +1 -9
  21. package/card/index.js +5 -16
  22. package/card/types.d.ts +0 -6
  23. package/card-container/index.js +1 -1
  24. package/chat-block/index.js +1 -1
  25. package/chat-bubble/index.d.ts +0 -1
  26. package/chat-bubble/index.js +3 -25
  27. package/checkbox/index.js +32 -33
  28. package/checkbox/types.d.ts +0 -3
  29. package/chip/index.js +54 -44
  30. package/chip/utils.d.ts +0 -1
  31. package/chip/utils.js +2 -7
  32. package/code-tag/index.js +1 -1
  33. package/color-menu/index.d.ts +0 -3
  34. package/color-menu/index.js +55 -101
  35. package/color-menu/types.d.ts +0 -4
  36. package/color-menu-option/index.d.ts +14 -0
  37. package/color-menu-option/index.js +52 -0
  38. package/color-menu-option/types.d.ts +9 -0
  39. package/color-menu-option/utils.d.ts +1 -0
  40. package/color-menu-option/utils.js +11 -0
  41. package/color-swatch/index.js +2 -5
  42. package/color-swatch/utils.d.ts +0 -1
  43. package/color-swatch/utils.js +2 -7
  44. package/date-picker/index.js +3 -40
  45. package/date-picker/types.d.ts +0 -3
  46. package/date-picker/utils.d.ts +0 -8
  47. package/date-picker/utils.js +0 -20
  48. package/dialog/index.js +2 -6
  49. package/dialog/types.d.ts +0 -2
  50. package/emoji/index.js +1 -1
  51. package/emoji-picker/index.d.ts +1 -0
  52. package/emoji-picker/index.js +36 -34
  53. package/field/index.js +39 -32
  54. package/file-drop/index.js +1 -1
  55. package/file-status/index.js +4 -25
  56. package/file-status/utils.d.ts +0 -3
  57. package/file-status/utils.js +1 -6
  58. package/flag/index.js +1 -1
  59. package/grid/index.js +1 -1
  60. package/help-tooltip/index.d.ts +0 -1
  61. package/help-tooltip/index.js +3 -13
  62. package/horizontal-stepper/index.js +1 -1
  63. package/horizontal-stepper-item/index.d.ts +2 -0
  64. package/horizontal-stepper-item/index.js +8 -12
  65. package/icon/index.js +1 -1
  66. package/icon-button/index.js +23 -27
  67. package/icon-button/utils.d.ts +0 -3
  68. package/icon-button/utils.js +1 -9
  69. package/inline-alert/index.js +20 -37
  70. package/inline-alert/utils.d.ts +0 -3
  71. package/inline-alert/utils.js +1 -6
  72. package/input/index.d.ts +0 -3
  73. package/input/index.js +22 -58
  74. package/input/types.d.ts +1 -5
  75. package/input/utils.d.ts +0 -3
  76. package/input/utils.js +1 -6
  77. package/link/index.js +35 -37
  78. package/list-item/index.js +1 -1
  79. package/package.json +11 -11
  80. package/pagination/index.js +8 -21
  81. package/pagination/types.d.ts +0 -3
  82. package/pop/index.js +39 -38
  83. package/pop/utils.d.ts +0 -3
  84. package/pop/utils.js +0 -5
  85. package/popover/index.js +42 -51
  86. package/popover/utils.d.ts +0 -3
  87. package/popover/utils.js +0 -5
  88. package/progress/index.js +20 -15
  89. package/radio/index.js +19 -6
  90. package/radio/types.d.ts +3 -3
  91. package/radio-option/index.js +35 -27
  92. package/rich-text/index.js +3 -10
  93. package/rich-text/utils.d.ts +0 -3
  94. package/rich-text/utils.js +1 -6
  95. package/segment/index.js +3 -7
  96. package/segment-collapse/index.js +2 -11
  97. package/segment-collapse/types.d.ts +0 -3
  98. package/segmented-control/index.js +0 -3
  99. package/segmented-control/types.d.ts +0 -3
  100. package/segmented-control-option/index.js +20 -19
  101. package/segmented-icon-control/index.js +1 -4
  102. package/segmented-icon-control/types.d.ts +0 -3
  103. package/segmented-icon-control-option/index.js +18 -14
  104. package/select-button/index.js +29 -31
  105. package/select-menu/index.js +18 -8
  106. package/select-menu-option/index.js +2 -5
  107. package/skeleton/index.js +1 -1
  108. package/skeleton-item/index.js +1 -1
  109. package/spinner/index.js +3 -10
  110. package/table/index.js +1 -1
  111. package/table-body/index.js +1 -1
  112. package/table-cell/index.js +1 -1
  113. package/table-head-cell/index.d.ts +1 -0
  114. package/table-head-cell/index.js +12 -3
  115. package/table-row/index.js +18 -2
  116. package/tabs/index.js +1 -4
  117. package/tabs/types.d.ts +0 -3
  118. package/tabs-icon-option/index.js +4 -2
  119. package/tabs-option/index.js +25 -20
  120. package/tag/index.js +17 -12
  121. package/tag/utils.d.ts +0 -1
  122. package/tag/utils.js +2 -7
  123. package/text/index.js +24 -21
  124. package/text/utils.d.ts +0 -3
  125. package/text/utils.js +1 -6
  126. package/textarea/index.js +10 -6
  127. package/textarea/types.d.ts +0 -3
  128. package/tile-control/index.js +23 -25
  129. package/tile-control/types.d.ts +0 -3
  130. package/tile-control-option/index.js +1 -1
  131. package/time-picker/index.js +2 -11
  132. package/time-picker/types.d.ts +0 -3
  133. package/time-picker/utils.d.ts +1 -1
  134. package/time-picker/utils.js +17 -5
  135. package/title/index.js +28 -30
  136. package/title/utils.d.ts +0 -7
  137. package/title/utils.js +1 -29
  138. package/toast/index.js +22 -39
  139. package/toast/utils.d.ts +0 -3
  140. package/toast/utils.js +1 -6
  141. package/toggle/index.js +33 -30
  142. package/toggle/types.d.ts +0 -3
  143. package/tooltip/index.js +3 -15
  144. package/tooltip/types.d.ts +0 -12
  145. package/tooltip/utils.d.ts +0 -5
  146. package/tooltip/utils.js +0 -10
  147. package/utils/dom.js +0 -5
  148. package/utils/element.js +2 -2
  149. package/utils/size.d.ts +0 -5
  150. package/utils/size.js +1 -17
  151. package/vertical-stepper/index.js +1 -1
  152. package/vertical-stepper-item/index.d.ts +2 -0
  153. package/vertical-stepper-item/index.js +8 -12
  154. package/logo/create-logo-class.d.ts +0 -1
  155. package/logo/create-logo-class.js +0 -52
  156. package/logo/engage-icon/index.d.ts +0 -11
  157. package/logo/engage-icon/index.js +0 -4
  158. package/logo/engage-icon-wordmark/index.d.ts +0 -11
  159. package/logo/engage-icon-wordmark/index.js +0 -4
  160. package/logo/sinch-icon/index.d.ts +0 -11
  161. package/logo/sinch-icon/index.js +0 -4
  162. package/logo/sinch-icon-wordmark/index.d.ts +0 -11
  163. package/logo/sinch-icon-wordmark/index.js +0 -4
  164. package/logo/types.d.ts +0 -11
  165. package/theme/accordion-item.css +0 -4
  166. package/theme/alert.css +0 -6
  167. package/theme/avatar.css +0 -25
  168. package/theme/badge.css +0 -15
  169. package/theme/button.css +0 -146
  170. package/theme/chat.css +0 -9
  171. package/theme/chip.css +0 -68
  172. package/theme/color-menu.css +0 -4
  173. package/theme/color-swatch.css +0 -71
  174. package/theme/colors.d.ts +0 -4
  175. package/theme/colors.js +0 -4
  176. package/theme/contextual.css +0 -40
  177. package/theme/date-picker.css +0 -7
  178. package/theme/dialog.css +0 -4
  179. package/theme/elevation.css +0 -7
  180. package/theme/emoji-picker.css +0 -13
  181. package/theme/emoji.css +0 -5
  182. package/theme/file-status.css +0 -7
  183. package/theme/flag.css +0 -4
  184. package/theme/fonts.css +0 -86
  185. package/theme/fonts.json +0 -89
  186. package/theme/help-tooltip.css +0 -5
  187. package/theme/horizontal-stepper.css +0 -5
  188. package/theme/icon-button.css +0 -68
  189. package/theme/icon.css +0 -7
  190. package/theme/index.css +0 -4
  191. package/theme/index.d.ts +0 -39
  192. package/theme/index.js +0 -39
  193. package/theme/inline-alert.css +0 -7
  194. package/theme/input.css +0 -10
  195. package/theme/link.css +0 -5
  196. package/theme/pagination.css +0 -5
  197. package/theme/palette.css +0 -90
  198. package/theme/segment.css +0 -4
  199. package/theme/select-button.css +0 -10
  200. package/theme/select-menu.css +0 -6
  201. package/theme/shapes.css +0 -8
  202. package/theme/size.css +0 -9
  203. package/theme/spinner.css +0 -7
  204. package/theme/tag.css +0 -67
  205. package/theme/time-picker.css +0 -4
  206. package/theme/toast.css +0 -7
  207. package/theme/typography.css +0 -16
  208. package/theme/vertical-stepper.css +0 -5
  209. /package/{logo → color-menu-option}/types.js +0 -0
package/theme/segment.css DELETED
@@ -1,4 +0,0 @@
1
- :root,
2
- :host {
3
- --sinch-segment-icon-dropdown: keyboard_arrow_down;
4
- }
package/theme/select-button.css DELETED
@@ -1,10 +0,0 @@
1
- :root,
2
- :host {
3
- /* Icon Size */
4
- --sinch-select-button-icon-size-l: 24px;
5
- --sinch-select-button-icon-size-m: 24px;
6
- --sinch-select-button-icon-size-s: 24px;
7
-
8
- /* Icon name */
9
- --sinch-select-button-icon-dropdown: keyboard_arrow_down;
10
- }
package/theme/select-menu.css DELETED
@@ -1,6 +0,0 @@
1
- :root,
2
- :host {
3
- /* Icon name */
4
- --sinch-select-menu-icon-search: search;
5
- --sinch-select-menu-icon-check: check;
6
- }
package/theme/shapes.css DELETED
@@ -1,8 +0,0 @@
1
- :root,
2
- :host {
3
- --sinch-shape-radius-xs: 2px;
4
- --sinch-shape-radius-s: 6px;
5
- --sinch-shape-radius-m: 10px;
6
- --sinch-shape-radius-l: 14px;
7
- --sinch-shape-radius: var(--sinch-shape-radius-m);
8
- }
package/theme/size.css DELETED
@@ -1,9 +0,0 @@
1
- :root,
2
- :host {
3
- /* --sinch-sizes: "l-m-s-xs"; */
4
- --sinch-size-l: 48px;
5
- --sinch-size-m: 40px;
6
- --sinch-size-s: 32px;
7
- --sinch-size-xs: 24px;
8
- --sinch-size: var(--sinch-size-m);
9
- }
package/theme/spinner.css DELETED
@@ -1,7 +0,0 @@
1
- :root,
2
- :host {
3
- /* Size */
4
- --sinch-spinner-size-l: 48px;
5
- --sinch-spinner-size-m: 24px;
6
- --sinch-spinner-size-s: 16px;
7
- }
package/theme/tag.css DELETED
@@ -1,67 +0,0 @@
1
- :root,
2
- :host {
3
- --sinch-tag-color-default-bg: var(--sinch-color-snow-500);
4
- --sinch-tag-color-default-fg: var(--sinch-color-stormy-500);
5
- --sinch-tag-color-light-blue-bg: var(--sinch-color-night-200);
6
- --sinch-tag-color-light-blue-fg: var(--sinch-color-night-700);
7
- --sinch-tag-color-light-brown-bg: var(--sinch-color-mud-200);
8
- --sinch-tag-color-light-brown-fg: var(--sinch-color-mud-700);
9
- --sinch-tag-color-light-gray-bg: var(--sinch-color-dirt-200);
10
- --sinch-tag-color-light-gray-fg: var(--sinch-color-dirt-700);
11
- --sinch-tag-color-light-green-bg: var(--sinch-color-grass-200);
12
- --sinch-tag-color-light-green-fg: var(--sinch-color-grass-700);
13
- --sinch-tag-color-light-orange-bg: var(--sinch-color-orange-200);
14
- --sinch-tag-color-light-orange-fg: var(--sinch-color-orange-700);
15
- --sinch-tag-color-light-pink-bg: var(--sinch-color-candy-200);
16
- --sinch-tag-color-light-pink-fg: var(--sinch-color-candy-700);
17
- --sinch-tag-color-light-violet-bg: var(--sinch-color-violet-200);
18
- --sinch-tag-color-light-violet-fg: var(--sinch-color-violet-700);
19
- --sinch-tag-color-light-yellow-bg: var(--sinch-color-bolt-200);
20
- --sinch-tag-color-light-yellow-fg: var(--sinch-color-bolt-700);
21
- --sinch-tag-color-light-red-bg: var(--sinch-color-jasper-200);
22
- --sinch-tag-color-light-red-fg: var(--sinch-color-jasper-700);
23
- --sinch-tag-color-dark-blue-bg: var(--sinch-color-night-700);
24
- --sinch-tag-color-dark-blue-fg: var(--sinch-color-night-200);
25
- --sinch-tag-color-dark-brown-bg: var(--sinch-color-mud-700);
26
- --sinch-tag-color-dark-brown-fg: var(--sinch-color-mud-200);
27
- --sinch-tag-color-dark-gray-bg: var(--sinch-color-dirt-700);
28
- --sinch-tag-color-dark-gray-fg: var(--sinch-color-dirt-200);
29
- --sinch-tag-color-dark-green-bg: var(--sinch-color-grass-700);
30
- --sinch-tag-color-dark-green-fg: var(--sinch-color-grass-200);
31
- --sinch-tag-color-dark-orange-bg: var(--sinch-color-orange-700);
32
- --sinch-tag-color-dark-orange-fg: var(--sinch-color-orange-200);
33
- --sinch-tag-color-dark-pink-bg: var(--sinch-color-candy-700);
34
- --sinch-tag-color-dark-pink-fg: var(--sinch-color-candy-200);
35
- --sinch-tag-color-dark-violet-bg: var(--sinch-color-violet-700);
36
- --sinch-tag-color-dark-violet-fg: var(--sinch-color-violet-200);
37
- --sinch-tag-color-dark-yellow-bg: var(--sinch-color-bolt-700);
38
- --sinch-tag-color-dark-yellow-fg: var(--sinch-color-bolt-200);
39
- --sinch-tag-color-dark-red-bg: var(--sinch-color-jasper-700);
40
- --sinch-tag-color-dark-red-fg: var(--sinch-color-jasper-200);
41
- --sinch-tag-color-blue-bg: var(--sinch-color-night-400);
42
- --sinch-tag-color-blue-fg: var(--sinch-color-snow-100);
43
- --sinch-tag-color-brown-bg: var(--sinch-color-mud-400);
44
- --sinch-tag-color-brown-fg: var(--sinch-color-snow-100);
45
- --sinch-tag-color-gray-bg: var(--sinch-color-dirt-400);
46
- --sinch-tag-color-gray-fg: var(--sinch-color-snow-100);
47
- --sinch-tag-color-green-bg: var(--sinch-color-grass-400);
48
- --sinch-tag-color-green-fg: var(--sinch-color-stormy-500);
49
- --sinch-tag-color-orange-bg: var(--sinch-color-orange-400);
50
- --sinch-tag-color-orange-fg: var(--sinch-color-stormy-500);
51
- --sinch-tag-color-pink-bg: var(--sinch-color-candy-400);
52
- --sinch-tag-color-pink-fg: var(--sinch-color-stormy-500);
53
- --sinch-tag-color-violet-bg: var(--sinch-color-violet-400);
54
- --sinch-tag-color-violet-fg: var(--sinch-color-stormy-500);
55
- --sinch-tag-color-yellow-bg: var(--sinch-color-bolt-400);
56
- --sinch-tag-color-yellow-fg: var(--sinch-color-stormy-500);
57
- --sinch-tag-color-red-bg: var(--sinch-color-jasper-400);
58
- --sinch-tag-color-red-fg: var(--sinch-color-stormy-500);
59
- --sinch-tag-color-celtic-bg: var(--sinch-color-feedback-info-bg);
60
- --sinch-tag-color-celtic-fg: var(--sinch-color-feedback-info-contrast);
61
- --sinch-tag-color-olive-bg: var(--sinch-color-feedback-success-bg);
62
- --sinch-tag-color-olive-fg: var(--sinch-color-feedback-success-contrast);
63
- --sinch-tag-color-pumpkin-bg: var(--sinch-color-feedback-warning-bg);
64
- --sinch-tag-color-pumpkin-fg: var(--sinch-color-feedback-warning-contrast);
65
- --sinch-tag-color-jasper-bg: var(--sinch-color-feedback-invalid-bg);
66
- --sinch-tag-color-jasper-fg: var(--sinch-color-feedback-invalid-contrast);
67
- }
package/theme/time-picker.css DELETED
@@ -1,4 +0,0 @@
1
- :root,
2
- :host {
3
- --sinch-time-picker-icon-submit: done;
4
- }
package/theme/toast.css DELETED
@@ -1,7 +0,0 @@
1
- :root,
2
- :host {
3
- --sinch-toast-icon-info: info;
4
- --sinch-toast-icon-success: check_circle;
5
- --sinch-toast-icon-warn: report_problem;
6
- --sinch-toast-icon-error: report;
7
- }
package/theme/typography.css DELETED
@@ -1,16 +0,0 @@
1
- :root,
2
- :host {
3
- --sinch-font-family: "DM Sans", "Arial", "sans-serif";
4
- --sinch-font-weight-emphasized: 700;
5
- --sinch-font-title-xl: 400 40px/48px var(--sinch-font-family);
6
- --sinch-font-title-l: 500 24px/32px var(--sinch-font-family);
7
- --sinch-font-title-m: 500 20px/24px var(--sinch-font-family);
8
- --sinch-font-title-s: 500 16px/24px var(--sinch-font-family);
9
- --sinch-font-title-xs: 500 14px/22px var(--sinch-font-family);
10
- --sinch-font-text-m: 400 16px/24px var(--sinch-font-family);
11
- --sinch-font-text-s: 400 14px/22px var(--sinch-font-family);
12
- --sinch-font-text-xs: 400 12px/20px var(--sinch-font-family);
13
- --sinch-font-text-xxs: 400 10px/16px var(--sinch-font-family);
14
- --sinch-font-mono-family: "DM Mono", "monospace";
15
- --sinch-font-mono-text-s: 400 16px/24px var(--sinch-font-mono-family);
16
- }
package/theme/vertical-stepper.css DELETED
@@ -1,5 +0,0 @@
1
- :root,
2
- :host {
3
- --sinch-vertical-stepper-icon-success: check;
4
- --sinch-vertical-stepper-icon-error: exclamation;
5
- }
/package/{logo → color-menu-option}/types.js RENAMED
File without changes