@nectary/components 4.8.2 → 4.9.1

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 (178) hide show
  1. package/accordion/index.d.ts +8 -4
  2. package/accordion/types.d.ts +11 -16
  3. package/accordion-item/index.d.ts +8 -4
  4. package/accordion-item/types.d.ts +30 -47
  5. package/action-menu/index.d.ts +8 -4
  6. package/action-menu/types.d.ts +7 -8
  7. package/action-menu-option/index.d.ts +8 -4
  8. package/action-menu-option/types.d.ts +28 -32
  9. package/action-menu-option/utils.d.ts +1 -2
  10. package/alert/index.d.ts +8 -4
  11. package/alert/types.d.ts +22 -27
  12. package/avatar/index.d.ts +8 -4
  13. package/avatar/types.d.ts +25 -42
  14. package/badge/index.d.ts +8 -4
  15. package/badge/types.d.ts +18 -32
  16. package/button/index.d.ts +8 -4
  17. package/button/types.d.ts +140 -160
  18. package/button-group/index.d.ts +8 -4
  19. package/button-group/types.d.ts +10 -9
  20. package/button-group-item/index.d.ts +8 -4
  21. package/button-group-item/types.d.ts +42 -42
  22. package/card/index.d.ts +8 -4
  23. package/card/types.d.ts +8 -19
  24. package/card-container/index.d.ts +7 -4
  25. package/card-container/types.d.ts +2 -2
  26. package/card-v2/index.d.ts +8 -4
  27. package/card-v2/types.d.ts +41 -53
  28. package/card-v2-title/index.d.ts +8 -4
  29. package/card-v2-title/types.d.ts +21 -33
  30. package/checkbox/index.d.ts +8 -4
  31. package/checkbox/types.d.ts +45 -65
  32. package/chip/index.d.ts +8 -4
  33. package/chip/types.d.ts +30 -44
  34. package/code-tag/index.d.ts +8 -4
  35. package/code-tag/types.d.ts +15 -16
  36. package/color-menu/index.d.ts +8 -4
  37. package/color-menu/types.d.ts +15 -22
  38. package/color-menu-option/index.d.ts +8 -4
  39. package/color-menu-option/types.d.ts +14 -15
  40. package/color-swatch/index.d.ts +8 -4
  41. package/color-swatch/types.d.ts +15 -16
  42. package/date-picker/index.d.ts +8 -4
  43. package/date-picker/types.d.ts +50 -79
  44. package/dialog/index.d.ts +8 -4
  45. package/dialog/types.d.ts +30 -34
  46. package/emoji/index.d.ts +8 -4
  47. package/emoji/types.d.ts +11 -12
  48. package/emoji-picker/index.d.ts +8 -4
  49. package/emoji-picker/types.d.ts +25 -18
  50. package/field/index.d.ts +8 -4
  51. package/field/types.d.ts +21 -38
  52. package/file-drop/index.d.ts +8 -4
  53. package/file-drop/types.d.ts +33 -55
  54. package/file-picker/index.d.ts +8 -4
  55. package/file-picker/types.d.ts +12 -22
  56. package/file-status/index.d.ts +8 -4
  57. package/file-status/types.d.ts +27 -32
  58. package/flag/index.d.ts +8 -4
  59. package/flag/types.d.ts +10 -11
  60. package/grid/index.d.ts +8 -4
  61. package/grid/types.d.ts +19 -17
  62. package/grid-item/index.d.ts +8 -4
  63. package/grid-item/types.d.ts +7 -12
  64. package/help-tooltip/index.d.ts +8 -4
  65. package/help-tooltip/types.d.ts +11 -6
  66. package/horizontal-stepper/index.d.ts +8 -4
  67. package/horizontal-stepper/types.d.ts +37 -38
  68. package/horizontal-stepper-item/index.d.ts +8 -4
  69. package/horizontal-stepper-item/types.d.ts +30 -39
  70. package/icon/index.d.ts +8 -4
  71. package/icon/types.d.ts +18 -28
  72. package/inline-alert/index.d.ts +8 -4
  73. package/inline-alert/types.d.ts +30 -33
  74. package/input/index.d.ts +8 -4
  75. package/input/types.d.ts +54 -89
  76. package/link/index.d.ts +8 -4
  77. package/link/types.d.ts +31 -57
  78. package/list/index.d.ts +7 -4
  79. package/list/types.d.ts +2 -2
  80. package/list-item/index.d.ts +8 -4
  81. package/list-item/types.d.ts +10 -8
  82. package/package.json +3 -3
  83. package/pagination/index.d.ts +8 -4
  84. package/pagination/types.d.ts +31 -27
  85. package/persistent-overlay/index.d.ts +8 -4
  86. package/persistent-overlay/types.d.ts +19 -21
  87. package/pop/index.d.ts +8 -4
  88. package/pop/types.d.ts +13 -23
  89. package/popover/index.d.ts +8 -4
  90. package/popover/types.d.ts +20 -32
  91. package/progress/index.d.ts +8 -4
  92. package/progress/types.d.ts +13 -14
  93. package/progress-stepper/index.d.ts +8 -4
  94. package/progress-stepper/types.d.ts +10 -15
  95. package/progress-stepper-item/index.d.ts +8 -4
  96. package/progress-stepper-item/types.d.ts +35 -44
  97. package/radio/index.d.ts +8 -4
  98. package/radio/types.d.ts +16 -15
  99. package/radio-option/index.d.ts +8 -4
  100. package/radio-option/types.d.ts +35 -40
  101. package/rich-text/index.d.ts +8 -4
  102. package/rich-text/types.d.ts +31 -31
  103. package/rich-text/utils.js +1 -1
  104. package/rich-textarea/index.d.ts +8 -4
  105. package/rich-textarea/types.d.ts +37 -43
  106. package/segment/index.d.ts +8 -4
  107. package/segment/types.d.ts +18 -21
  108. package/segment-collapse/index.d.ts +8 -4
  109. package/segment-collapse/types.d.ts +15 -12
  110. package/segmented-control/index.d.ts +8 -4
  111. package/segmented-control/types.d.ts +11 -8
  112. package/segmented-control-option/index.d.ts +8 -4
  113. package/segmented-control-option/types.d.ts +32 -34
  114. package/segmented-icon-control/index.d.ts +8 -4
  115. package/segmented-icon-control/types.d.ts +11 -10
  116. package/segmented-icon-control-option/index.d.ts +8 -4
  117. package/segmented-icon-control-option/types.d.ts +28 -28
  118. package/select-button/index.d.ts +12 -4
  119. package/select-button/types.d.ts +38 -58
  120. package/select-menu/index.d.ts +8 -4
  121. package/select-menu/index.js +1 -1
  122. package/select-menu/types.d.ts +19 -38
  123. package/select-menu-option/index.d.ts +8 -4
  124. package/select-menu-option/types.d.ts +27 -33
  125. package/select-menu-option/utils.d.ts +2 -2
  126. package/skeleton/index.d.ts +8 -4
  127. package/skeleton/types.d.ts +14 -13
  128. package/skeleton-item/index.d.ts +8 -4
  129. package/skeleton-item/types.d.ts +20 -19
  130. package/spinner/index.d.ts +8 -4
  131. package/spinner/types.d.ts +12 -13
  132. package/table/index.d.ts +7 -4
  133. package/table/types.d.ts +2 -2
  134. package/table-body/index.d.ts +7 -4
  135. package/table-body/types.d.ts +2 -2
  136. package/table-cell/index.d.ts +8 -4
  137. package/table-cell/types.d.ts +11 -10
  138. package/table-head/index.d.ts +7 -4
  139. package/table-head/types.d.ts +2 -2
  140. package/table-head-cell/index.d.ts +8 -4
  141. package/table-head-cell/types.d.ts +15 -18
  142. package/table-row/index.d.ts +8 -4
  143. package/table-row/types.d.ts +14 -15
  144. package/tabs/index.d.ts +8 -4
  145. package/tabs/types.d.ts +19 -16
  146. package/tabs-icon-option/index.d.ts +8 -4
  147. package/tabs-icon-option/types.d.ts +21 -26
  148. package/tabs-option/index.d.ts +8 -4
  149. package/tabs-option/types.d.ts +26 -35
  150. package/tag/index.d.ts +8 -4
  151. package/tag/types.d.ts +22 -35
  152. package/text/index.d.ts +8 -4
  153. package/text/types.d.ts +21 -34
  154. package/textarea/index.d.ts +8 -4
  155. package/textarea/types.d.ts +30 -56
  156. package/tile-control/index.d.ts +8 -4
  157. package/tile-control/types.d.ts +15 -27
  158. package/tile-control-option/index.d.ts +8 -4
  159. package/tile-control-option/types.d.ts +41 -55
  160. package/time-picker/index.d.ts +8 -4
  161. package/time-picker/types.d.ts +42 -47
  162. package/title/index.d.ts +8 -4
  163. package/title/types.d.ts +18 -31
  164. package/toast/index.d.ts +8 -4
  165. package/toast/types.d.ts +31 -39
  166. package/toast-manager/index.d.ts +8 -4
  167. package/toast-manager/types.d.ts +13 -10
  168. package/toggle/index.d.ts +8 -4
  169. package/toggle/types.d.ts +29 -34
  170. package/tooltip/index.d.ts +8 -4
  171. package/tooltip/types.d.ts +25 -39
  172. package/types.d.ts +20 -6
  173. package/utils/adapters.d.ts +30 -0
  174. package/utils/adapters.js +1 -0
  175. package/vertical-stepper/index.d.ts +8 -4
  176. package/vertical-stepper/types.d.ts +29 -30
  177. package/vertical-stepper-item/index.d.ts +8 -4
  178. package/vertical-stepper-item/types.d.ts +34 -43
