@transferwise/components 0.0.0-experimental-bd2aa28 → 0.0.0-experimental-17d9e6b

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 (182) hide show
  1. package/build/i18n/cs.json +0 -2
  2. package/build/i18n/cs.json.js +0 -2
  3. package/build/i18n/cs.json.js.map +1 -1
  4. package/build/i18n/cs.json.mjs +0 -2
  5. package/build/i18n/cs.json.mjs.map +1 -1
  6. package/build/i18n/de.json +0 -2
  7. package/build/i18n/de.json.js +0 -2
  8. package/build/i18n/de.json.js.map +1 -1
  9. package/build/i18n/de.json.mjs +0 -2
  10. package/build/i18n/de.json.mjs.map +1 -1
  11. package/build/i18n/en.json +0 -2
  12. package/build/i18n/en.json.js +0 -2
  13. package/build/i18n/en.json.js.map +1 -1
  14. package/build/i18n/en.json.mjs +0 -2
  15. package/build/i18n/en.json.mjs.map +1 -1
  16. package/build/i18n/es.json +0 -2
  17. package/build/i18n/es.json.js +0 -2
  18. package/build/i18n/es.json.js.map +1 -1
  19. package/build/i18n/es.json.mjs +0 -2
  20. package/build/i18n/es.json.mjs.map +1 -1
  21. package/build/i18n/fr.json +0 -2
  22. package/build/i18n/fr.json.js +0 -2
  23. package/build/i18n/fr.json.js.map +1 -1
  24. package/build/i18n/fr.json.mjs +0 -2
  25. package/build/i18n/fr.json.mjs.map +1 -1
  26. package/build/i18n/hu.json +0 -2
  27. package/build/i18n/hu.json.js +0 -2
  28. package/build/i18n/hu.json.js.map +1 -1
  29. package/build/i18n/hu.json.mjs +0 -2
  30. package/build/i18n/hu.json.mjs.map +1 -1
  31. package/build/i18n/id.json +0 -2
  32. package/build/i18n/id.json.js +0 -2
  33. package/build/i18n/id.json.js.map +1 -1
  34. package/build/i18n/id.json.mjs +0 -2
  35. package/build/i18n/id.json.mjs.map +1 -1
  36. package/build/i18n/it.json +0 -2
  37. package/build/i18n/it.json.js +0 -2
  38. package/build/i18n/it.json.js.map +1 -1
  39. package/build/i18n/it.json.mjs +0 -2
  40. package/build/i18n/it.json.mjs.map +1 -1
  41. package/build/i18n/ja.json +0 -2
  42. package/build/i18n/ja.json.js +0 -2
  43. package/build/i18n/ja.json.js.map +1 -1
  44. package/build/i18n/ja.json.mjs +0 -2
  45. package/build/i18n/ja.json.mjs.map +1 -1
  46. package/build/i18n/nl.json +0 -2
  47. package/build/i18n/pl.json +0 -2
  48. package/build/i18n/pl.json.js +0 -2
  49. package/build/i18n/pl.json.js.map +1 -1
  50. package/build/i18n/pl.json.mjs +0 -2
  51. package/build/i18n/pl.json.mjs.map +1 -1
  52. package/build/i18n/pt.json +0 -2
  53. package/build/i18n/pt.json.js +0 -2
  54. package/build/i18n/pt.json.js.map +1 -1
  55. package/build/i18n/pt.json.mjs +0 -2
  56. package/build/i18n/pt.json.mjs.map +1 -1
  57. package/build/i18n/ro.json +0 -2
  58. package/build/i18n/ro.json.js +0 -2
  59. package/build/i18n/ro.json.js.map +1 -1
  60. package/build/i18n/ro.json.mjs +0 -2
  61. package/build/i18n/ro.json.mjs.map +1 -1
  62. package/build/i18n/ru.json +0 -2
  63. package/build/i18n/ru.json.js +0 -2
  64. package/build/i18n/ru.json.js.map +1 -1
  65. package/build/i18n/ru.json.mjs +0 -2
  66. package/build/i18n/ru.json.mjs.map +1 -1
  67. package/build/i18n/th.json +0 -2
  68. package/build/i18n/th.json.js +0 -2
  69. package/build/i18n/th.json.js.map +1 -1
  70. package/build/i18n/th.json.mjs +0 -2
  71. package/build/i18n/th.json.mjs.map +1 -1
  72. package/build/i18n/tr.json +0 -2
  73. package/build/i18n/tr.json.js +0 -2
  74. package/build/i18n/tr.json.js.map +1 -1
  75. package/build/i18n/tr.json.mjs +0 -2
  76. package/build/i18n/tr.json.mjs.map +1 -1
  77. package/build/i18n/zh-CN.json +0 -2
  78. package/build/i18n/zh-CN.json.js +0 -2
  79. package/build/i18n/zh-CN.json.js.map +1 -1
  80. package/build/i18n/zh-CN.json.mjs +0 -2
  81. package/build/i18n/zh-CN.json.mjs.map +1 -1
  82. package/build/i18n/zh-HK.json +0 -2
  83. package/build/i18n/zh-HK.json.js +0 -2
  84. package/build/i18n/zh-HK.json.js.map +1 -1
  85. package/build/i18n/zh-HK.json.mjs +0 -2
  86. package/build/i18n/zh-HK.json.mjs.map +1 -1
  87. package/build/index.js +0 -3
  88. package/build/index.js.map +1 -1
  89. package/build/index.mjs +1 -2
  90. package/build/index.mjs.map +1 -1
  91. package/build/main.css +0 -256
  92. package/build/styles/main.css +0 -256
  93. package/build/types/index.d.ts +0 -4
  94. package/build/types/index.d.ts.map +1 -1
  95. package/build/types/test-utils/index.d.ts +0 -4
  96. package/build/types/test-utils/index.d.ts.map +1 -1
  97. package/package.json +1 -1
  98. package/src/i18n/cs.json +0 -2
  99. package/src/i18n/de.json +0 -2
  100. package/src/i18n/en.json +0 -2
  101. package/src/i18n/es.json +0 -2
  102. package/src/i18n/fr.json +0 -2
  103. package/src/i18n/hu.json +0 -2
  104. package/src/i18n/id.json +0 -2
  105. package/src/i18n/it.json +0 -2
  106. package/src/i18n/ja.json +0 -2
  107. package/src/i18n/nl.json +0 -2
  108. package/src/i18n/pl.json +0 -2
  109. package/src/i18n/pt.json +0 -2
  110. package/src/i18n/ro.json +0 -2
  111. package/src/i18n/ru.json +0 -2
  112. package/src/i18n/th.json +0 -2
  113. package/src/i18n/tr.json +0 -2
  114. package/src/i18n/zh-CN.json +0 -2
  115. package/src/i18n/zh-HK.json +0 -2
  116. package/src/index.ts +0 -4
  117. package/src/main.css +0 -256
  118. package/src/main.less +0 -2
  119. package/src/ssr.spec.tsx +0 -1
  120. package/build/selectOption/SelectOption.js +0 -131
  121. package/build/selectOption/SelectOption.js.map +0 -1
  122. package/build/selectOption/SelectOption.messages.js +0 -17
  123. package/build/selectOption/SelectOption.messages.js.map +0 -1
  124. package/build/selectOption/SelectOption.messages.mjs +0 -13
  125. package/build/selectOption/SelectOption.messages.mjs.map +0 -1
  126. package/build/selectOption/SelectOption.mjs +0 -127
  127. package/build/selectOption/SelectOption.mjs.map +0 -1
  128. package/build/styles/listItem/ListItem.css +0 -212
  129. package/build/styles/selectOption/SelectOption.css +0 -44
  130. package/build/types/listItem/ListItem.d.ts +0 -50
  131. package/build/types/listItem/ListItem.d.ts.map +0 -1
  132. package/build/types/listItem/ListItemAdditionalInfo.d.ts +0 -9
  133. package/build/types/listItem/ListItemAdditionalInfo.d.ts.map +0 -1
  134. package/build/types/listItem/ListItemButton.d.ts +0 -6
  135. package/build/types/listItem/ListItemButton.d.ts.map +0 -1
  136. package/build/types/listItem/ListItemCheckbox.d.ts +0 -4
  137. package/build/types/listItem/ListItemCheckbox.d.ts.map +0 -1
  138. package/build/types/listItem/ListItemIconButton.d.ts +0 -8
  139. package/build/types/listItem/ListItemIconButton.d.ts.map +0 -1
  140. package/build/types/listItem/ListItemMedia.d.ts +0 -19
  141. package/build/types/listItem/ListItemMedia.d.ts.map +0 -1
  142. package/build/types/listItem/ListItemNavigation.d.ts +0 -4
  143. package/build/types/listItem/ListItemNavigation.d.ts.map +0 -1
  144. package/build/types/listItem/ListItemSwitch.d.ts +0 -3
  145. package/build/types/listItem/ListItemSwitch.d.ts.map +0 -1
  146. package/build/types/listItem/index.d.ts +0 -6
  147. package/build/types/listItem/index.d.ts.map +0 -1
  148. package/build/types/listItem/prompt/Prompt.d.ts +0 -12
  149. package/build/types/listItem/prompt/Prompt.d.ts.map +0 -1
  150. package/build/types/listItem/useItemControl.d.ts +0 -5
  151. package/build/types/listItem/useItemControl.d.ts.map +0 -1
  152. package/build/types/selectOption/SelectOption.d.ts +0 -21
  153. package/build/types/selectOption/SelectOption.d.ts.map +0 -1
  154. package/build/types/selectOption/SelectOption.messages.d.ts +0 -12
  155. package/build/types/selectOption/SelectOption.messages.d.ts.map +0 -1
  156. package/build/types/selectOption/index.d.ts +0 -3
  157. package/build/types/selectOption/index.d.ts.map +0 -1
  158. package/src/listItem/ListItem.css +0 -212
  159. package/src/listItem/ListItem.less +0 -210
  160. package/src/listItem/ListItem.spec.tsx +0 -35
  161. package/src/listItem/ListItem.story.tsx +0 -461
  162. package/src/listItem/ListItem.tsx +0 -282
  163. package/src/listItem/ListItemAdditionalInfo.tsx +0 -31
  164. package/src/listItem/ListItemButton.spec.tsx +0 -92
  165. package/src/listItem/ListItemButton.tsx +0 -24
  166. package/src/listItem/ListItemCheckbox.tsx +0 -14
  167. package/src/listItem/ListItemIconButton.tsx +0 -16
  168. package/src/listItem/ListItemMedia.tsx +0 -52
  169. package/src/listItem/ListItemNavigation.tsx +0 -23
  170. package/src/listItem/ListItemSwitch.tsx +0 -8
  171. package/src/listItem/index.ts +0 -10
  172. package/src/listItem/prompt/Prompt.spec.tsx +0 -77
  173. package/src/listItem/prompt/Prompt.story.tsx +0 -170
  174. package/src/listItem/prompt/Prompt.tsx +0 -44
  175. package/src/listItem/useItemControl.tsx +0 -23
  176. package/src/selectOption/SelectOption.css +0 -44
  177. package/src/selectOption/SelectOption.less +0 -40
  178. package/src/selectOption/SelectOption.messages.ts +0 -12
  179. package/src/selectOption/SelectOption.spec.tsx +0 -83
  180. package/src/selectOption/SelectOption.story.tsx +0 -277
  181. package/src/selectOption/SelectOption.tsx +0 -151
  182. package/src/selectOption/index.ts +0 -2
