@transferwise/components 0.0.0-experimental-a9e2e05 → 0.0.0-experimental-e92f7ac

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 (153) hide show
  1. package/build/avatarLayout/AvatarLayout.js +2 -9
  2. package/build/avatarLayout/AvatarLayout.js.map +1 -1
  3. package/build/avatarLayout/AvatarLayout.mjs +2 -9
  4. package/build/avatarLayout/AvatarLayout.mjs.map +1 -1
  5. package/build/button/{LegacyButton/Button.js → Button.js} +24 -25
  6. package/build/button/Button.js.map +1 -0
  7. package/build/button/{LegacyButton/Button.mjs → Button.mjs} +24 -25
  8. package/build/button/Button.mjs.map +1 -0
  9. package/build/button/classMap.js +42 -0
  10. package/build/button/classMap.js.map +1 -0
  11. package/build/button/classMap.mjs +39 -0
  12. package/build/button/classMap.mjs.map +1 -0
  13. package/build/button/{LegacyButton/legacyUtils → legacyUtils}/legacyUtils.js +21 -21
  14. package/build/button/legacyUtils/legacyUtils.js.map +1 -0
  15. package/build/button/{LegacyButton/legacyUtils → legacyUtils}/legacyUtils.mjs +21 -21
  16. package/build/button/legacyUtils/legacyUtils.mjs.map +1 -0
  17. package/build/circularButton/CircularButton.js +1 -1
  18. package/build/circularButton/CircularButton.js.map +1 -1
  19. package/build/circularButton/CircularButton.mjs +1 -1
  20. package/build/circularButton/CircularButton.mjs.map +1 -1
  21. package/build/common/action/Action.js +1 -1
  22. package/build/common/action/Action.js.map +1 -1
  23. package/build/common/action/Action.mjs +1 -1
  24. package/build/common/action/Action.mjs.map +1 -1
  25. package/build/criticalBanner/CriticalCommsBanner.js +1 -1
  26. package/build/criticalBanner/CriticalCommsBanner.mjs +1 -1
  27. package/build/header/Header.js +1 -1
  28. package/build/header/Header.mjs +1 -1
  29. package/build/index.js +1 -1
  30. package/build/index.mjs +1 -1
  31. package/build/link/Link.js +3 -8
  32. package/build/link/Link.js.map +1 -1
  33. package/build/link/Link.mjs +3 -8
  34. package/build/link/Link.mjs.map +1 -1
  35. package/build/main.css +29 -288
  36. package/build/nudge/Nudge.js +1 -1
  37. package/build/nudge/Nudge.js.map +1 -1
  38. package/build/nudge/Nudge.mjs +1 -1
  39. package/build/nudge/Nudge.mjs.map +1 -1
  40. package/build/select/Select.js +1 -1
  41. package/build/select/Select.mjs +1 -1
  42. package/build/styles/avatarLayout/AvatarLayout.css +0 -11
  43. package/build/styles/iconButton/IconButton.css +29 -24
  44. package/build/styles/main.css +29 -288
  45. package/build/types/avatarLayout/AvatarLayout.d.ts +2 -1
  46. package/build/types/avatarLayout/AvatarLayout.d.ts.map +1 -1
  47. package/build/types/avatarLayout/index.d.ts +0 -1
  48. package/build/types/avatarLayout/index.d.ts.map +1 -1
  49. package/build/types/button/{LegacyButton/Button.d.ts → Button.d.ts} +5 -8
  50. package/build/types/button/Button.d.ts.map +1 -0
  51. package/build/types/button/classMap.d.ts.map +1 -0
  52. package/build/types/button/index.d.ts +2 -2
  53. package/build/types/button/index.d.ts.map +1 -1
  54. package/build/types/button/legacyUtils/index.d.ts.map +1 -0
  55. package/build/types/button/{LegacyButton/legacyUtils → legacyUtils}/legacyUtils.d.ts +1 -1
  56. package/build/types/button/legacyUtils/legacyUtils.d.ts.map +1 -0
  57. package/build/types/link/Link.d.ts +2 -2
  58. package/build/types/link/Link.d.ts.map +1 -1
  59. package/build/types/test-utils/index.d.ts.map +1 -1
  60. package/build/upload/steps/completeStep/completeStep.js +1 -1
  61. package/build/upload/steps/completeStep/completeStep.mjs +1 -1
  62. package/build/upload/steps/processingStep/processingStep.js +1 -1
  63. package/build/upload/steps/processingStep/processingStep.mjs +1 -1
  64. package/build/uploadInput/UploadInput.js +1 -1
  65. package/build/uploadInput/UploadInput.mjs +1 -1
  66. package/package.json +3 -3
  67. package/src/avatarLayout/AvatarLayout.css +0 -11
  68. package/src/avatarLayout/AvatarLayout.less +1 -18
  69. package/src/avatarLayout/AvatarLayout.tsx +3 -11
  70. package/src/avatarLayout/index.ts +0 -1
  71. package/src/avatarWrapper/AvatarWrapper.story.tsx +0 -2
  72. package/src/button/{LegacyButton/Button.less → Button.less} +1 -1
  73. package/src/button/{LegacyButton/Button.spec.tsx → Button.spec.tsx} +3 -3
  74. package/src/button/Button.story.tsx +163 -0
  75. package/src/button/{LegacyButton/Button.tsx → Button.tsx} +9 -14
  76. package/src/button/{LegacyButton/classMap.ts → classMap.ts} +1 -1
  77. package/src/button/index.ts +3 -2
  78. package/src/button/{LegacyButton/legacyUtils → legacyUtils}/legacyUtils.spec.tsx +2 -2
  79. package/src/button/{LegacyButton/legacyUtils → legacyUtils}/legacyUtils.ts +2 -2
  80. package/src/circularButton/CircularButton.tsx +1 -1
  81. package/src/common/action/Action.tsx +1 -1
  82. package/src/iconButton/IconButton.css +29 -24
  83. package/src/iconButton/IconButton.less +4 -4
  84. package/src/link/Link.tsx +6 -15
  85. package/src/main.css +29 -288
  86. package/src/main.less +1 -2
  87. package/src/nudge/Nudge.tsx +1 -1
  88. package/src/phoneNumberInput/PhoneNumberInput.spec.tsx +283 -0
  89. package/src/primitives/PrimitiveAnchor/stories/PrimitiveAnchor.story.tsx +1 -1
  90. package/src/primitives/PrimitiveAnchor/test/PrimitiveAnchor.spec.tsx +1 -1
  91. package/src/primitives/PrimitiveButton/stories/PrimitiveButton.story.tsx +1 -1
  92. package/src/primitives/PrimitiveButton/test/PrimitiveButton.spec.tsx +3 -2
  93. package/src/test-utils/index.tsx +1 -0
  94. package/build/button/Button/src/Button.js +0 -93
  95. package/build/button/Button/src/Button.js.map +0 -1
  96. package/build/button/Button/src/Button.mjs +0 -91
  97. package/build/button/Button/src/Button.mjs.map +0 -1
  98. package/build/button/LegacyButton/Button.js.map +0 -1
  99. package/build/button/LegacyButton/Button.mjs.map +0 -1
  100. package/build/button/LegacyButton/classMap.js +0 -42
  101. package/build/button/LegacyButton/classMap.js.map +0 -1
  102. package/build/button/LegacyButton/classMap.mjs +0 -39
  103. package/build/button/LegacyButton/classMap.mjs.map +0 -1
  104. package/build/button/LegacyButton/legacyUtils/legacyUtils.js.map +0 -1
  105. package/build/button/LegacyButton/legacyUtils/legacyUtils.mjs.map +0 -1
  106. package/build/button/src/Button.js +0 -66
  107. package/build/button/src/Button.js.map +0 -1
  108. package/build/button/src/Button.mjs +0 -64
  109. package/build/button/src/Button.mjs.map +0 -1
  110. package/build/styles/button/Button/less/Button.css +0 -253
  111. package/build/styles/button/Button/less/Button.vars.css +0 -57
  112. package/build/types/button/Button/index.d.ts +0 -3
  113. package/build/types/button/Button/index.d.ts.map +0 -1
  114. package/build/types/button/Button/src/Button.d.ts +0 -4
  115. package/build/types/button/Button/src/Button.d.ts.map +0 -1
  116. package/build/types/button/Button/src/Button.types.d.ts +0 -50
  117. package/build/types/button/Button/src/Button.types.d.ts.map +0 -1
  118. package/build/types/button/Button/src/index.d.ts +0 -2
  119. package/build/types/button/Button/src/index.d.ts.map +0 -1
  120. package/build/types/button/LegacyButton/Button.d.ts.map +0 -1
  121. package/build/types/button/LegacyButton/classMap.d.ts.map +0 -1
  122. package/build/types/button/LegacyButton/index.d.ts +0 -3
  123. package/build/types/button/LegacyButton/index.d.ts.map +0 -1
  124. package/build/types/button/LegacyButton/legacyUtils/index.d.ts.map +0 -1
  125. package/build/types/button/LegacyButton/legacyUtils/legacyUtils.d.ts.map +0 -1
  126. package/build/types/button/src/Button.d.ts +0 -47
  127. package/build/types/button/src/Button.d.ts.map +0 -1
  128. package/build/types/button/src/index.d.ts +0 -3
  129. package/build/types/button/src/index.d.ts.map +0 -1
  130. package/src/button/Button/index.ts +0 -2
  131. package/src/button/Button/less/Button.css +0 -253
  132. package/src/button/Button/less/Button.less +0 -221
  133. package/src/button/Button/less/Button.vars.css +0 -57
  134. package/src/button/Button/less/Button.vars.less +0 -65
  135. package/src/button/Button/src/Button.tsx +0 -116
  136. package/src/button/Button/src/Button.types.ts +0 -70
  137. package/src/button/Button/src/index.ts +0 -1
  138. package/src/button/Button/stories/Button.story.tsx +0 -314
  139. package/src/button/Button/stories/Button.tests.story.tsx +0 -288
  140. package/src/button/Button/test/Button.spec.tsx +0 -328
  141. package/src/button/LegacyButton/Button.story.tsx +0 -224
  142. package/src/button/LegacyButton/index.ts +0 -3
  143. package/src/button/src/Button.tsx +0 -87
  144. package/src/button/src/index.ts +0 -2
  145. package/src/button/test/Button.spec.tsx +0 -32
  146. package/src/phoneNumberInput/PhoneNumberInput.rtl.spec.tsx +0 -32
  147. package/src/phoneNumberInput/PhoneNumberInput.spec.js +0 -356
  148. /package/build/styles/button/{LegacyButton/Button.css → Button.css} +0 -0
  149. /package/build/types/button/{LegacyButton/classMap.d.ts → classMap.d.ts} +0 -0
  150. /package/build/types/button/{LegacyButton/legacyUtils → legacyUtils}/index.d.ts +0 -0
  151. /package/src/button/{LegacyButton/Button.css → Button.css} +0 -0
  152. /package/src/button/{LegacyButton/__snapshots__ → __snapshots__}/Button.spec.tsx.snap +0 -0
  153. /package/src/button/{LegacyButton/legacyUtils → legacyUtils}/index.ts +0 -0