package/vertical-stepper/index.d.ts CHANGED
@@ -1,18 +1,22 @@
1
- import type { TSinchVerticalStepperElement, TSinchVerticalStepperReact } from './types';
1
+ import type { TSinchVerticalStepper } from './types';
2
+ import type { NectaryComponentReact, NectaryComponentVanilla } from '../types';
2
3
  declare global {
4
+ interface NectaryComponentMap {
5
+ 'sinch-vertical-stepper': TSinchVerticalStepper;
6
+ }
3
7
  interface HTMLElementTagNameMap {
4
- 'sinch-vertical-stepper': TSinchVerticalStepperElement;
8
+ 'sinch-vertical-stepper': NectaryComponentVanilla<'sinch-vertical-stepper'>;
5
9
  }
6
10
  namespace JSX {
7
11
  interface IntrinsicElements {
8
- 'sinch-vertical-stepper': TSinchVerticalStepperReact;
12
+ 'sinch-vertical-stepper': NectaryComponentReact<'sinch-vertical-stepper'>;
9
13
  }
10
14
  }
11
15
  }
12
16
  declare module 'react' {
13
17
  namespace JSX {
14
18
  interface IntrinsicElements {
15
- 'sinch-vertical-stepper': TSinchVerticalStepperReact;
19
+ 'sinch-vertical-stepper': NectaryComponentReact<'sinch-vertical-stepper'>;
16
20
  }
17
21
  }
18
22
  }
