@nectary/components 1.3.3 → 2.0.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 (172) 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-option/index.js +2 -2
  6. package/alert/index.js +2 -12
  7. package/avatar/index.js +1 -1
  8. package/avatar/utils.js +3 -3
  9. package/badge/index.js +41 -67
  10. package/badge/types.d.ts +0 -4
  11. package/badge/utils.d.ts +0 -3
  12. package/badge/utils.js +0 -11
  13. package/button/index.js +1 -1
  14. package/button/types.d.ts +2 -2
  15. package/card/index.js +5 -16
  16. package/card/types.d.ts +0 -6
  17. package/card-container/index.js +1 -1
  18. package/chat-block/index.js +1 -1
  19. package/chat-bubble/index.js +3 -24
  20. package/checkbox/index.js +31 -30
  21. package/checkbox/types.d.ts +0 -3
  22. package/chip/index.js +34 -27
  23. package/chip/utils.js +3 -3
  24. package/code-tag/index.js +1 -1
  25. package/color-menu/index.d.ts +0 -3
  26. package/color-menu/index.js +50 -99
  27. package/color-menu/types.d.ts +0 -4
  28. package/color-menu-option/index.d.ts +14 -0
  29. package/color-menu-option/index.js +52 -0
  30. package/color-menu-option/types.d.ts +9 -0
  31. package/color-menu-option/utils.d.ts +1 -0
  32. package/color-menu-option/utils.js +11 -0
  33. package/color-swatch/index.js +1 -1
  34. package/color-swatch/utils.js +3 -3
  35. package/date-picker/index.js +2 -24
  36. package/date-picker/types.d.ts +0 -3
  37. package/dialog/index.js +2 -5
  38. package/dialog/types.d.ts +0 -2
  39. package/emoji/index.js +1 -1
  40. package/emoji-picker/index.d.ts +1 -0
  41. package/emoji-picker/index.js +32 -23
  42. package/field/index.js +39 -32
  43. package/file-drop/index.js +1 -1
  44. package/file-status/index.js +2 -16
  45. package/flag/index.js +1 -1
  46. package/grid/index.js +1 -1
  47. package/help-tooltip/index.js +3 -12
  48. package/horizontal-stepper/index.js +1 -1
  49. package/horizontal-stepper-item/index.d.ts +2 -0
  50. package/horizontal-stepper-item/index.js +8 -12
  51. package/icon/index.js +1 -1
  52. package/icon-button/index.js +1 -1
  53. package/inline-alert/index.js +19 -29
  54. package/input/index.d.ts +0 -3
  55. package/input/index.js +12 -46
  56. package/input/types.d.ts +1 -5
  57. package/link/index.js +35 -37
  58. package/list-item/index.js +1 -1
  59. package/package.json +10 -10
  60. package/pagination/index.js +8 -21
  61. package/pagination/types.d.ts +0 -3
  62. package/pop/index.js +16 -13
  63. package/popover/index.js +44 -50
  64. package/progress/index.js +20 -15
  65. package/radio/index.js +19 -6
  66. package/radio/types.d.ts +3 -3
  67. package/radio-option/index.js +35 -27
  68. package/rich-text/index.js +1 -1
  69. package/segment/index.js +2 -3
  70. package/segment-collapse/index.js +2 -11
  71. package/segment-collapse/types.d.ts +0 -3
  72. package/segmented-control/index.js +0 -3
  73. package/segmented-control/types.d.ts +0 -3
  74. package/segmented-control-option/index.js +20 -19
  75. package/segmented-icon-control/index.js +1 -4
  76. package/segmented-icon-control/types.d.ts +0 -3
  77. package/segmented-icon-control-option/index.js +18 -14
  78. package/select-button/index.js +7 -12
  79. package/select-menu/index.js +12 -5
  80. package/select-menu-option/index.js +2 -5
  81. package/skeleton/index.js +1 -1
  82. package/skeleton-item/index.js +1 -1
  83. package/spinner/index.js +1 -1
  84. package/table/index.js +1 -1
  85. package/table-body/index.js +1 -1
  86. package/table-cell/index.js +1 -1
  87. package/table-head-cell/index.d.ts +1 -0
  88. package/table-head-cell/index.js +12 -3
  89. package/table-row/index.js +18 -2
  90. package/tabs/index.js +1 -4
  91. package/tabs/types.d.ts +0 -3
  92. package/tabs-icon-option/index.js +4 -2
  93. package/tabs-option/index.js +25 -20
  94. package/tag/index.js +16 -8
  95. package/tag/utils.js +3 -3
  96. package/text/index.js +30 -20
  97. package/textarea/index.js +10 -6
  98. package/textarea/types.d.ts +0 -3
  99. package/tile-control/index.js +23 -25
  100. package/tile-control/types.d.ts +0 -3
  101. package/tile-control-option/index.js +1 -1
  102. package/time-picker/index.js +2 -8
  103. package/time-picker/types.d.ts +0 -3
  104. package/title/index.js +30 -22
  105. package/toast/index.js +20 -30
  106. package/toggle/index.js +33 -30
  107. package/toggle/types.d.ts +0 -3
  108. package/tooltip/index.js +41 -30
  109. package/tooltip/tooltip-state.d.ts +1 -0
  110. package/tooltip/tooltip-state.js +6 -0
  111. package/tooltip/types.d.ts +7 -12
  112. package/tooltip/utils.d.ts +4 -1
  113. package/tooltip/utils.js +7 -1
  114. package/vertical-stepper/index.js +1 -1
  115. package/vertical-stepper-item/index.d.ts +2 -0
  116. package/vertical-stepper-item/index.js +8 -12
  117. package/logo/create-logo-class.d.ts +0 -1
  118. package/logo/create-logo-class.js +0 -52
  119. package/logo/engage-icon/index.d.ts +0 -11
  120. package/logo/engage-icon/index.js +0 -4
  121. package/logo/engage-icon-wordmark/index.d.ts +0 -11
  122. package/logo/engage-icon-wordmark/index.js +0 -4
  123. package/logo/sinch-icon/index.d.ts +0 -11
  124. package/logo/sinch-icon/index.js +0 -4
  125. package/logo/sinch-icon-wordmark/index.d.ts +0 -11
  126. package/logo/sinch-icon-wordmark/index.js +0 -4
  127. package/logo/types.d.ts +0 -11
  128. package/theme/accordion-item.css +0 -4
  129. package/theme/alert.css +0 -6
  130. package/theme/avatar.css +0 -25
  131. package/theme/badge.css +0 -15
  132. package/theme/button.css +0 -146
  133. package/theme/chat.css +0 -9
  134. package/theme/chip.css +0 -68
  135. package/theme/color-menu.css +0 -4
  136. package/theme/color-swatch.css +0 -71
  137. package/theme/colors.d.ts +0 -4
  138. package/theme/colors.js +0 -4
  139. package/theme/contextual.css +0 -40
  140. package/theme/date-picker.css +0 -7
  141. package/theme/dialog.css +0 -4
  142. package/theme/elevation.css +0 -7
  143. package/theme/emoji-picker.css +0 -13
  144. package/theme/emoji.css +0 -5
  145. package/theme/file-status.css +0 -7
  146. package/theme/flag.css +0 -4
  147. package/theme/fonts.css +0 -86
  148. package/theme/fonts.json +0 -89
  149. package/theme/help-tooltip.css +0 -5
  150. package/theme/horizontal-stepper.css +0 -5
  151. package/theme/icon-button.css +0 -68
  152. package/theme/icon.css +0 -7
  153. package/theme/index.css +0 -4
  154. package/theme/index.d.ts +0 -39
  155. package/theme/index.js +0 -39
  156. package/theme/inline-alert.css +0 -7
  157. package/theme/input.css +0 -10
  158. package/theme/link.css +0 -5
  159. package/theme/pagination.css +0 -5
  160. package/theme/palette.css +0 -90
  161. package/theme/segment.css +0 -4
  162. package/theme/select-button.css +0 -10
  163. package/theme/select-menu.css +0 -6
  164. package/theme/shapes.css +0 -8
  165. package/theme/size.css +0 -9
  166. package/theme/spinner.css +0 -7
  167. package/theme/tag.css +0 -67
  168. package/theme/time-picker.css +0 -4
  169. package/theme/toast.css +0 -7
  170. package/theme/typography.css +0 -16
  171. package/theme/vertical-stepper.css +0 -5
  172. /package/{logo → color-menu-option}/types.js +0 -0
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