@@ -1,253 +0,0 @@
1
- :root {
2
- --Button-background: var(--color-interactive-accent);
3
- --Button-background-hover: var(--color-interactive-accent-hover);
4
- --Button-background-active: var(--color-interactive-accent-active);
5
- --Button-color: var(--color-interactive-control);
6
- --Button-padding: var(--size-8) var(--size-12);
7
- --Button-border-radius: var(--radius-full);
8
- --Button-font-size: var(--font-size-16);
9
- --Button-line-height: var(--size-24);
10
- --Button-font-weight: var(--font-weight-semi-bold);
11
- --Button-letter-spacing: -0.011em;
12
- --Button-size-small-padding: 5px var(--size-12);
13
- --Button-size-medium-padding: var(--size-8) var(--size-12);
14
- --Button-size-large-padding: var(--size-12) var(--size-16);
15
- --Button-avatar-border-color: var(--color-border-neutral);
16
- --Button-secondary-background: var(--color-interactive-neutral);
17
- --Button-secondary-background-hover: var(--color-interactive-neutral-hover);
18
- --Button-secondary-background-active: var(--color-interactive-neutral-active);
19
- --Button-secondary-color: var(--color-interactive-primary);
20
- --Button-tertiary-background: var(--color-background-neutral);
21
- --Button-tertiary-background-hover: var(--color-background-neutral-hover);
22
- --Button-tertiary-background-active: var(--color-background-neutral-active);
23
- --Button-tertiary-color: var(--color-content-primary);
24
- --Button-minimal-background: transparent;
25
- --Button-minimal-background-hover: var(--color-background-screen-hover);
26
- --Button-minimal-background-active: var(--color-background-screen-active);
27
- --Button-minimal-color: var(--color-interactive-primary);
28
- --Button-primary-negative-background: var(--color-sentiment-negative-primary);
29
- --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
30
- --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
31
- --Button-primary-negative-color: var(--color-contrast);
32
- --Button-primary-netative-avatar-border-color: rgba(255,255,255,0.2);
33
- --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
34
- --Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
35
- --Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
36
- --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
37
- --Button-secondary-netative-avatar-border-color: rgba(168,32,13,0.12157);
38
- }
39
- .np-theme-personal--dark {
40
- --Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
41
- }
42
- .np-theme-personal--forest-green {
43
- --color-interactive-neutral: rgba(159,232,112,0.2);
44
- --color-interactive-neutral-hover: rgba(205,255,173,0.2);
45
- --color-interactive-neutral-active: rgba(236,255,224,0.2);
46
- --color-sentiment-negative-secondary: rgba(255,196,194,0.2);
47
- --color-sentiment-negative-secondary-hover: rgba(255,220,219,0.2);
48
- --color-sentiment-negative-secondary-active: rgba(255,235,235,0.2);
49
- --Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
50
- --Button-secondary-netative-avatar-border-color: rgba(14,15,12,0.12157);
51
- }
52
- .np-theme-personal--bright-green {
53
- --color-contrast: #FFFFFF;
54
- --Button-secondary-color: var(--color-interactive-control);
55
- --Button-secondary-negative-color: var(--color-contrast);
56
- --Button-secondary-netative-avatar-border-color: var(--Button-primary-netative-avatar-border-color);
57
- }
58
- /* Button Styles */
59
- .wds-Button {
60
- display: inline-flex;
61
- flex: none;
62
- width: auto;
63
- align-items: center;
64
- justify-content: center;
65
- vertical-align: middle;
66
- font-weight: 600;
67
- font-weight: var(--Button-font-weight);
68
- font-size: 1rem;
69
- font-size: var(--Button-font-size);
70
- letter-spacing: -0.011em;
71
- letter-spacing: var(--Button-letter-spacing);
72
- line-height: 24px;
73
- line-height: var(--Button-line-height);
74
- text-align: center;
75
- -webkit-text-decoration: none;
76
- text-decoration: none;
77
- white-space: nowrap;
78
- word-wrap: break-word;
79
- -webkit-appearance: none;
80
- -moz-appearance: none;
81
- appearance: none;
82
- background-color: #00a2dd;
83
- background-color: var(--Button-background);
84
- border: none;
85
- border-radius: 9999px;
86
- border-radius: var(--Button-border-radius);
87
- color: var(--Button-color);
88
- cursor: pointer;
89
- padding: 8px 12px;
90
- padding: var(--Button-padding);
91
- }
92
- .wds-Button:focus {
93
- -webkit-text-decoration: none;
94
- text-decoration: none;
95
- }
96
- .wds-Button:hover {
97
- background-color: #008fc9;
98
- background-color: var(--Button-background-hover);
99
- -webkit-text-decoration: none;
100
- text-decoration: none;
101
- }
102
- .wds-Button:active {
103
- background-color: #0081ba;
104
- background-color: var(--Button-background-active);
105
- -webkit-text-decoration: none;
106
- text-decoration: none;
107
- }
108
- .wds-Button:disabled {
109
- mix-blend-mode: luminosity;
110
- opacity: 0.45;
111
- cursor: not-allowed;
112
- }
113
- .wds-Button:disabled:hover,
114
- .wds-Button:disabled:active {
115
- background-color: #00a2dd;
116
- background-color: var(--Button-background);
117
- }
118
- .wds-Button--secondary {
119
- --Button-background: var(--Button-secondary-background);
120
- --Button-background-hover: var(--Button-secondary-hover-background);
121
- --Button-background-active: var(--Button-secondary-active-background);
122
- --Button-color: var(--Button-secondary-color);
123
- }
124
- .wds-Button--tertiary {
125
- --Button-background: var(--Button-tertiary-background);
126
- --Button-background-hover: var(--Button-tertiary-hover-background);
127
- --Button-background-active: var(--Button-tertiary-active-background);
128
- --Button-color: var(--Button-tertiary-color);
129
- }
130
- .wds-Button--tertiary .wds-Button-icon--right {
131
- color: var(--color-interactive-primary);
132
- }
133
- .wds-Button--minimal {
134
- --Button-background: var(--Button-minimal-background);
135
- --Button-background-hover: var(--Button-minimal-hover-background);
136
- --Button-background-active: var(--Button-minimal-active-background);
137
- --Button-color: var(--Button-minimal-color);
138
- -webkit-text-decoration: underline;
139
- text-decoration: underline;
140
- }
141
- .wds-Button--minimal:hover,
142
- .wds-Button--minimal:hover:active {
143
- -webkit-text-decoration: underline;
144
- text-decoration: underline;
145
- }
146
- .wds-Button--negative.wds-Button--primary {
147
- --Button-background: var(--Button-primary-negative-background);
148
- --Button-background-hover: var(--Button-primary-negative-hover-background);
149
- --Button-background-active: var(--Button-primary-negative-active-background);
150
- --Button-color: var(--Button-primary-negative-color);
151
- --Button-avatar-border-color: var(--Button-primary-netative-avatar-border-color);
152
- }
153
- .wds-Button--negative.wds-Button--secondary {
154
- --Button-background: var(--Button-secondary-negative-background);
155
- --Button-background-hover: var(--Button-secondary-negative-hover-background);
156
- --Button-background-active: var(--Button-secondary-negative-active-background);
157
- --Button-color: var(--Button-secondary-negative-color);
158
- --Button-avatar-border-color: var(--Button-secondary-netative-avatar-border-color);
159
- }
160
- .wds-Button--small {
161
- --Button-padding: var(--Button-size-small-padding);
162
- --Button-line-height: 22px;
163
- --Button-font-size: var(--font-size-14);
164
- --Button-letter-spacing: -0.006em;
165
- }
166
- .wds-Button--small .wds-Button-icon--left {
167
- margin-right: 4px;
168
- margin-right: var(--size-4);
169
- }
170
- [dir="rtl"] .wds-Button--small .wds-Button-icon--left {
171
- margin-right: 0;
172
- margin-left: 4px;
173
- margin-left: var(--size-4);
174
- }
175
- .wds-Button--medium {
176
- --Button-padding: var(--Button-size-medium-padding);
177
- }
178
- .wds-Button--large {
179
- --Button-padding: var(--Button-size-large-padding);
180
- }
181
- .wds-Button--block {
182
- width: 100%;
183
- }
184
- .wds-Button-avatars {
185
- display: inline-flex;
186
- margin-right: 5px;
187
- margin-left: calc(4px * -1);
188
- margin-left: calc(var(--size-4) * -1);
189
- }
190
- [dir="rtl"] .wds-Button-avatars {
191
- margin-right: 0;
192
- margin-left: 5px;
193
- }
194
- .wds-Button-avatars .np-circle {
195
- --circle-border-color: var(--Button-avatar-border-color);
196
- }
197
- .wds-Button-avatars .np-avatar-view .np-avatar-view-content {
198
- color: var(--Button-color);
199
- }
200
- .wds-Button-icon {
201
- display: inline-block;
202
- }
203
- .wds-Button-icon--left {
204
- margin-right: 8px;
205
- margin-right: var(--size-8);
206
- }
207
- [dir="rtl"] .wds-Button-icon--left {
208
- margin-right: 0;
209
- margin-left: 8px;
210
- margin-left: var(--size-8);
211
- }
212
- .wds-Button-icon--right {
213
- margin-left: 4px;
214
- margin-left: var(--size-4);
215
- }
216
- [dir="rtl"] .wds-Button-icon--right {
217
- margin-left: 0;
218
- margin-right: 4px;
219
- margin-right: var(--size-4);
220
- }
221
- .wds-Button-content {
222
- position: relative;
223
- }
224
- .wds-Button-content--loading .wds-Button-label,
225
- .wds-Button-content--loading .wds-Button-media,
226
- .wds-Button-content--loading .wds-Button-icon {
227
- visibility: hidden;
228
- opacity: 0;
229
- }
230
- .wds-Button-label {
231
- display: flex;
232
- justify-content: center;
233
- align-items: center;
234
- position: relative;
235
- }
236
- .wds-Button-loader {
237
- position: absolute;
238
- display: flex;
239
- justify-content: center;
240
- align-items: center;
241
- width: 100%;
242
- height: 100%;
243
- }
244
- .wds-Button-loader .process-circle {
245
- stroke: var(--Button-color);
246
- }
247
- /* RTL Styles */
248
- [dir="rtl"] .wds-Button .tw-icon-chevron-right,[dir="rtl"] .wds-Button .tw-icon-arrow-right {
249
- transform: rotate(180deg);
250
- }
251
- [dir="rtl"] .wds-Button .tw-icon-chevron-left,[dir="rtl"] .wds-Button .tw-icon-arrow-left {
252
- transform: rotate(180deg);
253
- }
@@ -1,57 +0,0 @@
1
- :root {
2
- --Button-background: var(--color-interactive-accent);
3
- --Button-background-hover: var(--color-interactive-accent-hover);
4
- --Button-background-active: var(--color-interactive-accent-active);
5
- --Button-color: var(--color-interactive-control);
6
- --Button-padding: var(--size-8) var(--size-12);
7
- --Button-border-radius: var(--radius-full);
8
- --Button-font-size: var(--font-size-16);
9
- --Button-line-height: var(--size-24);
10
- --Button-font-weight: var(--font-weight-semi-bold);
11
- --Button-letter-spacing: -0.011em;
12
- --Button-size-small-padding: 5px var(--size-12);
13
- --Button-size-medium-padding: var(--size-8) var(--size-12);
14
- --Button-size-large-padding: var(--size-12) var(--size-16);
15
- --Button-avatar-border-color: var(--color-border-neutral);
16
- --Button-secondary-background: var(--color-interactive-neutral);
17
- --Button-secondary-background-hover: var(--color-interactive-neutral-hover);
18
- --Button-secondary-background-active: var(--color-interactive-neutral-active);
19
- --Button-secondary-color: var(--color-interactive-primary);
20
- --Button-tertiary-background: var(--color-background-neutral);
21
- --Button-tertiary-background-hover: var(--color-background-neutral-hover);
22
- --Button-tertiary-background-active: var(--color-background-neutral-active);
23
- --Button-tertiary-color: var(--color-content-primary);
24
- --Button-minimal-background: transparent;
25
- --Button-minimal-background-hover: var(--color-background-screen-hover);
26
- --Button-minimal-background-active: var(--color-background-screen-active);
27
- --Button-minimal-color: var(--color-interactive-primary);
28
- --Button-primary-negative-background: var(--color-sentiment-negative-primary);
29
- --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
30
- --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
31
- --Button-primary-negative-color: var(--color-contrast);
32
- --Button-primary-netative-avatar-border-color: rgba(255,255,255,0.2);
33
- --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
34
- --Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
35
- --Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
36
- --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
37
- --Button-secondary-netative-avatar-border-color: rgba(168,32,13,0.12157);
38
- }
39
- .np-theme-personal--dark {
40
- --Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
41
- }
42
- .np-theme-personal--forest-green {
43
- --color-interactive-neutral: rgba(159,232,112,0.2);
44
- --color-interactive-neutral-hover: rgba(205,255,173,0.2);
45
- --color-interactive-neutral-active: rgba(236,255,224,0.2);
46
- --color-sentiment-negative-secondary: rgba(255,196,194,0.2);
47
- --color-sentiment-negative-secondary-hover: rgba(255,220,219,0.2);
48
- --color-sentiment-negative-secondary-active: rgba(255,235,235,0.2);
49
- --Button-primary-netative-avatar-border-color: rgba(14,15,12,0.12157);
50
- --Button-secondary-netative-avatar-border-color: rgba(14,15,12,0.12157);
51
- }
52
- .np-theme-personal--bright-green {
53
- --color-contrast: #FFFFFF;
54
- --Button-secondary-color: var(--color-interactive-control);
55
- --Button-secondary-negative-color: var(--color-contrast);
56
- --Button-secondary-netative-avatar-border-color: var(--Button-primary-netative-avatar-border-color);
57
- }
@@ -1,3 +0,0 @@
1
- export { default } from './src';
2
- export * from './src';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/button/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,cAAc,OAAO,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- declare const Button: React.ForwardRefExoticComponent<(Omit<import("./Button.types").ButtonElementProps, "ref"> | Omit<import("./Button.types").AnchorElementProps, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
3
- export default Button;
4
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/button/Button/src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,QAAA,MAAM,MAAM,qNAsGX,CAAC;AAIF,eAAe,MAAM,CAAC"}
@@ -1,50 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import type { PrimitiveButtonProps, PrimitiveAnchorProps, PrimitiveButtonElementRef, PrimitiveAnchorElementRef } from '../../../primitives';
3
- import type { SingleAvatarType } from '../../../avatarLayout';
4
- export type ButtonApperance = 'default' | 'negative';
5
- export type ButtonPriority = 'primary' | 'secondary' | 'tertiary' | 'minimal';
6
- export type ButtonType = 'button' | 'submit' | 'reset' | undefined;
7
- export type ButtonSize = 'sm' | 'md' | 'lg';
8
- export type ButtonRefType = PrimitiveButtonElementRef | PrimitiveAnchorElementRef;
9
- /**
10
- * Common properties for the Button component.
11
- */
12
- export interface CommonButtonProps {
13
- /** The HTML element to render */
14
- as?: 'button' | 'a' | undefined;
15
- /** Additional class name(s) to apply to the button */
16
- className?: string;
17
- /** Content to be displayed inside the button */
18
- children?: ReactNode;
19
- /** Whether the button is disabled */
20
- disabled?: boolean;
21
- href?: string;
22
- /** Whether the button is in a loading state */
23
- loading?: boolean;
24
- /** Whether the button should take up the full width of its container */
25
- block?: boolean;
26
- /** Size of the button */
27
- size?: ButtonSize;
28
- /**
29
- * Priority of the button
30
- * @default 'primary'
31
- */
32
- priority?: ButtonPriority;
33
- /**
34
- * Appearance of the button
35
- * @default 'default'
36
- */
37
- appearance?: ButtonApperance;
38
- /** Icon to be displayed on the left side of the button */
39
- iconLeft?: React.ElementType;
40
- /** Icon to be displayed on the right side of the button */
41
- iconRight?: React.ElementType;
42
- /** Media to be displayed on the left side of the button */
43
- avatars?: SingleAvatarType[];
44
- /** Optional property to provide component Ref */
45
- ref?: ButtonRefType;
46
- }
47
- export type ButtonElementProps = PrimitiveButtonProps & CommonButtonProps;
48
- export type AnchorElementProps = PrimitiveAnchorProps & CommonButtonProps;
49
- export type ButtonProps = ButtonElementProps | AnchorElementProps;
50
- //# sourceMappingURL=Button.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/button/Button/src/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,yBAAyB,GAAG,yBAAyB,CAAC;AAElF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,SAAS,CAAC;IAEhC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE7B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE7B,iDAAiD;IACjD,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG,iBAAiB,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG,iBAAiB,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAAG,kBAAkB,CAAC"}
@@ -1,2 +0,0 @@
1
- export { default } from './Button';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/button/Button/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/button/LegacyButton/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,GACnC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC1B,kBAAkB;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,WAAW,GACnC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAExE,QAAA,MAAM,MAAM,uJAkGX,CAAC;AAIF,eAAe,MAAM,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"classMap.d.ts","sourceRoot":"","sources":["../../../../src/button/LegacyButton/classMap.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC"}
@@ -1,3 +0,0 @@
1
- export { default } from './Button';
2
- export type { Props as ButtonProps } from './Button';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/button/LegacyButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/button/LegacyButton/legacyUtils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"legacyUtils.d.ts","sourceRoot":"","sources":["../../../../../src/button/LegacyButton/legacyUtils/legacyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAWpE,KAAK,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;AAO5D,QAAA,MAAM,wBAAwB;;;;;;CAM7B,CAAC;AAIF,KAAK,oBAAoB,GAAG,CAC1B,YAAY,EAAE,IAAI,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,KACxD,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC;AAEtC,eAAO,MAAM,gBAAgB,EAAE,oBAGb,CAAC;AAEnB,KAAK,wBAAwB,GAAG,CAC9B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,EACpE,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,KAChE,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAElD,eAAO,MAAM,oBAAoB,EAAE,wBAalC,CAAC;AAEF,KAAK,4BAA4B,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAC1E,KAAK,yBAAyB,GAAG,CAAC,MAAM,EAAE;IACxC,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,4BAA4B,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;CAC9E,KAAK,IAAI,CAAC;AACX,eAAO,MAAM,qBAAqB,EAAE,yBAWnC,CAAC"}
@@ -1,47 +0,0 @@
1
- import { ButtonProps as LegacyButtonProps } from '../LegacyButton';
2
- import { ButtonProps as NewButtonProps } from '../Button/src/Button.types';
3
- type LegacyButtonType = 'accent' | 'negative' | 'positive' | 'primary' | 'pay' | 'secondary' | 'danger' | 'link' | null | undefined;
4
- type NewButtonType = 'button' | 'submit' | 'reset' | LegacyButtonType | undefined;
5
- export type ButtonProps = (LegacyButtonProps & {
6
- type?: LegacyButtonType;
7
- useNewButton?: false;
8
- }) | (Omit<NewButtonProps, 'type'> & {
9
- type?: NewButtonType;
10
- useNewButton: true;
11
- });
12
- declare const Button: import("react").ForwardRefExoticComponent<(Omit<{
13
- block?: boolean;
14
- disabled?: boolean;
15
- loading?: boolean;
16
- type?: import("../../common").ControlTypeAccent | import("../../common").ControlTypeNegative | import("../../common").ControlTypePositive | ("link" | "primary" | "secondary" | "pay" | "danger") | null;
17
- priority?: import("../../common").PriorityPrimary | import("../../common").PrioritySecondary | import("../../common").PriorityTertiary | null;
18
- size?: import("../../common").SizeSmall | import("../../common").SizeMedium | import("../../common").SizeLarge | "xs";
19
- } & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
20
- ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
21
- }, "type"> & {
22
- as?: "button" | undefined;
23
- htmlType?: "submit" | "reset" | "button";
24
- } & {
25
- type?: LegacyButtonType;
26
- useNewButton?: false;
27
- }, "ref"> | Omit<{
28
- block?: boolean;
29
- disabled?: boolean;
30
- loading?: boolean;
31
- type?: import("../../common").ControlTypeAccent | import("../../common").ControlTypeNegative | import("../../common").ControlTypePositive | ("link" | "primary" | "secondary" | "pay" | "danger") | null;
32
- priority?: import("../../common").PriorityPrimary | import("../../common").PrioritySecondary | import("../../common").PriorityTertiary | null;
33
- size?: import("../../common").SizeSmall | import("../../common").SizeMedium | import("../../common").SizeLarge | "xs";
34
- } & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
35
- ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
36
- }, "type"> & {
37
- as?: "a" | undefined;
38
- href?: string;
39
- } & {
40
- type?: LegacyButtonType;
41
- useNewButton?: false;
42
- }, "ref"> | Omit<Omit<NewButtonProps, "type"> & {
43
- type?: NewButtonType;
44
- useNewButton: true;
45
- }, "ref">) & import("react").RefAttributes<any>>;
46
- export default Button;
47
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/button/src/Button.tsx"],"names":[],"mappings":"AAEA,OAAqB,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEjF,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE3E,KAAK,gBAAgB,GACjB,QAAQ,GACR,UAAU,GACV,UAAU,GACV,SAAS,GACT,KAAK,GACL,WAAW,GACX,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,SAAS,CAAC;AACd,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAElF,MAAM,MAAM,WAAW,GACnB,CAAC,iBAAiB,GAAG;IAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACvE,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,aAAa,CAAC;IAAC,YAAY,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAoDlF,QAAA,MAAM,MAAM;;;;;;;;;;;;;WArDsB,gBAAgB;mBAAiB,KAAK;;;;;;;;;;;;;;WAAtC,gBAAgB;mBAAiB,KAAK;;WAC3B,aAAa;kBAAgB,IAAI;gDA6D5E,CAAC;AAIH,eAAe,MAAM,CAAC"}
@@ -1,3 +0,0 @@
1
- export { default } from './Button';
2
- export type { ButtonProps } from './Button';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/button/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -1,2 +0,0 @@
1
- export { default } from './src';
2
- export * from './src';