@@ -1,212 +0,0 @@
1
- .wds-list-item {
2
- list-style: none;
3
- width: 100%;
4
- padding: 0;
5
- border-radius: 16px;
6
- border-radius: var(--radius-medium);
7
- background-color: #ffffff;
8
- background-color: var(--color-background-screen);
9
- gap: 16px;
10
- gap: var(--size-16);
11
- }
12
- .wds-list-item .partially-interactive {
13
- padding: 16px;
14
- padding: var(--size-16);
15
- }
16
- .wds-list-item label,
17
- .wds-list-item a {
18
- padding: 16px;
19
- padding: var(--size-16);
20
- }
21
- .wds-list-item-interactive label {
22
- cursor: pointer;
23
- }
24
- .wds-list-item-interactive:hover {
25
- background-color: var(--color-background-screen-hover);
26
- }
27
- .wds-list-item-interactive:hover .wds-list-item-control .wds-Button {
28
- background-color: var(--Button-background-hover);
29
- color: var(--Button-color-hover);
30
- transition: none;
31
- }
32
- .wds-list-item-interactive:active {
33
- background-color: var(--color-background-screen-active);
34
- }
35
- .wds-list-item-interactive .wds-list-item-control .wds-Button {
36
- transition: none;
37
- }
38
- .wds-list-item-media-image {
39
- width: var(--item-media-image-size);
40
- height: var(--item-media-image-size);
41
- }
42
- .wds-list-item-body {
43
- width: 100%;
44
- }
45
- .wds-list-item-title {
46
- color: #37517e;
47
- color: var(--color-content-primary);
48
- }
49
- .wds-list-item-additional-info {
50
- color: #768e9c;
51
- color: var(--color-content-tertiary);
52
- }
53
- .wds-list-item-value {
54
- flex: 0 0 auto;
55
- }
56
- .wds-list-item-control {
57
- flex: 0 0 auto;
58
- }
59
- .wds-list-item-navigation,
60
- .wds-list-item-navigation:hover,
61
- .wds-list-item-navigation:focus {
62
- -webkit-text-decoration: none;
63
- text-decoration: none;
64
- }
65
- .wds-list-item-spotlight-active {
66
- background-color: rgba(134,167,189,0.10196);
67
- background-color: var(--color-background-neutral);
68
- }
69
- .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
70
- background-color: var(--color-background-neutral-hover);
71
- }
72
- .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
73
- background-color: var(--color-background-neutral-active);
74
- }
75
- .wds-list-item-spotlight-inactive {
76
- background-color: rgba(134, 167, 189, 0.025);
77
- border: 1px dashed rgba(0,0,0,0.10196);
78
- border: 1px dashed var(--color-border-neutral);
79
- }
80
- @supports (color: color-mix(in lch, red, blue)) {
81
- .wds-list-item-spotlight-inactive {
82
- background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
83
- }
84
- }
85
- .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
86
- background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
87
- }
88
- .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
89
- background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
90
- }
91
- .wds-list-item-prompt {
92
- display: inline-flex;
93
- padding-top: calc(8px / 2);
94
- padding-top: calc(var(--padding-x-small) / 2);
95
- padding-bottom: calc(8px / 2);
96
- padding-bottom: calc(var(--padding-x-small) / 2);
97
- padding-left: calc(8px - 1px);
98
- padding-left: calc(var(--padding-x-small) - 1px);
99
- padding-right: 8px;
100
- padding-right: var(--padding-x-small);
101
- border-radius: 10px;
102
- border-radius: var(--radius-small);
103
- word-break: break-word;
104
- word-wrap: break-word;
105
- }
106
- .wds-list-item-prompt .np-prompt-icon {
107
- padding-right: calc(12px / 2);
108
- padding-right: calc(var(--size-12) / 2);
109
- padding-top: calc(4px - 1px);
110
- padding-top: calc(var(--size-4) - 1px);
111
- padding-bottom: calc(4px - 1px);
112
- padding-bottom: calc(var(--size-4) - 1px);
113
- }
114
- .wds-list-item-prompt .np-prompt-icon .tw-icon-tags,
115
- .wds-list-item-prompt .np-prompt-icon .tw-icon-confetti {
116
- color: var(--color-sentiment-positive-primary);
117
- }
118
- .wds-list-item-prompt a {
119
- text-underline-offset: calc(4px / 2);
120
- text-underline-offset: calc(var(--size-4) / 2);
121
- }
122
- .wds-list-item-prompt.np-prompt-interactive {
123
- -webkit-text-decoration: none;
124
- text-decoration: none;
125
- cursor: pointer;
126
- border: none;
127
- }
128
- .wds-list-item-prompt.negative {
129
- background-color: var(--color-sentiment-negative-secondary);
130
- color: var(--color-sentiment-negative-primary);
131
- }
132
- .wds-list-item-prompt.negative a {
133
- color: var(--color-sentiment-negative-primary);
134
- }
135
- .wds-list-item-prompt.negative a:hover {
136
- color: var(--color-sentiment-negative-primary-hover);
137
- }
138
- .wds-list-item-prompt.negative a:active {
139
- color: var(--color-sentiment-negative-primary-active);
140
- }
141
- .np-prompt-interactive.wds-list-item-prompt.negative:hover {
142
- background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 95%, var(--color-sentiment-negative-primary));
143
- }
144
- .np-prompt-interactive.wds-list-item-prompt.negative:active {
145
- background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 90%, var(--color-sentiment-negative-primary));
146
- }
147
- .wds-list-item-prompt.positive,
148
- .wds-list-item-prompt.discount,
149
- .wds-list-item-prompt.savings {
150
- background-color: var(--color-sentiment-positive-secondary);
151
- color: var(--color-sentiment-positive-primary);
152
- }
153
- .wds-list-item-prompt.positive a,
154
- .wds-list-item-prompt.discount a,
155
- .wds-list-item-prompt.savings a {
156
- color: var(--color-sentiment-positive-primary);
157
- }
158
- .wds-list-item-prompt.positive a:hover,
159
- .wds-list-item-prompt.discount a:hover,
160
- .wds-list-item-prompt.savings a:hover {
161
- color: var(--color-sentiment-positive-primary-hover);
162
- }
163
- .wds-list-item-prompt.positive a:active,
164
- .wds-list-item-prompt.discount a:active,
165
- .wds-list-item-prompt.savings a:active {
166
- color: var(--color-sentiment-positive-primary-active);
167
- }
168
- .np-prompt-interactive.wds-list-item-prompt.positive:hover,
169
- .np-prompt-interactive.wds-list-item-prompt.discount:hover,
170
- .np-prompt-interactive.wds-list-item-prompt.savings:hover {
171
- background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 95%, var(--color-sentiment-positive-primary));
172
- }
173
- .np-prompt-interactive.wds-list-item-prompt.positive:active,
174
- .np-prompt-interactive.wds-list-item-prompt.discount:active,
175
- .np-prompt-interactive.wds-list-item-prompt.savings:active {
176
- background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 90%, var(--color-sentiment-positive-primary));
177
- }
178
- .wds-list-item-prompt.neutral {
179
- background-color: rgba(134,167,189,0.10196);
180
- background-color: var(--color-background-neutral);
181
- color: #37517e;
182
- color: var(--color-content-primary);
183
- }
184
- .wds-list-item-prompt.neutral a {
185
- color: #37517e;
186
- color: var(--color-content-primary);
187
- }
188
- .np-prompt-interactive.wds-list-item-prompt.neutral:hover {
189
- background-color: var(--color-background-neutral-hover);
190
- }
191
- .np-prompt-interactive.wds-list-item-prompt.neutral:active {
192
- background-color: var(--color-background-neutral-active);
193
- }
194
- .wds-list-item-prompt.warning {
195
- background-color: var(--color-sentiment-warning-secondary);
196
- color: var(--color-sentiment-warning-content);
197
- }
198
- .wds-list-item-prompt.warning a {
199
- color: var(--color-sentiment-warning-content);
200
- }
201
- .wds-list-item-prompt.warning a:hover {
202
- color: var(--color-sentiment-warning-content-hover);
203
- }
204
- .wds-list-item-prompt.warning a:active {
205
- color: var(--color-sentiment-warning-content-active);
206
- }
207
- .np-prompt-interactive.wds-list-item-prompt.warning:hover {
208
- background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 90%, var(--color-sentiment-warning-primary));
209
- }
210
- .np-prompt-interactive.wds-list-item-prompt.warning:active {
211
- background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 80%, var(--color-sentiment-warning-primary));
212
- }
@@ -1,44 +0,0 @@
1
- .np-select-option {
2
- border-radius: 10px;
3
- border-radius: var(--radius-small);
4
- padding: 16px;
5
- padding: var(--size-16);
6
- }
7
- .np-select-option-placeholder {
8
- background-color: rgba(134,167,189,0.10196);
9
- background-color: var(--color-background-neutral);
10
- }
11
- .np-select-option-placeholder:not(.disabled):hover {
12
- background-color: var(--color-background-neutral-hover);
13
- }
14
- .np-select-option-placeholder:not(.disabled):focus,
15
- .np-select-option-placeholder:not(.disabled):active {
16
- background-color: var(--color-background-neutral-active);
17
- }
18
- .np-select-option-selected {
19
- border: 1px solid #c9cbce;
20
- border: 1px solid var(--color-interactive-secondary);
21
- }
22
- .np-select-option-list {
23
- max-height: 350px;
24
- overflow-y: auto;
25
- }
26
- .np-select-option-list > .np-section {
27
- margin-top: 0;
28
- }
29
- .has-error * .np-select-option {
30
- --ring-outline-color: var(--color-sentiment-negative);
31
- --ring-outline-width: 3px;
32
- --ring-outline-offset: calc(-1 * var(--ring-outline-width));
33
- outline: var(--ring-outline-color) solid 3px;
34
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
35
- outline-offset: calc(-1 * 3px);
36
- outline-offset: var(--ring-outline-offset);
37
- }
38
- .has-error * .np-select-option:focus {
39
- outline: none;
40
- }
41
- .has-error * .np-select-option:focus-visible {
42
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
43
- outline-offset: var(--ring-outline-offset);
44
- }
@@ -1,50 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ListItemIconButtonProps } from './ListItemIconButton';
3
- import { ListItemCheckboxProps } from './ListItemCheckbox';
4
- import { ListItemNavigationProps } from './ListItemNavigation';
5
- import { ListItemButtonProps } from './ListItemButton';
6
- export type ListItemTypes = 'non-interactive' | 'navigation' | 'radio' | 'checkbox' | 'switch' | 'button' | 'icon-button';
7
- export type ListItemControlProps = ListItemNavigationProps | ListItemCheckboxProps | ListItemButtonProps | ListItemIconButtonProps;
8
- export type Props = {
9
- as?: 'li' | 'div' | 'span';
10
- inverted?: boolean;
11
- disabled?: boolean;
12
- spotlight?: 'active' | 'inactive';
13
- title: ReactNode;
14
- subtitle?: ReactNode;
15
- additionalInfo?: ReactNode;
16
- valueTitle?: ReactNode;
17
- valueSubtitle?: ReactNode;
18
- media?: ReactNode;
19
- control?: ReactNode;
20
- prompt?: ReactNode;
21
- className?: string;
22
- };
23
- export type ListItemContextData = {
24
- setControlType: (type: ListItemTypes) => void;
25
- setControlProps: (props: ListItemControlProps) => void;
26
- ids: {
27
- label: string;
28
- additionalInfo: string;
29
- value: string;
30
- control: string;
31
- prompt: string;
32
- };
33
- props: Pick<Props, 'disabled' | 'inverted'>;
34
- };
35
- export declare const ListItemContext: import("react").Context<ListItemContextData>;
36
- export declare const ListItem: {
37
- ({ as: ListItemElement, title, subtitle, additionalInfo, prompt, inverted, media, spotlight, valueTitle, valueSubtitle, control, disabled, className, }: Props): import("react").JSX.Element;
38
- Image: ({ alt, size, ...props }: import("./ListItemMedia").ListItemImageProps) => import("react").JSX.Element;
39
- AvatarView: ({ className, size, ...props }: import("./ListItemMedia").ListItemAvatarViewProps) => import("react").JSX.Element;
40
- AvatarLayout: ({ className, size, ...props }: import("./ListItemMedia").ListItemAvatarLayoutProps) => import("react").JSX.Element;
41
- AdditionalInfo: ({ children, action }: import("./ListItemAdditionalInfo").ListItemAdditionalInfoProps) => import("react").JSX.Element;
42
- Checkbox: (props: ListItemCheckboxProps) => import("react").JSX.Element;
43
- IconButton: (props: ListItemIconButtonProps) => import("react").JSX.Element;
44
- Navigation: ({ href, ...props }: ListItemNavigationProps) => import("react").JSX.Element;
45
- Button: ({ priority, partiallyInteractive, ...props }: ListItemButtonProps) => import("react").JSX.Element;
46
- Switch: (props: import("..").SwitchProps) => import("react").JSX.Element;
47
- Prompt: ({ type, children, action }: import("./prompt/Prompt").ListItemPromptProps) => import("react").JSX.Element;
48
- };
49
- export default ListItem;
50
- //# sourceMappingURL=ListItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAc,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAY,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAc,MAAM,sBAAsB,CAAC;AAE3E,OAAO,EAAU,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO/D,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,YAAY,GACZ,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,aAAa,CAAC;AAElB,MAAM,MAAM,oBAAoB,GAC5B,uBAAuB,GAEvB,qBAAqB,GACrB,mBAAmB,GACnB,uBAAuB,CAAC;AAE5B,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,EAAE,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;CAC7C,CAAC;AAIF,eAAO,MAAM,eAAe,8CAA2C,CAAC;AAExE,eAAO,MAAM,QAAQ;6JAclB,KAAK;;;;;;;;;;;CA8GP,CAAC;AAqFF,eAAe,QAAQ,CAAC"}
@@ -1,9 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
- import { LinkProps } from '../link';
3
- export type ListItemAdditionalInfoProps = PropsWithChildren<{
4
- action?: Pick<LinkProps, 'href' | 'onClick' | 'target'> & {
5
- label?: string;
6
- };
7
- }>;
8
- export declare const AdditionalInfo: ({ children, action }: ListItemAdditionalInfoProps) => import("react").JSX.Element;
9
- //# sourceMappingURL=ListItemAdditionalInfo.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemAdditionalInfo.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemAdditionalInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAGtD,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,CAAC;IAC1D,MAAM,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9E,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,GAAa,sBAAsB,2BAA2B,gCAoBxF,CAAC"}
@@ -1,6 +0,0 @@
1
- import { NewButtonProps } from '../button';
2
- export type ListItemButtonProps = Omit<NewButtonProps, 'v2' | 'size' | 'disabled'> & {
3
- partiallyInteractive?: boolean;
4
- };
5
- export declare const Button: ({ priority, partiallyInteractive, ...props }: ListItemButtonProps) => import("react").JSX.Element;
6
- //# sourceMappingURL=ListItemButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,cAAc,EAAE,MAAM,WAAW,CAAC;AAGlE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC,GAAG;IACnF,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,8CAIpB,mBAAmB,gCAYrB,CAAC"}
@@ -1,4 +0,0 @@
1
- import { CheckboxButtonProps } from '../checkboxButton/CheckboxButton';
2
- export type ListItemCheckboxProps = Pick<CheckboxButtonProps, 'checked' | 'indeterminate' | 'onChange'>;
3
- export declare const Checkbox: (props: ListItemCheckboxProps) => import("react").JSX.Element;
4
- //# sourceMappingURL=ListItemCheckbox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemCheckbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAGvE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,mBAAmB,EACnB,SAAS,GAAG,eAAe,GAAG,UAAU,CACzC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAa,OAAO,qBAAqB,gCAI7D,CAAC"}
@@ -1,8 +0,0 @@
1
- import { IconButtonProps } from '../iconButton';
2
- import { ReactNode } from 'react';
3
- export type ListItemIconButtonProps = Pick<IconButtonProps, 'onClick' | 'href' | 'target'> & {
4
- children: ReactNode;
5
- partiallyInteractive?: boolean;
6
- };
7
- export declare const IconButton: (props: ListItemIconButtonProps) => import("react").JSX.Element;
8
- //# sourceMappingURL=ListItemIconButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemIconButton.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,GAAG;IAC3F,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAa,OAAO,uBAAuB,gCAMjE,CAAC"}
@@ -1,19 +0,0 @@
1
- import { AvatarViewProps } from '../avatarView';
2
- import { AvatarLayoutProps } from '../avatarLayout';
3
- import { ImageProps } from '../image/Image';
4
- type SizeProp = {
5
- size?: 32 | 40 | 48 | 56 | 72;
6
- };
7
- export type ListItemAvatarViewProps = Omit<AvatarViewProps, 'size' | 'interactive'> & SizeProp;
8
- export declare const AvatarView: ({ className, size, ...props }: ListItemAvatarViewProps) => import("react").JSX.Element;
9
- export type ListItemAvatarLayoutProps = Omit<AvatarLayoutProps, 'size' | 'interactive'> & SizeProp;
10
- export declare const AvatarLayout: ({ className, size, ...props }: ListItemAvatarLayoutProps) => import("react").JSX.Element;
11
- export type ListItemImageProps = Omit<ImageProps, 'stretch' | 'shrink' | 'id' | 'alt'> & SizeProp & {
12
- alt?: string;
13
- };
14
- /**
15
- * TODO: mention that image is for rare cases not for DS illustrations, they discouraged
16
- */
17
- export declare const Image: ({ alt, size, ...props }: ListItemImageProps) => import("react").JSX.Element;
18
- export {};
19
- //# sourceMappingURL=ListItemMedia.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemMedia.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,eAAe,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAA+B,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAwB,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGlE,KAAK,QAAQ,GAAG;IAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC;AAE/F,eAAO,MAAM,UAAU,GAAI,+BAAoC,uBAAuB,gCAQrF,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC;AAEnG,eAAO,MAAM,YAAY,GAAI,+BAAoC,yBAAyB,gCAQzF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC,GACpF,QAAQ,GAAG;IACT,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,yBAAmC,kBAAkB,gCAY1E,CAAC"}
@@ -1,4 +0,0 @@
1
- import { ButtonProps } from '../button/Button.types';
2
- export type ListItemNavigationProps = Pick<ButtonProps, 'onClick' | 'href' | 'target'>;
3
- export declare const Navigation: ({ href, ...props }: ListItemNavigationProps) => import("react").JSX.Element;
4
- //# sourceMappingURL=ListItemNavigation.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemNavigation.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;AAEvF,eAAO,MAAM,UAAU,GAAuB,oBAA0B,uBAAuB,gCAe9F,CAAC"}
@@ -1,3 +0,0 @@
1
- import { SwitchProps } from '../switch';
2
- export declare const Switch: (props: SwitchProps) => import("react").JSX.Element;
3
- //# sourceMappingURL=ListItemSwitch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAG/D,eAAO,MAAM,MAAM,GAAa,OAAO,WAAW,gCAIjD,CAAC"}
@@ -1,6 +0,0 @@
1
- export type { Props as ListItemProps } from './ListItem';
2
- export type { ListItemAdditionalInfoProps } from './ListItemAdditionalInfo';
3
- export type { ListItemCheckboxProps } from './ListItemCheckbox';
4
- export type { ListItemImageProps, ListItemAvatarViewProps, ListItemAvatarLayoutProps, } from './ListItemMedia';
5
- export { default } from './ListItem';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/listItem/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
@@ -1,12 +0,0 @@
1
- import { Sentiment } from '../../common';
2
- import { LinkProps } from '../../link';
3
- export type ListItemPromptProps = {
4
- type: `${Sentiment.POSITIVE | Sentiment.NEGATIVE | Sentiment.NEUTRAL | Sentiment.WARNING}` | 'discount' | 'savings';
5
- children: React.ReactNode;
6
- action?: Pick<LinkProps, 'href' | 'target' | 'onClick'> & {
7
- 'aria-label'?: string;
8
- };
9
- };
10
- export declare const Prompt: ({ type, children, action }: ListItemPromptProps) => import("react").JSX.Element;
11
- export default Prompt;
12
- //# sourceMappingURL=Prompt.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/listItem/prompt/Prompt.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EACA,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,GACpF,UAAU,GACV,SAAS,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC,GAAG;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACrF,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,4BAA4B,mBAAmB,gCAyBrE,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,5 +0,0 @@
1
- import { ListItemControlProps, ListItemTypes } from './ListItem';
2
- export declare function useItemControl(controlType: ListItemTypes, controlProps?: ListItemControlProps): {
3
- baseItemProps: Pick<import("./ListItem").Props, "disabled" | "inverted">;
4
- };
5
- //# sourceMappingURL=useItemControl.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useItemControl.d.ts","sourceRoot":"","sources":["../../../src/listItem/useItemControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,oBAAoB,EACpB,aAAa,EACd,MAAM,YAAY,CAAC;AAEpB,wBAAgB,cAAc,CAAC,WAAW,EAAE,aAAa,EAAE,YAAY,CAAC,EAAE,oBAAoB;;EAc7F"}
@@ -1,21 +0,0 @@
1
- import { ActionButtonProps } from '../actionButton';
2
- import type { OptionProps } from '../common/Option/Option';
3
- import { HeaderProps } from '../header/Header';
4
- export type SelectOptiopsSection<T = unknown> = {
5
- title?: HeaderProps['title'];
6
- options: SelectOptionValue<T>[];
7
- };
8
- export type SelectOptionValue<T = unknown> = Pick<OptionProps, 'media' | 'title' | 'content' | 'disabled'> & {
9
- value?: T;
10
- };
11
- export type SelectOptionPlaceholder = Pick<OptionProps, 'media' | 'title' | 'content'> & {
12
- actionLabel?: ActionButtonProps['children'];
13
- };
14
- export type SelectOptionProps<T = unknown> = {
15
- onChange: (selected: SelectOptionValue<T>) => void;
16
- selected?: SelectOptionValue<T>;
17
- options: SelectOptiopsSection<T>[];
18
- placeholder: SelectOptionPlaceholder;
19
- } & Omit<OptionProps, 'as' | 'title' | 'media' | 'content' | 'onClick' | 'onChange' | 'showMediaAtAllSizes' | 'decision'>;
20
- export default function SelectOption<T>({ selected, options, onChange, placeholder, disabled, ...props }: SelectOptionProps<T>): import("react").JSX.Element;
21
- //# sourceMappingURL=SelectOption.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../src/selectOption/SelectOption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI3D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAU/C,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC9C,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CAC/C,WAAW,EACX,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAC3C,GAAG;IACF,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IACvF,WAAW,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC3C,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAChC,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,WAAW,EAAE,uBAAuB,CAAC;CACtC,GAAG,IAAI,CACN,WAAW,EACX,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,qBAAqB,GAAG,UAAU,CACnG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,EACtC,QAAoB,EACpB,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAmGtB"}
@@ -1,12 +0,0 @@
1
- declare const _default: {
2
- actionLabel: {
3
- id: string;
4
- defaultMessage: string;
5
- };
6
- selectedActionLabel: {
7
- id: string;
8
- defaultMessage: string;
9
- };
10
- };
11
- export default _default;
12
- //# sourceMappingURL=SelectOption.messages.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectOption.messages.d.ts","sourceRoot":"","sources":["../../../src/selectOption/SelectOption.messages.ts"],"names":[],"mappings":";;;;;;;;;;AAEA,wBASG"}
@@ -1,3 +0,0 @@
1
- export { default } from './SelectOption';
2
- export type { SelectOptionProps, SelectOptionValue, SelectOptiopsSection } from './SelectOption';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/selectOption/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC"}