package/vertical-stepper/types.d.ts CHANGED
@@ -1,35 +1,34 @@
1
- import type { TSinchElementReact } from '../types';
2
- export type TSinchVerticalStepperElement = HTMLElement & {
3
- /** Current item index, starting from 1 */
4
- index: string;
5
- /** Current item index, starting from 1 */
6
- setAttribute(name: 'index', value: string): void;
7
- };
8
- export type TSinchVerticalStepperReact = TSinchElementReact<TSinchVerticalStepperElement> & {
1
+ import type { NectaryComponentReactByType, NectaryComponentVanillaByType } from '../types';
2
+ export type TSinchVerticalStepperProps = {
9
3
  /** Current item index, starting from 1 */
10
4
  index: string;
11
5
  /** Label that is used for a11y */
12
6
  'aria-label': string;
13
- } & {
14
- style?: {
15
- '--sinch-comp-vertical-stepper-color-background-default'?: string;
16
- '--sinch-comp-vertical-stepper-color-background-visited-skip'?: string;
17
- '--sinch-comp-vertical-stepper-color-background-active'?: string;
18
- '--sinch-comp-vertical-stepper-color-background-visited'?: string;
19
- '--sinch-comp-vertical-stepper-color-background-visited-error'?: string;
20
- '--sinch-comp-vertical-stepper-color-border-default'?: string;
21
- '--sinch-comp-vertical-stepper-color-border-visited-skip'?: string;
22
- '--sinch-comp-vertical-stepper-color-border-active'?: string;
23
- '--sinch-comp-vertical-stepper-color-border-visited'?: string;
24
- '--sinch-comp-vertical-stepper-color-border-visited-error'?: string;
25
- '--sinch-comp-vertical-stepper-color-icon-default'?: string;
26
- '--sinch-comp-vertical-stepper-color-icon-visited-skip'?: string;
27
- '--sinch-comp-vertical-stepper-color-icon-active'?: string;
28
- '--sinch-comp-vertical-stepper-color-icon-visited'?: string;
29
- '--sinch-comp-vertical-stepper-color-icon-visited-error'?: string;
30
- '--sinch-comp-vertical-stepper-color-label'?: string;
31
- '--sinch-comp-vertical-stepper-color-description'?: string;
32
- '--sinch-comp-vertical-stepper-color-progress'?: string;
33
- '--sinch-comp-vertical-stepper-color-progress-visited'?: string;
34
- };
35
7
  };
8
+ export type TSinchVerticalStepperStyle = {
9
+ '--sinch-comp-vertical-stepper-color-background-default'?: string;
10
+ '--sinch-comp-vertical-stepper-color-background-visited-skip'?: string;
11
+ '--sinch-comp-vertical-stepper-color-background-active'?: string;
12
+ '--sinch-comp-vertical-stepper-color-background-visited'?: string;
13
+ '--sinch-comp-vertical-stepper-color-background-visited-error'?: string;
14
+ '--sinch-comp-vertical-stepper-color-border-default'?: string;
15
+ '--sinch-comp-vertical-stepper-color-border-visited-skip'?: string;
16
+ '--sinch-comp-vertical-stepper-color-border-active'?: string;
17
+ '--sinch-comp-vertical-stepper-color-border-visited'?: string;
18
+ '--sinch-comp-vertical-stepper-color-border-visited-error'?: string;
19
+ '--sinch-comp-vertical-stepper-color-icon-default'?: string;
20
+ '--sinch-comp-vertical-stepper-color-icon-visited-skip'?: string;
21
+ '--sinch-comp-vertical-stepper-color-icon-active'?: string;
22
+ '--sinch-comp-vertical-stepper-color-icon-visited'?: string;
23
+ '--sinch-comp-vertical-stepper-color-icon-visited-error'?: string;
24
+ '--sinch-comp-vertical-stepper-color-label'?: string;
25
+ '--sinch-comp-vertical-stepper-color-description'?: string;
26
+ '--sinch-comp-vertical-stepper-color-progress'?: string;
27
+ '--sinch-comp-vertical-stepper-color-progress-visited'?: string;
28
+ };
29
+ export type TSinchVerticalStepper = {
30
+ props: TSinchVerticalStepperProps;
31
+ style: TSinchVerticalStepperStyle;
32
+ };
33
+ export type TSinchVerticalStepperElement = NectaryComponentVanillaByType<TSinchVerticalStepper>;
34
+ export type TSinchVerticalStepperReact = NectaryComponentReactByType<TSinchVerticalStepper>;
package/vertical-stepper-item/index.d.ts CHANGED
@@ -1,21 +1,25 @@
1
1
  import '../icon';
2
2
  import '../title';
3
3
  import '../text';
4
- import type { TSinchVerticalStepperItemElement, TSinchVerticalStepperItemReact } from './types';
4
+ import type { TSinchVerticalStepperItem } from './types';
5
+ import type { NectaryComponentReact, NectaryComponentVanilla } from '../types';
5
6
  declare global {
7
+ interface NectaryComponentMap {
8
+ 'sinch-vertical-stepper-item': TSinchVerticalStepperItem;
9
+ }
6
10
  interface HTMLElementTagNameMap {
7
- 'sinch-vertical-stepper-item': TSinchVerticalStepperItemElement;
11
+ 'sinch-vertical-stepper-item': NectaryComponentVanilla<'sinch-vertical-stepper-item'>;
8
12
  }
9
13
  namespace JSX {
10
14
  interface IntrinsicElements {
11
- 'sinch-vertical-stepper-item': TSinchVerticalStepperItemReact;
15
+ 'sinch-vertical-stepper-item': NectaryComponentReact<'sinch-vertical-stepper-item'>;
12
16
  }
13
17
  }
14
18
  }
15
19
  declare module 'react' {
16
20
  namespace JSX {
17
21
  interface IntrinsicElements {
18
- 'sinch-vertical-stepper-item': TSinchVerticalStepperItemReact;
22
+ 'sinch-vertical-stepper-item': NectaryComponentReact<'sinch-vertical-stepper-item'>;
19
23
  }
20
24
  }
21
25
  }
package/vertical-stepper-item/types.d.ts CHANGED
@@ -1,51 +1,42 @@
1
- import type { TSinchElementReact } from '../types';
1
+ import type { NectaryComponentReactByType, NectaryComponentVanillaByType } from '../types';
2
2
  export type TSinchVerticalStepperStatusType = 'error' | 'skip';
3
- export type TSinchVerticalStepperItemElement = HTMLElement & {
4
- /** Label */
5
- label: string;
6
- /** Description */
7
- description: string | null;
8
- /** Status */
9
- status: TSinchVerticalStepperStatusType | null;
10
- /** Label */
11
- setAttribute(name: 'label', value: string): void;
12
- /** Description */
13
- setAttribute(name: 'description', value: string): void;
14
- /** Status */
15
- setAttribute(name: 'status', value: TSinchVerticalStepperStatusType): void;
16
- };
17
- export type TSinchVerticalStepperItemReact = TSinchElementReact<TSinchVerticalStepperItemElement> & {
3
+ export type TSinchVerticalStepperItemProps = {
18
4
  /** Label */
19
5
  label: string;
20
6
  /** Description */
21
7
  description?: string;
22
8
  /** Status */
23
9
  status?: TSinchVerticalStepperStatusType;
24
- } & {
25
- style?: {
26
- '--sinch-comp-vertical-stepper-color-background-default'?: string;
27
- '--sinch-comp-vertical-stepper-color-background-active'?: string;
28
- '--sinch-comp-vertical-stepper-color-background-visited'?: string;
29
- '--sinch-comp-vertical-stepper-color-background-visited-error'?: string;
30
- '--sinch-comp-vertical-stepper-color-background-visited-skip'?: string;
31
- '--sinch-comp-vertical-stepper-color-border-default'?: string;
32
- '--sinch-comp-vertical-stepper-color-border-active'?: string;
33
- '--sinch-comp-vertical-stepper-color-border-visited'?: string;
34
- '--sinch-comp-vertical-stepper-color-border-visited-error'?: string;
35
- '--sinch-comp-vertical-stepper-color-border-visited-skip'?: string;
36
- '--sinch-comp-vertical-stepper-color-icon-default'?: string;
37
- '--sinch-comp-vertical-stepper-color-icon-active'?: string;
38
- '--sinch-comp-vertical-stepper-color-icon-visited'?: string;
39
- '--sinch-comp-vertical-stepper-color-icon-visited-error'?: string;
40
- '--sinch-comp-vertical-stepper-color-icon-visited-skip'?: string;
41
- '--sinch-comp-vertical-stepper-color-label'?: string;
42
- '--sinch-comp-vertical-stepper-color-description'?: string;
43
- '--sinch-comp-vertical-stepper-color-progress'?: string;
44
- '--sinch-comp-vertical-stepper-color-progress-visited'?: string;
45
- '--sinch-local-color-background'?: string;
46
- '--sinch-local-color-border'?: string;
47
- '--sinch-local-color-text'?: string;
48
- '--sinch-local-color-icon'?: string;
49
- '--sinch-global-size-icon'?: string;
50
- };
51
10
  };
11
+ export type TSinchVerticalStepperItemStyle = {
12
+ '--sinch-comp-vertical-stepper-color-background-default'?: string;
13
+ '--sinch-comp-vertical-stepper-color-background-active'?: string;
14
+ '--sinch-comp-vertical-stepper-color-background-visited'?: string;
15
+ '--sinch-comp-vertical-stepper-color-background-visited-error'?: string;
16
+ '--sinch-comp-vertical-stepper-color-background-visited-skip'?: string;
17
+ '--sinch-comp-vertical-stepper-color-border-default'?: string;
18
+ '--sinch-comp-vertical-stepper-color-border-active'?: string;
19
+ '--sinch-comp-vertical-stepper-color-border-visited'?: string;
20
+ '--sinch-comp-vertical-stepper-color-border-visited-error'?: string;
21
+ '--sinch-comp-vertical-stepper-color-border-visited-skip'?: string;
22
+ '--sinch-comp-vertical-stepper-color-icon-default'?: string;
23
+ '--sinch-comp-vertical-stepper-color-icon-active'?: string;
24
+ '--sinch-comp-vertical-stepper-color-icon-visited'?: string;
25
+ '--sinch-comp-vertical-stepper-color-icon-visited-error'?: string;
26
+ '--sinch-comp-vertical-stepper-color-icon-visited-skip'?: string;
27
+ '--sinch-comp-vertical-stepper-color-label'?: string;
28
+ '--sinch-comp-vertical-stepper-color-description'?: string;
29
+ '--sinch-comp-vertical-stepper-color-progress'?: string;
30
+ '--sinch-comp-vertical-stepper-color-progress-visited'?: string;
31
+ '--sinch-local-color-background'?: string;
32
+ '--sinch-local-color-border'?: string;
33
+ '--sinch-local-color-text'?: string;
34
+ '--sinch-local-color-icon'?: string;
35
+ '--sinch-global-size-icon'?: string;
36
+ };
37
+ export type TSinchVerticalStepperItem = {
38
+ props: TSinchVerticalStepperItemProps;
39
+ style: TSinchVerticalStepperItemStyle;
40
+ };
41
+ export type TSinchVerticalStepperItemElement = NectaryComponentVanillaByType<TSinchVerticalStepperItem>;
42
+ export type TSinchVerticalStepperItemReact = NectaryComponentReactByType<TSinchVerticalStepperItem>;